@nldd/design-system 0.8.96 → 0.8.97
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.
- package/README.md +14 -10
- package/custom-elements.json +494 -92
- package/dist/components/components.js +609 -177
- package/dist/components/content/icon/icon-aliases.js +1 -1
- package/dist/components/content/icon/icon-aliases.js.map +1 -1
- package/dist/components/content/icon/icon-gallery-status.d.ts.map +1 -1
- package/dist/components/content/icon/icon-gallery-status.js +15 -4
- package/dist/components/content/icon/icon-gallery-status.js.map +1 -1
- package/dist/components/content/icon/icon-registry.js +12 -12
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/image/image.d.ts +19 -3
- package/dist/components/content/image/image.d.ts.map +1 -1
- package/dist/components/content/image/image.js +25 -4
- package/dist/components/content/image/image.js.map +1 -1
- package/dist/components/content/image/image.styles.d.ts.map +1 -1
- package/dist/components/content/image/image.styles.js +36 -0
- package/dist/components/content/image/image.styles.js.map +1 -1
- package/dist/components/content/image/image.template.d.ts.map +1 -1
- package/dist/components/content/image/image.template.js +13 -1
- package/dist/components/content/image/image.template.js.map +1 -1
- package/dist/components/content/rich-text/rich-text.d.ts +25 -12
- package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
- package/dist/components/content/rich-text/rich-text.js +25 -12
- package/dist/components/content/rich-text/rich-text.js.map +1 -1
- package/dist/components/{icon-DQHT2C7z.js → icon-D_ZGezHx.js} +13 -13
- package/dist/components/{icon-button-mevRsl4C.js → icon-button-NN0SrgS3.js} +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/layout/box/box.d.ts +1 -1
- package/dist/components/layout/box/box.js +1 -1
- package/dist/components/layout/container/container.d.ts.map +1 -1
- package/dist/components/layout/container/container.js +2 -1
- package/dist/components/layout/container/container.js.map +1 -1
- package/dist/components/layout/page/page.d.ts +9 -3
- package/dist/components/layout/page/page.d.ts.map +1 -1
- package/dist/components/layout/page/page.js +36 -13
- package/dist/components/layout/page/page.js.map +1 -1
- package/dist/components/layout/page/page.styles.js +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +2 -0
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js +3 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js +5 -0
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.d.ts +57 -11
- package/dist/components/layout/page-sections/hero/hero.d.ts.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.js +158 -15
- package/dist/components/layout/page-sections/hero/hero.js.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.styles.js +95 -41
- package/dist/components/layout/page-sections/hero/hero.styles.js.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts +4 -0
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js +8 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js +13 -0
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts +4 -0
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js +8 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js +17 -0
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js.map +1 -1
- package/dist/components/layout/page-sections/page-section-controls.d.ts +11 -1
- package/dist/components/layout/page-sections/page-section-controls.d.ts.map +1 -1
- package/dist/components/layout/page-sections/page-section-controls.js +11 -2
- package/dist/components/layout/page-sections/page-section-controls.js.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts +5 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js +6 -2
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js +11 -10
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +2 -0
- package/dist/components/layout/page-sections/simple-section/simple-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.js +3 -2
- package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.styles.js +2 -2
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts +4 -0
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js +8 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js +17 -0
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js.map +1 -1
- package/dist/components/layout/sheet/sheet.js +1 -1
- package/dist/components/layout/sheet/sheet.js.map +1 -1
- package/dist/components/layout/{app-view/app-view.d.ts → shell/shell.d.ts} +11 -11
- package/dist/components/layout/shell/shell.d.ts.map +1 -0
- package/dist/components/layout/{app-view/app-view.js → shell/shell.js} +24 -24
- package/dist/components/layout/shell/shell.js.map +1 -0
- package/dist/components/layout/shell/shell.styles.d.ts +2 -0
- package/dist/components/layout/shell/shell.styles.d.ts.map +1 -0
- package/dist/components/layout/{app-view/app-view.styles.js → shell/shell.styles.js} +8 -8
- package/dist/components/layout/shell/shell.styles.js.map +1 -0
- package/dist/components/layout/shell/shell.template.d.ts +4 -0
- package/dist/components/layout/shell/shell.template.d.ts.map +1 -0
- package/dist/components/layout/shell/shell.template.js +9 -0
- package/dist/components/layout/shell/shell.template.js.map +1 -0
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.js +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.js.map +1 -1
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts +1 -1
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js +1 -1
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js +2 -0
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js +2 -0
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.d.ts +15 -5
- package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.js +20 -7
- package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts +4 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js +8 -2
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js.map +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.js +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +5 -0
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js +13 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +12 -2
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.template.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js +11 -10
- package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.js +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.js.map +1 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.d.ts +10 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.d.ts.map +1 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.js +21 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.js.map +1 -1
- package/dist/css/document-reset.css +3 -3
- package/dist/css/rich-text.css +36 -90
- package/dist/nldd.min.js +506 -349
- package/dist/types/vue.d.ts +67 -24
- package/dist/utilities/page-section-mixin.d.ts +5 -0
- package/dist/utilities/page-section-mixin.d.ts.map +1 -1
- package/dist/utilities/page-section-mixin.js +10 -1
- package/dist/utilities/page-section-mixin.js.map +1 -1
- package/dist/utilities/scroll-mode-controller.d.ts +29 -13
- package/dist/utilities/scroll-mode-controller.d.ts.map +1 -1
- package/dist/utilities/scroll-mode-controller.js +48 -13
- package/dist/utilities/scroll-mode-controller.js.map +1 -1
- package/package.json +4 -4
- package/dist/components/layout/app-view/app-view.d.ts.map +0 -1
- package/dist/components/layout/app-view/app-view.js.map +0 -1
- package/dist/components/layout/app-view/app-view.styles.d.ts +0 -2
- package/dist/components/layout/app-view/app-view.styles.d.ts.map +0 -1
- package/dist/components/layout/app-view/app-view.styles.js.map +0 -1
- package/dist/components/layout/app-view/app-view.template.d.ts +0 -4
- package/dist/components/layout/app-view/app-view.template.d.ts.map +0 -1
- package/dist/components/layout/app-view/app-view.template.js +0 -9
- package/dist/components/layout/app-view/app-view.template.js.map +0 -1
- package/dist/components/palettes.html +0 -245
- package/dist/components/sample-images/butterfly-1200.jpg +0 -0
- package/dist/components/sample-images/butterfly-1600.jpg +0 -0
- package/dist/components/sample-images/butterfly-480.jpg +0 -0
- package/dist/components/sample-images/butterfly-960.jpg +0 -0
- package/dist/palettes.html +0 -245
- package/dist/sample-images/butterfly-1200.jpg +0 -0
- package/dist/sample-images/butterfly-1600.jpg +0 -0
- package/dist/sample-images/butterfly-480.jpg +0 -0
- package/dist/sample-images/butterfly-960.jpg +0 -0
package/dist/nldd.min.js
CHANGED
|
@@ -797,7 +797,7 @@ var NLDD=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`
|
|
|
797
797
|
:host([box]) svg {
|
|
798
798
|
color: var(--semantics-content-contrast-color);
|
|
799
799
|
}
|
|
800
|
-
`})),Bt,Vt,Ht,Ut=n((()=>{Bt={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Vt=e=>(...t)=>({_$litDirective$:e,values:t}),Ht=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,n){this._$Ct=e,this._$AM=t,this._$Ci=n}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}})),Wt,Gt,Kt=n((()=>{Ze(),Ut(),Wt=class extends Ht{constructor(e){if(super(e),this.it=S,e.type!==Bt.CHILD)throw Error(this.constructor.directiveName+`() can only be used in child bindings`)}render(e){if(e===S||e==null)return this._t=void 0,this.it=e;if(e===Ie)return e;if(typeof e!=`string`)throw Error(this.constructor.directiveName+`() called with a non-string value`);if(e===this.it)return this._t;this.it=e;let t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}},Wt.directiveName=`unsafeHTML`,Wt.resultType=1,Gt=Vt(Wt)})),qt=n((()=>{Kt()}));function Jt(e){return e?x`${Gt(e)}`:x`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>`}var Yt=n((()=>{w(),qt()})),Xt,Zt=n((()=>{Xt={office:`apartment-building`,building:`apartment-building`,company:`apartment-building`,sync:`arrow-2-counter-clockwise`,refresh:`arrow-clockwise`,reload:`arrow-clockwise`,download:`arrow-down-in-bucket`,expand:`arrow-down-left-arrow-up-right`,"full-screen":`arrow-down-left-arrow-up-right`,collapse:`arrow-up-right-arrow-down-left`,"exit-full-screen":`arrow-up-right-arrow-down-left`,switch:`arrow-left-right`,swap:`arrow-left-right`,sort:`arrow-up-arrow-down`,undo:`arrow-u-turn-backward`,redo:`arrow-u-turn-forward`,notification:`bell`,notifications:`bell`,alarm:`bell`,buildings:`apartment-building-2`,offices:`apartment-building-2`,companies:`apartment-building-2`,guide:`book`,read:`book`,"new-book":`book-badge-plus`,bookmarked:`bookmark-filled`,books:`books-vertical`,inventory:`boxes-3`,embed:`brackets-ellipsis`,namespace:`brackets-ellipsis`,"new-namespace":`brackets-ellipsis-badge-plus`,work:`business-suitcase`,calendar:`calendar-event`,event:`calendar-event`,license:`certificate`,diploma:`certificate`,analytics:`chart-x-y-axis-line`,"chart-line":`chart-x-y-axis-line`,graph:`chart-x-y-axis-line`,tasks:`check-list`,todos:`check-list`,checklist:`check-list`,backlog:`check-list`,checked:`check-mark`,success:`check-mark-circle`,valid:`check-mark-circle`,done:`check-mark-circle`,"done-light":`check-mark-circle-light`,"checked-extra-small":`check-mark-extra-small`,"checked-small":`check-mark-small`,back:`chevron-left`,code:`chevron-left-forward-slash-chevron-right`,forward:`chevron-right`,"no-priority":`circle`,"to-do":`circle`,doing:`circle-circle`,"doing-light":`circle-circle-light`,"icon-placeholder":`circle-dashed`,"all-tasks":`circle-grid-2x2-top-left-check-mark`,"to-do-light":`circle-light`,"inventory-alt":`clipboard-bullet-list`,form:`clipboard-pencil`,paste:`clipboard-square`,time:`clock`,now:`clock`,"time-light":`clock-light`,future:`clock-arrow-clockwise`,history:`clock-arrow-counter-clockwise`,"download-from-cloud":`cloud-arrow-down`,"backup-in-cloud":`cloud-arrow-up`,deploy:`cloud-arrow-up`,"upload-to-cloud":`cloud-arrow-up`,processor:`cpu`,database:`cylinder-split`,"locked-database":`cylinder-split-badge-lock`,"disabled-database":`cylinder-split-slash`,"unavailable-database":`cylinder-split-slash`,close:`dismiss`,"close-circle":`dismiss-circle`,"close-circle-filled":`dismiss-circle-filled`,"close-small":`dismiss-small`,"close-extra-small":`dismiss-extra-small`,more:`ellipsis`,email:`envelope`,mail:`envelope`,lab:`erlenmeyer-flask`,"lab-light":`erlenmeyer-flask-light`,"medium-priority":`exclamation-2-circle`,"medium-priority-filled":`exclamation-2-circle-filled`,"high-priority":`exclamation-3-circle`,"high-priority-filled":`exclamation-3-circle-filled`,error:`exclamation-circle`,invalid:`exclamation-circle`,"low-priority":`exclamation-circle`,"low-priority-filled":`exclamation-circle-filled`,alert:`exclamation-triangle-filled`,warning:`exclamation-triangle-filled`,show:`eye`,visible:`eye`,hidden:`eye-slash`,hide:`eye-slash`,"reading-list":`eyeglasses`,sad:`face-frowning`,frowning:`face-frowning`,happy:`face-smiling`,smiling:`face-smiling`,"add-emoji":`face-smiling-badge-plus`,document:`file`,"download-document":`file-badge-arrow-down`,"upload-document":`file-badge-arrow-up`,"remove-document":`file-badge-minus`,"new-document":`file-badge-plus`,"markdown-document":`file-markdown`,"odf-document":`file-odf`,"odg-document":`file-odg`,"odp-document":`file-odp`,"ods-document":`file-ods`,"odt-document":`file-odt`,documents:`file-on-file`,"pdf-document":`file-pdf`,"text-document":`file-text`,"checked-text-document":`file-text-badge-check-mark`,"new-text-document":`file-text-badge-check-plus`,"edit-text-document":`file-text-pencil`,"text-documents":`file-text-on-file-text`,primary:`square-1`,categories:`triangle-square-circle`,flagged:`flag-filled`,directory:`folder`,"new-folder":`folder-badge-plus`,"new-directory":`folder-badge-plus`,"open-folder":`folder-open`,"open-directory":`folder-open`,inbox:`tray`,storage:`external-hard-drives`,folders:`folder-on-folder`,directories:`folder-on-folder`,"global-settings":`gear`,settings:`gear`,languages:`globe`,like:`hand-thumbs-up`,dislike:`hand-thumbs-down`,favorite:`heart-filled`,love:`heart-filled`,home:`house`,outdent:`indent-decrease`,indent:`indent-increase`,info:`info-circle`,information:`info-circle`,kanban:`kanban-columns`,idea:`lightbulb`,energy:`lightning`,url:`link`,hyperlink:`link`,"secure-link":`link-badge-lock`,"secure-url":`link-badge-lock`,menu:`list`,"sort-descending":`list-arrow-down`,"sort-ascending":`list-arrow-up`,filter:`list-decreasing-lines`,lock:`lock-closed`,locked:`lock-closed`,secure:`lock-closed`,unlocked:`lock-open`,unsecure:`lock-open`,markdown:`markdown-rectangle`,"code-block":`chevron-left-forward-slash-chevron-right-rectangle`,"stack-code":`rectangle-stack-chevron-left-forward-slash-chevron-right`,cut:`scissor`,k8s:`ship-wheel`,kubernetes:`ship-wheel`,"new-k8s":`ship-wheel-badge-plus`,"new-kubernetes":`ship-wheel-badge-plus`,search:`magnifier`,location:`map-pin`,"add-location":`map-pin-badge-plus`,"remove-location":`map-pin-badge-minus`,"current-location":`map-pin-oval`,"microphone-on":`microphone`,"microphone-off":`microphone-slash`,announcement:`megaphone`,memory:`memory-chip`,ram:`memory-chip`,annotation:`message-rectangle-text`,comment:`message-rectangle-text`,remove:`minus`,"remove-small":`minus-small`,"remove-extra-small":`minus-extra-small`,"dark-mode":`moon`,night:`moon`,appearance:`paintbrush`,send:`paper-plane`,attachment:`paperclip`,attach:`paperclip`,paragraph:`paragraph-sign`,parking:`parking-sign-square`,"network-interface-card":`pci-card`,nic:`pci-card`,write:`pencil`,image:`photo`,gallery:`photo-on-photo-angled`,"broken-image":`photo-slash`,"image-stack":`photo-stack`,images:`photo-stack`,camera:`photo-camera`,edit:`pencil-on-square`,user:`person`,group:`person-2`,team:`person-2`,users:`person-2`,"user-admin":`person-badge-gear`,"user-settings":`person-badge-gear`,account:`person-circle`,profile:`person-circle`,"contact-card":`person-text-rectangle`,add:`plus`,"add-small":`plus-small`,print:`printer`,extension:`puzzle-piece`,module:`puzzle-piece`,plugin:`puzzle-piece`,"add-plugin":`puzzle-piece-badge-plus`,"add-extension":`puzzle-piece-badge-plus`,"add-module":`puzzle-piece-badge-plus`,help:`question-mark-circle`,question:`question-mark-circle`,server:`rack-server`,servers:`rack-servers`,firewall:`shield-arrow-right-arrow-left`,"network-patch-mapping":`waving-crossing-lines`,security:`shield-check-mark`,verified:`shield-check-mark`,blocked:`slash-circle`,forbidden:`slash-circle`,"blocked-light":`slash-circle-light`,"local-settings":`slider-horizontal-3`,cooling:`snowflake`,airco:`snowflake`,ai:`sparkles`,magic:`sparkles`,mute:`speaker-slash`,"high-volume":`speaker-volume-high`,"low-volume":`speaker-volume-low`,"medium-volume":`speaker-volume-medium`,"fit-to-view":`viewfinder`,scan:`viewfinder-line`,rating:`star`,rated:`star-filled`,new:`starburst-filled`,promotion:`starburst-filled`,logout:`arrow-right-out-bucket`,exit:`arrow-right-out-bucket`,login:`arrow-right-in-bucket`,"external-link":`square-arrow-right-top`,"open-new-page":`square-arrow-right-top`,share:`square-arrow-up`,export:`square-arrow-up`,copy:`square-on-square`,duplicate:`square-plus-on-square`,"hard-drive":`ssd-hard-drive`,stack:`rectangle-stack`,library:`rectangle-stack`,day:`sun`,"light-mode":`sun`,"download-table":`rectangle-split-2x3-badge-arrow-down`,label:`tag`,tags:`tag-on-tag`,labels:`tag-on-tag`,cli:`terminal`,console:`terminal`,blockquote:`text-quote`,countdown:`timer`,sfp:`transceiver-module`,delete:`trash`,tools:`screwdriver-wrench`,path:`point-bottom-left-to-point-top-right-s-curve-path`,traject:`point-bottom-left-to-point-top-right-s-curve-path`,power:`power-plug`,"plug-connected":`power-plug-socket`,pipeline:`pipeline-corner-2`,design:`pencil-ruler`,dns:`globe-rack-server`,archive:`file-box`,coins:`cylinder-2-big-small-split`,"building-blocks":`blocks-9`,sustainability:`leaf`,workplace:`desk-with-screen`,a11y:`accessibility`,explore:`binoculars`,discover:`binoculars`,gem:`diamond`,quality:`diamond`,monitoring:`radar`,certified:`seal-check-mark`,protection:`shield`,cart:`shopping-cart`,directions:`signpost`,table:`rectangle-split-2x3`,"table-cells":`rectangle-split-2x3`,save:`square-arrow-down`,import:`square-arrow-down`,"pipeline-runner":`pipeline-machine-gear`,privacy:`shield-lock`,upload:`arrow-up-out-bucket`,apps:`square-grid-3x3`,"columns-2":`rectangle-split-2x1`,"columns-3":`rectangle-split-3x1`,hierarchy:`tree-structure`,sitemap:`tree-structure`,support:`lifebuoy`,network:`network-structure`,"centralized-network":`centralized-structure`,"new-account":`person-circle-badge-plus`,harvest:`wheat`,"remove-user":`person-badge-minus`,"add-user":`person-badge-plus`,broadcast:`antenna-radio-waves`,brand:`seal-star`,play:`media-play`,"play-filled":`media-play-filled`,pause:`media-pause`,"pause-filled":`media-pause-filled`,stop:`media-stop`,"stop-filled":`media-stop-filled`,"play-pause":`media-play-pause`,"play-pause-filled":`media-play-pause-filled`}})),Qt,$t=n((()=>{Qt=new Map([[`accessibility`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
800
|
+
`})),Bt,Vt,Ht,Ut=n((()=>{Bt={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Vt=e=>(...t)=>({_$litDirective$:e,values:t}),Ht=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,n){this._$Ct=e,this._$AM=t,this._$Ci=n}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}})),Wt,Gt,Kt=n((()=>{Ze(),Ut(),Wt=class extends Ht{constructor(e){if(super(e),this.it=S,e.type!==Bt.CHILD)throw Error(this.constructor.directiveName+`() can only be used in child bindings`)}render(e){if(e===S||e==null)return this._t=void 0,this.it=e;if(e===Ie)return e;if(typeof e!=`string`)throw Error(this.constructor.directiveName+`() called with a non-string value`);if(e===this.it)return this._t;this.it=e;let t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}},Wt.directiveName=`unsafeHTML`,Wt.resultType=1,Gt=Vt(Wt)})),qt=n((()=>{Kt()}));function Jt(e){return e?x`${Gt(e)}`:x`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>`}var Yt=n((()=>{w(),qt()})),Xt,Zt=n((()=>{Xt={office:`apartment-building`,building:`apartment-building`,company:`apartment-building`,sync:`arrow-2-counter-clockwise`,refresh:`arrow-clockwise`,reload:`arrow-clockwise`,download:`arrow-down-in-bucket`,expand:`arrow-down-left-arrow-up-right`,"full-screen":`arrow-down-left-arrow-up-right`,collapse:`arrow-up-right-arrow-down-left`,"exit-full-screen":`arrow-up-right-arrow-down-left`,switch:`arrow-left-right`,swap:`arrow-left-right`,sort:`arrow-up-arrow-down`,undo:`arrow-u-turn-backward`,redo:`arrow-u-turn-forward`,notification:`bell`,notifications:`bell`,alarm:`bell`,buildings:`apartment-building-2`,offices:`apartment-building-2`,companies:`apartment-building-2`,guide:`book`,read:`book`,"new-book":`book-badge-plus`,bookmarked:`bookmark-filled`,books:`books-vertical`,inventory:`boxes-3`,embed:`brackets-ellipsis`,namespace:`brackets-ellipsis`,"new-namespace":`brackets-ellipsis-badge-plus`,work:`business-suitcase`,calendar:`calendar-event`,event:`calendar-event`,license:`certificate`,diploma:`certificate`,analytics:`chart-x-y-axis-line`,"chart-line":`chart-x-y-axis-line`,graph:`chart-x-y-axis-line`,tasks:`check-list`,todos:`check-list`,checklist:`check-list`,backlog:`check-list`,checked:`check-mark`,success:`check-mark-circle`,valid:`check-mark-circle`,done:`check-mark-circle`,"done-light":`check-mark-circle-light`,"checked-extra-small":`check-mark-extra-small`,"checked-small":`check-mark-small`,back:`chevron-left`,code:`chevron-left-forward-slash-chevron-right`,forward:`chevron-right`,"no-priority":`circle`,"to-do":`circle`,doing:`circle-circle`,"doing-light":`circle-circle-light`,"icon-placeholder":`circle-dashed`,"all-tasks":`circle-grid-2x2-top-left-check-mark`,"to-do-light":`circle-light`,"inventory-alt":`clipboard-bullet-list`,form:`clipboard-pencil`,paste:`clipboard-square`,time:`clock`,now:`clock`,"time-light":`clock-light`,future:`clock-arrow-clockwise`,history:`clock-arrow-counter-clockwise`,"download-from-cloud":`cloud-arrow-down`,"backup-in-cloud":`cloud-arrow-up`,deploy:`cloud-arrow-up`,"upload-to-cloud":`cloud-arrow-up`,processor:`cpu`,database:`cylinder-split`,"locked-database":`cylinder-split-badge-lock`,"disabled-database":`cylinder-split-slash`,"unavailable-database":`cylinder-split-slash`,close:`dismiss`,"close-circle":`dismiss-circle`,"close-circle-filled":`dismiss-circle-filled`,"close-small":`dismiss-small`,"close-extra-small":`dismiss-extra-small`,more:`ellipsis`,email:`envelope`,mail:`envelope`,lab:`erlenmeyer-flask`,"lab-light":`erlenmeyer-flask-light`,"medium-priority":`exclamation-2-circle`,"medium-priority-filled":`exclamation-2-circle-filled`,"high-priority":`exclamation-3-circle`,"high-priority-filled":`exclamation-3-circle-filled`,error:`exclamation-circle`,invalid:`exclamation-circle`,"low-priority":`exclamation-circle`,"low-priority-filled":`exclamation-circle-filled`,alert:`exclamation-triangle-filled`,warning:`exclamation-triangle-filled`,show:`eye`,visible:`eye`,hidden:`eye-slash`,hide:`eye-slash`,"reading-list":`eyeglasses`,sad:`face-frowning`,frowning:`face-frowning`,happy:`face-smiling`,smiling:`face-smiling`,"add-emoji":`face-smiling-badge-plus`,document:`file`,"download-document":`file-badge-arrow-down`,"upload-document":`file-badge-arrow-up`,"remove-document":`file-badge-minus`,"new-document":`file-badge-plus`,"markdown-document":`file-markdown`,"odf-document":`file-odf`,"odg-document":`file-odg`,"odp-document":`file-odp`,"ods-document":`file-ods`,"odt-document":`file-odt`,documents:`file-on-file`,"pdf-document":`file-pdf`,"text-document":`file-text`,"checked-text-document":`file-text-badge-check-mark`,"new-text-document":`file-text-badge-check-plus`,"edit-text-document":`file-text-pencil`,"text-documents":`file-text-on-file-text`,primary:`square-1`,categories:`triangle-square-circle`,flagged:`flag-filled`,directory:`folder`,"new-folder":`folder-badge-plus`,"new-directory":`folder-badge-plus`,"open-folder":`folder-open`,"open-directory":`folder-open`,inbox:`tray`,storage:`external-hard-drives`,folders:`folder-on-folder`,directories:`folder-on-folder`,"global-settings":`gear`,settings:`gear`,languages:`globe`,like:`hand-thumbs-up`,dislike:`hand-thumbs-down`,favorite:`heart-filled`,love:`heart-filled`,home:`house`,outdent:`indent-decrease`,indent:`indent-increase`,info:`info-circle`,information:`info-circle`,kanban:`kanban-columns`,idea:`lightbulb`,energy:`lightning`,url:`link`,hyperlink:`link`,"secure-link":`link-badge-lock`,"secure-url":`link-badge-lock`,menu:`list`,"sort-descending":`list-arrow-down`,"sort-ascending":`list-arrow-up`,filter:`list-decreasing-lines`,lock:`lock-closed`,locked:`lock-closed`,secure:`lock-closed`,unlocked:`lock-open`,unsecure:`lock-open`,markdown:`markdown-rectangle`,"code-block":`chevron-left-forward-slash-chevron-right-rectangle`,"stack-code":`rectangle-stack-chevron-left-forward-slash-chevron-right`,cut:`scissor`,k8s:`ship-wheel`,kubernetes:`ship-wheel`,"new-k8s":`ship-wheel-badge-plus`,"new-kubernetes":`ship-wheel-badge-plus`,search:`magnifier`,location:`map-pin`,"add-location":`map-pin-badge-plus`,"remove-location":`map-pin-badge-minus`,"current-location":`map-pin-oval`,"microphone-on":`microphone`,"microphone-off":`microphone-slash`,announcement:`megaphone`,memory:`memory-chip`,ram:`memory-chip`,annotation:`message-rectangle-text`,comment:`message-rectangle-text`,remove:`minus`,"remove-small":`minus-small`,"remove-extra-small":`minus-extra-small`,"dark-mode":`moon`,night:`moon`,appearance:`paintbrush`,send:`paper-plane`,attachment:`paperclip`,attach:`paperclip`,paragraph:`paragraph-sign`,parking:`parking-sign-square`,"network-interface-card":`pci-card`,nic:`pci-card`,write:`pencil`,image:`photo`,gallery:`photo-on-photo-angled`,"broken-image":`photo-slash`,"image-stack":`photo-stack`,images:`photo-stack`,camera:`photo-camera`,edit:`pencil-on-square`,user:`person`,group:`person-2`,team:`person-2`,users:`person-2`,"user-admin":`person-badge-gear`,"user-settings":`person-badge-gear`,account:`person-circle`,"contact-card":`person-text-rectangle`,profile:`person-text-rectangle`,add:`plus`,"add-small":`plus-small`,print:`printer`,extension:`puzzle-piece`,module:`puzzle-piece`,plugin:`puzzle-piece`,"add-plugin":`puzzle-piece-badge-plus`,"add-extension":`puzzle-piece-badge-plus`,"add-module":`puzzle-piece-badge-plus`,help:`question-mark-circle`,question:`question-mark-circle`,server:`rack-server`,servers:`rack-servers`,firewall:`shield-arrow-right-arrow-left`,"network-patch-mapping":`waving-crossing-lines`,security:`shield-check-mark`,verified:`shield-check-mark`,blocked:`slash-circle`,forbidden:`slash-circle`,"blocked-light":`slash-circle-light`,"local-settings":`slider-horizontal-3`,cooling:`snowflake`,airco:`snowflake`,ai:`sparkles`,magic:`sparkles`,mute:`speaker-slash`,"high-volume":`speaker-volume-high`,"low-volume":`speaker-volume-low`,"medium-volume":`speaker-volume-medium`,"fit-to-view":`viewfinder`,scan:`viewfinder-line`,rating:`star`,rated:`star-filled`,new:`starburst-filled`,promotion:`starburst-filled`,logout:`arrow-right-out-bucket`,exit:`arrow-right-out-bucket`,login:`arrow-right-in-bucket`,"external-link":`square-arrow-right-top`,"open-new-page":`square-arrow-right-top`,share:`square-arrow-up`,export:`square-arrow-up`,copy:`square-on-square`,duplicate:`square-plus-on-square`,"hard-drive":`ssd-hard-drive`,stack:`rectangle-stack`,library:`rectangle-stack`,day:`sun`,"light-mode":`sun`,"download-table":`rectangle-split-2x3-badge-arrow-down`,label:`tag`,tags:`tag-on-tag`,labels:`tag-on-tag`,cli:`terminal`,console:`terminal`,blockquote:`text-quote`,countdown:`timer`,sfp:`transceiver-module`,delete:`trash`,tools:`screwdriver-wrench`,path:`point-bottom-left-to-point-top-right-s-curve-path`,traject:`point-bottom-left-to-point-top-right-s-curve-path`,power:`power-plug`,"plug-connected":`power-plug-socket`,pipeline:`pipeline-corner-2`,design:`pencil-ruler`,dns:`globe-rack-server`,archive:`file-box`,coins:`cylinder-2-big-small-split`,"building-blocks":`blocks-9`,sustainability:`leaf`,workplace:`desk-with-screen`,a11y:`accessibility`,explore:`binoculars`,discover:`binoculars`,gem:`diamond`,quality:`diamond`,monitoring:`radar`,certified:`seal-check-mark`,protection:`shield`,cart:`shopping-cart`,directions:`signpost`,table:`rectangle-split-2x3`,"table-cells":`rectangle-split-2x3`,save:`square-arrow-down`,import:`square-arrow-down`,"pipeline-runner":`pipeline-machine-gear`,privacy:`shield-lock`,upload:`arrow-up-out-bucket`,apps:`square-grid-3x3`,"columns-2":`rectangle-split-2x1`,"columns-3":`rectangle-split-3x1`,hierarchy:`tree-structure`,sitemap:`tree-structure`,support:`lifebuoy`,network:`network-structure`,"centralized-network":`centralized-structure`,"new-account":`person-circle-badge-plus`,harvest:`wheat`,"remove-user":`person-badge-minus`,"add-user":`person-badge-plus`,broadcast:`antenna-radio-waves`,brand:`seal-star`,play:`media-play`,"play-filled":`media-play-filled`,pause:`media-pause`,"pause-filled":`media-pause-filled`,stop:`media-stop`,"stop-filled":`media-stop-filled`,"play-pause":`media-play-pause`,"play-pause-filled":`media-play-pause-filled`}})),Qt,$t=n((()=>{Qt=new Map([[`accessibility`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
801
801
|
<path fill="currentColor" d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m4.56 4.13a.75.75 0 0 1 .39 1.45l-3.45.92v1.84a5 5 0 0 0 .17 1.3l1.05 3.92a.75.75 0 0 1-1.45.39l-.98-3.69a.3.3 0 0 0-.58 0l-.99 3.69a.75.75 0 0 1-1.46-.32l.01-.07 1.06-3.94a5 5 0 0 0 .17-1.3V10.5l-3.45-.92a.75.75 0 0 1 .4-1.45l2.13.57a9.4 9.4 0 0 0 4.84 0zM12 5.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3"/>
|
|
802
802
|
</svg>`],[`antenna-radio-waves`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
803
803
|
<path fill="currentColor" d="M12 8a2 2 0 0 1 1 3.73V21h-2v-9.27A2 2 0 0 1 12 8M6.34 4.34A8 8 0 0 0 4 10c0 2.1.86 4.17 2.34 5.66l-1.41 1.41A10 10 0 0 1 2 10c0-2.63 1.07-5.2 2.93-7.07zm12.73-1.41a10 10 0 0 1 0 14.14l-1.41-1.41a8 8 0 0 0 0-11.32z"/>
|
|
@@ -856,7 +856,7 @@ var NLDD=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`
|
|
|
856
856
|
</svg>`],[`blocks-9`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
857
857
|
<path fill="currentColor" d="M8.1 8c.5.06.9.48.9 1v3h7.1c.5.06.9.48.9 1v8.1a1 1 0 0 1-.9.9H4a1 1 0 0 1-1-.9V9a1 1 0 0 1 1-1zM5 20h2v-2H5zm4 0h2v-2H9zm4 0h2v-2h-2zm-8-4h2v-2H5zm4 0h2v-2H9zm4 0h2v-2h-2zm3.3-10.03a1 1 0 0 1 1.22-.71l3.86 1.03.1.04a1 1 0 0 1 .61 1.19l-1.04 3.86-.03.1a1 1 0 0 1-1.09.63l-.1-.02-3.86-1.04a1 1 0 0 1-.73-1.12l.02-.1zM5 12h2v-2H5zm12.45-2.62 1.93.52.52-1.93-1.93-.52zm-4.52-8.14a1 1 0 0 1 1.12.73l1.04 3.86.02.1a1 1 0 0 1-.63 1.1l-.1.02-3.86 1.04a1 1 0 0 1-1.2-.61l-.03-.1-1.03-3.86a1 1 0 0 1 .7-1.23l3.87-1.03zm-2.48 2.73.52 1.93 1.93-.52-.52-1.93z"/>
|
|
858
858
|
</svg>`],[`bold`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
859
|
-
<path fill="currentColor" d="M12
|
|
859
|
+
<path fill="currentColor" d="M12.5 2A5.8 5.8 0 0 1 18 7.76c0 1.29-.45 2.57-1.25 3.57A6 6 0 0 1 19 16c0 3.27-2.73 6-6 6H5V2zM9 18.5h4c1.36 0 2.5-1.14 2.5-2.5s-1.14-2.5-2.5-2.5H9zm0-13V10h3.25a2.27 2.27 0 0 0 2.25-2.25 2.27 2.27 0 0 0-2.25-2.25z"/>
|
|
860
860
|
</svg>`],[`book`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
861
861
|
<path fill="currentColor" d="M16.5 3C19.54 3 22 4.8 22 7v13.07c0 .7-1.08 1.07-1.65.66a6.6 6.6 0 0 0-7.61-.08 1.3 1.3 0 0 1-1.48 0 6.5 6.5 0 0 0-7.62.07c-.57.42-1.64.05-1.64-.65V7c0-2.2 2.46-4 5.5-4 1.86 0 3.5.67 4.5 1.7A6.3 6.3 0 0 1 16.5 3m-9 2C6.4 5 4 5.5 4 7v11.2c2.2-1 4.8-1 7 0V6.54A4.6 4.6 0 0 0 7.5 5m9 0c-1.43 0-2.54.55-3.5 1.54V18.2c2.2-1 4.8-1 7 0V7c0-1.5-2.4-2-3.5-2"/>
|
|
862
862
|
</svg>`],[`book-badge-play`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
@@ -1249,19 +1249,19 @@ var NLDD=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`
|
|
|
1249
1249
|
</svg>`],[`handshake`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
1250
1250
|
<path fill="currentColor" d="M5.99 3.67a4 4 0 0 1 5.66 0l.09.1a4 4 0 0 1 4.86.6l4.24 4.25.14.15a4 4 0 0 1 0 5.36l-.14.15L14.12 21l-.19.17a2.5 2.5 0 0 1-3.15 0l-.2-.17q-.6-.62-.7-1.42a2.5 2.5 0 0 1-2.12-2.12 2.5 2.5 0 0 1-1.23-.54l-.19-.17c-.4-.4-.63-.9-.7-1.41a2.5 2.5 0 0 1-1.23-.54l-.19-.17a2.5 2.5 0 0 1 0-3.53l5.3-5.3 3.19 3.17a.5.5 0 1 0 .7-.7l-3.18-3.18a2 2 0 0 0-2.83 0L4.58 7.9a2 2 0 0 0-.52 1.93l-.54.55q-.55.55-.8 1.24a4 4 0 0 1 .44-5.13zm-.35 8.84a.5.5 0 1 0 .7.7l2.48-2.47a1 1 0 1 1 1.41 1.42l-2.47 2.47a.5.5 0 1 0 .7.7l2.48-2.47a1 1 0 1 1 1.41 1.42l-2.47 2.47a.5.5 0 0 0 .7.71l2.48-2.47a1 1 0 0 1 1.42 1.4L12 18.88a.5.5 0 1 0 .7.71l6.72-6.72a2 2 0 0 0 0-2.82L15.18 5.8a2 2 0 0 0-1.93-.51l1.58 1.57.17.2c.8.98.74 2.42-.17 3.34l-.2.17a2.5 2.5 0 0 1-3.15 0l-.19-.17-1.76-1.77z"/>
|
|
1251
1251
|
</svg>`],[`heading-1`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
1252
|
-
<path fill="currentColor" d="
|
|
1252
|
+
<path fill="currentColor" d="M5.14 3v7.88h7.72V3H15v18h-2.14v-8.33H5.14V21H3V3zM21 21h-1.88v-7.42H17V12h4z"/>
|
|
1253
1253
|
</svg>`],[`heading-2`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
1254
|
-
<path fill="currentColor" d="M4
|
|
1254
|
+
<path fill="currentColor" d="M4.14 3v7.88h7.72V3H14v18h-2.14v-8.33H4.14V21H2V3zM19.23 12c1.11 0 2.13.67 2.56 1.67.42 1 .18 2.17-.6 2.93l-2.66 2.6H22V21h-6v-1.88l3.88-3.78c.58-.57.14-1.54-.65-1.54h-2.77V12z"/>
|
|
1255
1255
|
</svg>`],[`heading-3`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
1256
|
-
<path fill="currentColor" d="M4
|
|
1256
|
+
<path fill="currentColor" d="M4.14 3v7.88h7.72V3H14v18h-2.14v-8.33H4.14V21H2V3zM21.76 12.67a4.4 4.4 0 0 1-1.5 3.26c.91.47 1.5 1.4 1.5 2.37 0 1.47-1.31 2.7-2.88 2.7H16v-1.58h2.88c.65 0 1.2-.5 1.2-1.12 0-.61-.55-1.13-1.2-1.13h-1.92V15.6c1.34 0 2.56-.83 2.97-2.02H16V12h5.76z"/>
|
|
1257
1257
|
</svg>`],[`heading-4`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
1258
|
-
<path fill="currentColor" d="M4
|
|
1259
|
-
<path fill="currentColor" d="
|
|
1258
|
+
<path fill="currentColor" d="M4.14 10.88h7.72V3H14v18h-2.14v-8.33H4.14V21H2V3h2.14z"/>
|
|
1259
|
+
<path fill="currentColor" d="M21.83 17.85h.94v1.35h-.94V21h-1.86v-1.8H16v-1.35a7.4 7.4 0 0 1 1.16-4.14c.63-.92 1.61-1.71 2.8-1.71h1.87zm-1.86-4.27c-.63 0-1.13.54-1.44 1-.65.95-.9 2.14-.9 3.27h2.34z"/>
|
|
1260
1260
|
</svg>`],[`heading-5`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
1261
|
-
<path fill="currentColor" d="M4
|
|
1261
|
+
<path fill="currentColor" d="M4.14 3v7.88h7.72V3H14v18h-2.14v-8.33H4.14V21H2V3zM21.3 13.58h-3.68v1.57H19a3 3 0 0 1 3 2.93A3 3 0 0 1 19 21h-3v-1.58h3c.75 0 1.38-.61 1.38-1.34s-.63-1.36-1.38-1.36h-2.77V12h5.08z"/>
|
|
1262
1262
|
</svg>`],[`heading-6`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
1263
|
-
<path fill="currentColor" d="
|
|
1264
|
-
<path fill="currentColor" d="
|
|
1263
|
+
<path fill="currentColor" d="M4.14 10.88h7.72V3H14v18h-2.14v-8.33H4.14V21H2V3h2.14z"/>
|
|
1264
|
+
<path fill="currentColor" d="M21.57 13.46H20.3a2.9 2.9 0 0 0-2.6 1.69H19c1.74 0 3.33 1.6 2.94 3.5a3 3 0 0 1-2.36 2.3C17.88 21.27 16 20 16 18.07V16.5c0-2.45 1.95-4.5 4.29-4.5h1.28zm-4.18 4.62c0 1.02 1.08 1.6 1.94 1.43a1.6 1.6 0 0 0 1.25-1.17c.2-.99-.72-1.73-1.58-1.73h-1.6z"/>
|
|
1265
1265
|
</svg>`],[`heart`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
1266
1266
|
<path fill="currentColor" d="M12 5.216a5.858 5.858 0 1 1 8.284 8.284v.003L12 21.787l-8.284-8.284c-2.297-2.297-2.216-5.979 0-8.284C6 2.916 9.684 3.026 11.999 5.217zm6.87 1.414a3.86 3.86 0 0 0-5.456 0L12 8.045l-1.414-1.413a3.858 3.858 0 0 0-5.455 5.457l6.87 6.87 6.87-6.873a3.86 3.86 0 0 0 0-5.456"/>
|
|
1267
1267
|
</svg>`],[`heart-filled`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
@@ -1430,7 +1430,7 @@ var NLDD=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`
|
|
|
1430
1430
|
<path fill="currentColor" d="M12 14.5V13H7V14.5H12Z"/>
|
|
1431
1431
|
<path fill="currentColor" d="M16.59 20.41L20.41 16.59C20.79 16.21 21 15.7 21 15.17V6C21 4.34 19.66 3 18 3H6C4.34 3 3 4.34 3 6V18C3 19.66 4.34 21 6 21H15.17C15.7 21 16.21 20.79 16.59 20.41ZM6 19C5.45 19 5 18.55 5 18V6C5 5.45 5.45 5 6 5H18C18.55 5 19 5.45 19 6V14H16C14.9 14 14 14.9 14 16V19H6ZM16 16H18.17L16 18.17V16Z"/>
|
|
1432
1432
|
</svg>`],[`numbered-list`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
1433
|
-
<path fill="currentColor" d="M5.
|
|
1433
|
+
<path fill="currentColor" d="M5.15 14c.74 0 1.43.45 1.7 1.11.3.67.13 1.45-.39 1.96L4.7 18.8H7V20H3v-1.25l2.59-2.53c.38-.36.1-1.02-.44-1.02H3.31V14zM22 19H10v-2h12zM22 13H10v-2h12zM6 10H4.59V5.05H3V4h3zM22 7H10V5h12z"/>
|
|
1434
1434
|
</svg>`],[`paintbrush`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
1435
1435
|
<path fill="currentColor" d="M18.13 2.51a2.39 2.39 0 0 1 3.35 3.35l-7.31 9.26A3.7 3.7 0 0 1 12 16.46c-.28 2.52-2.62 4.49-5.47 4.49a5.5 5.5 0 0 1-5.04-3h.04c1.38 0 2.5-.9 2.5-2a4 4 0 0 1 3.48-3.97 4 4 0 0 1 1.35-2.16zM8.04 13.95a2 2 0 0 0-2 2c0 1.1-.45 2-1.12 2.66q.72.33 1.62.34c1.66 0 3.5-1.2 3.5-3a2 2 0 0 0-2-2m2.07-2.56q-.43.35-.59.84a4 4 0 0 1 2.24 2.23q.49-.15.84-.58l1.08-1.37-2.2-2.2zm9.25-7.3-6.3 4.97 1.87 1.86 4.98-6.3c.27-.34-.2-.81-.55-.54"/>
|
|
1436
1436
|
</svg>`],[`paper-plane`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
@@ -1633,7 +1633,7 @@ var NLDD=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`
|
|
|
1633
1633
|
</svg>`],[`square`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
1634
1634
|
<path fill="currentColor" d="M18 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3zM6 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z"/>
|
|
1635
1635
|
</svg>`],[`square-1`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
1636
|
-
<path fill="currentColor" d="M13.
|
|
1636
|
+
<path fill="currentColor" d="M13.75 17h-2V8.75H9.5V7h4.25z"/>
|
|
1637
1637
|
<path fill="currentColor" d="M18 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3zM6 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z"/>
|
|
1638
1638
|
</svg>`],[`square-arrow-down`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
1639
1639
|
<path fill="currentColor" d="M9 8H7a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-2V6h2a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h2z"/>
|
|
@@ -1669,7 +1669,7 @@ var NLDD=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`
|
|
|
1669
1669
|
</svg>`],[`starburst-filled`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
1670
1670
|
<path fill="currentColor" d="M11.17 1.48a.95.95 0 0 1 1.66 0l.87 1.55c.26.47.85.63 1.31.36l1.53-.91a.95.95 0 0 1 1.44.83l-.03 1.77c0 .54.43.97.97.97l1.77-.03c.75 0 1.21.8.83 1.44l-.9 1.53a.95.95 0 0 0 .35 1.31l1.55.87a.95.95 0 0 1 0 1.66l-1.55.87A.95.95 0 0 0 20.6 15l.91 1.53a.95.95 0 0 1-.83 1.44l-1.77-.03a.95.95 0 0 0-.97.97l.03 1.77a.95.95 0 0 1-1.44.83l-1.53-.9a.95.95 0 0 0-1.31.35l-.87 1.55a.95.95 0 0 1-1.66 0l-.87-1.55A.95.95 0 0 0 9 20.6l-1.53.91a.95.95 0 0 1-1.44-.83l.03-1.77a.95.95 0 0 0-.97-.97l-1.77.03a.95.95 0 0 1-.83-1.44l.9-1.53a.95.95 0 0 0-.35-1.31l-1.55-.87a.95.95 0 0 1 0-1.66l1.55-.87A.95.95 0 0 0 3.4 9l-.91-1.53a.95.95 0 0 1 .83-1.44l1.77.03c.54 0 .97-.43.97-.97l-.03-1.77a.95.95 0 0 1 1.44-.83l1.53.9a.95.95 0 0 0 1.31-.35z"/>
|
|
1671
1671
|
</svg>`],[`strikethrough`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
1672
|
-
<path fill="currentColor" d="
|
|
1672
|
+
<path fill="currentColor" d="M17.66 14A6 6 0 0 1 12 22H6v-2.5h6a3.5 3.5 0 0 0 2.87-5.5zM22 13H2v-2h20zM17 4.5h-5.75l-.27.01a2.75 2.75 0 0 0 .27 5.49H6.78A5.25 5.25 0 0 1 11 2h6z"/>
|
|
1673
1673
|
</svg>`],[`subscript`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
1674
1674
|
<path fill="currentColor" d="M19.7 15c.92 0 1.77.52 2.12 1.3.36.77.16 1.68-.49 2.28l-2.22 2.02H22V22h-5v-1.46l3.24-2.95c.21-.2.28-.5.16-.76a.8.8 0 0 0-.7-.43h-2.31V15zM9 9.48 12.94 3h2.62l-5.35 8.47L16 21h-2.62l-4.5-7.41L4.17 21H2l5.69-9.36L2.44 3h2.62z"/>
|
|
1675
1675
|
</svg>`],[`sun`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
@@ -1687,7 +1687,7 @@ var NLDD=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`
|
|
|
1687
1687
|
<path fill="currentColor" d="m11.4 12-4 4L6 14.6 8.57 12 6 9.4 7.4 8zM18 16h-6v-2h6z"/>
|
|
1688
1688
|
<path fill="currentColor" d="M19 4a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3zM5 6a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1z"/>
|
|
1689
1689
|
</svg>`],[`text-format-size`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
1690
|
-
<path fill="currentColor" d="
|
|
1690
|
+
<path fill="currentColor" d="M9 20H7.2l-.4-1.8H4L3.6 20H2l2.4-8h2.4zm-4.6-3h2.2l-1-3.8h-.2zM22.3 20h-2l-1.2-4.4h-6.4L11.5 20h-2l5.2-16h2.8zm-8.8-6h5.2l-2.4-8.4h-.4z"/>
|
|
1691
1691
|
</svg>`],[`text-quote`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
1692
1692
|
<path fill="currentColor" d="M17 20H3v-2h14zM21 15.5H3v-2h18zM7.22 6.1a3 3 0 0 0-1.55 1.02A2 2 0 1 1 3 9a5 5 0 0 1 3.7-4.83zM12.22 6.1a3 3 0 0 0-1.55 1.02A2 2 0 1 1 8 9a5 5 0 0 1 3.7-4.83zM21 11h-6.5V9H21zM21 6.5h-6.5v-2H21z"/>
|
|
1693
1693
|
</svg>`],[`timer`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
@@ -1710,7 +1710,7 @@ var NLDD=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`
|
|
|
1710
1710
|
</svg>`],[`tulip-light`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
|
|
1711
1711
|
<path fill="currentColor" d="M16 2c2.08.84 3.99 2.55 5.51 4.63A10 10 0 0 1 25 6v10a9 9 0 0 1-8 8.94V30h-2v-5.06A9 9 0 0 1 7 16V6q1.85 0 3.49.63C12 4.55 13.92 2.83 16 2M9 16a7 7 0 0 0 6 6.93V16a8 8 0 0 0-6-7.75zm14-7.75A8 8 0 0 0 17 16v6.93A7 7 0 0 0 23 16zm-7-4.04c-1.3.7-2.58 1.87-3.69 3.32 1.58 1 2.87 2.42 3.69 4.1.82-1.68 2.1-3.1 3.69-4.1A12 12 0 0 0 16 4.2"/>
|
|
1712
1712
|
</svg>`],[`underlined`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
1713
|
-
<path fill="currentColor" d="M20 22H4v-
|
|
1713
|
+
<path fill="currentColor" d="M20 22H4v-2h16zM7.93 12.4c0 1 .43 1.97 1.2 2.69.75.71 1.79 1.11 2.87 1.11s2.12-.4 2.88-1.11a3.7 3.7 0 0 0 1.2-2.69V2H18v10.4c0 1.49-.63 2.91-1.76 3.96A6.2 6.2 0 0 1 12 18c-1.6 0-3.12-.59-4.24-1.64A5.4 5.4 0 0 1 6 12.4V2h1.93z"/>
|
|
1714
1714
|
</svg>`],[`video-camera`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
1715
1715
|
<path fill="currentColor" d="M20.283 5.264C20.91 4.62 22 5.064 22 5.96l-.013 12.24c.013.739-1.077 1.179-1.707.539L17 15.362V16.5c0 1.66-1.34 3-3 3H5c-1.66 0-3-1.34-3-3v-9a3 3 0 0 1 3-3h9c1.657 0 3 1.34 3 3v1.137zM5 6.5a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1zm12 5.005v.99l3 3.081V8.423z"/>
|
|
1716
1716
|
</svg>`],[`viewfinder`,`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
@@ -3695,6 +3695,7 @@ var NLDD=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`
|
|
|
3695
3695
|
color: var(--_text-cell-secondary-color);
|
|
3696
3696
|
font: var(--_text-cell-secondary-font);
|
|
3697
3697
|
overflow-wrap: anywhere;
|
|
3698
|
+
text-wrap: pretty;
|
|
3698
3699
|
}
|
|
3699
3700
|
|
|
3700
3701
|
.text-cell__text {
|
|
@@ -3722,6 +3723,7 @@ var NLDD=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`
|
|
|
3722
3723
|
color: var(--_text-cell-secondary-color);
|
|
3723
3724
|
font: var(--_text-cell-secondary-font);
|
|
3724
3725
|
overflow-wrap: anywhere;
|
|
3726
|
+
text-wrap: pretty;
|
|
3725
3727
|
}
|
|
3726
3728
|
`}));function Na(e){if(!e.includes(`**`))return e;let t=e.split(/\*\*(.+?)\*\*/g);return x`${t.map((e,t)=>t%2==1?x`<b>${e}</b>`:e)}`}function Pa(e,t,n=`predictive`){if(!e)return S;let r=t.trim();if(!r)return Na(e);let i=r.toLowerCase(),a=e.toLowerCase();if(!a.includes(i))return Na(e);let o=[],s=0;for(;s<e.length;){let t=a.indexOf(i,s);if(t===-1){o.push({text:e.slice(s),bold:n===`predictive`});break}t>s&&o.push({text:e.slice(s,t),bold:n===`predictive`}),o.push({text:e.slice(t,t+r.length),bold:n===`match`}),s=t+r.length}return x`${o.map(e=>e.bold?x`<b>${e.text}</b>`:e.text)}`}var Fa=n((()=>{w()}));function Ia(){return x`
|
|
3727
3729
|
<p
|
|
@@ -5620,7 +5622,7 @@ var NLDD=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`
|
|
|
5620
5622
|
<slot @slotchange=${e._onSlotChange}></slot>
|
|
5621
5623
|
</div>
|
|
5622
5624
|
</div>
|
|
5623
|
-
`}var Ds=[`0`,`2`,`4`,`6`,`8`,`10`,`12`,`16`,`20`,`24`,`28`,`32`,`40`,`44`,`48`,`56`,`64`,`80`,`96`];function Os(e,t,n){if(e===void 0||e===``)return null;let r=String(e).trim();return Ds.includes(r)?r===`0`?`0`:`var(--primitives-space-${r})`:null}w(),O(),M();var ks,As={left:`flex-start`,center:`center`,right:`flex-end`},js={top:`flex-start`,center:`center`,bottom:`flex-end`},Ms=[`order`,`sm-order`,`md-order`,`lg-order`];function Ns(e,t){return Os(e,`nldd-container`,t)}var R=(ks=class extends C{constructor(...e){super(...e),this.width=``,this.minWidth=``,this.maxWidth=``,this.gap=void 0,this.smGap=void 0,this.mdGap=void 0,this.lgGap=void 0,this.padding=void 0,this.paddingInline=void 0,this.paddingBlock=void 0,this.paddingTop=void 0,this.paddingRight=void 0,this.paddingBottom=void 0,this.paddingLeft=void 0,this.smPadding=void 0,this.smPaddingInline=void 0,this.smPaddingBlock=void 0,this.smPaddingTop=void 0,this.smPaddingRight=void 0,this.smPaddingBottom=void 0,this.smPaddingLeft=void 0,this.mdPadding=void 0,this.mdPaddingInline=void 0,this.mdPaddingBlock=void 0,this.mdPaddingTop=void 0,this.mdPaddingRight=void 0,this.mdPaddingBottom=void 0,this.mdPaddingLeft=void 0,this.lgPadding=void 0,this.lgPaddingInline=void 0,this.lgPaddingBlock=void 0,this.lgPaddingTop=void 0,this.lgPaddingRight=void 0,this.lgPaddingBottom=void 0,this.lgPaddingLeft=void 0,this.horizontalAlignment=void 0,this.verticalAlignment=void 0,this._onSlotChange=e=>{let t=e.target;this._childObserver?.disconnect(),this._childObserver=new MutationObserver(e=>{for(let t of e)t.target instanceof HTMLElement&&this._applyOrderProps(t.target)});for(let e of t.assignedElements())e instanceof HTMLElement&&(this._applyOrderProps(e),this._childObserver.observe(e,{attributes:!0,attributeFilter:[...Ms]}))}}updated(e){this.writeCustomProperties(),this.writeDimensionProperties()}writeDimensionProperties(){let e=this.width,t=e===`full`||e===`fit-content`,n=!!e&&!t&&CSS.supports(`width`,e);n?this.style.setProperty(`--_container-width`,e):this.style.removeProperty(`--_container-width`),e&&!t&&!n&&(this.width=``),this.minWidth?this.style.setProperty(`--_container-min-width`,this.minWidth):this.style.removeProperty(`--_container-min-width`),this.maxWidth?this.style.setProperty(`--_container-max-width`,this.maxWidth):this.style.removeProperty(`--_container-max-width`)}writeCustomProperties(){let e=(e,t)=>{t===null?this.style.removeProperty(e):this.style.setProperty(e,t)},t=this.horizontalAlignment?As[this.horizontalAlignment]:null,n=this.verticalAlignment?js[this.verticalAlignment]:null,r=this.layout===`row`||this.layout===`wrap`,i=this.layout===`grid`;this.layout===`columns`||this.layout===`lanes`?(e(`--_container-justify-content`,null),e(`--_container-justify-items`,null),e(`--_container-align-items`,null)):i?(e(`--_container-justify-items`,t),e(`--_container-justify-content`,t),e(`--_container-align-items`,n)):r?(e(`--_container-justify-content`,t),e(`--_container-align-items`,n),e(`--_container-justify-items`,null)):(e(`--_container-justify-content`,n),e(`--_container-align-items`,t),e(`--_container-justify-items`,null));let a=Ns(this.gap,`gap`);e(`--_container-sm-gap`,Ns(this.smGap,`sm-gap`)??a),e(`--_container-md-gap`,Ns(this.mdGap,`md-gap`)??a),e(`--_container-lg-gap`,Ns(this.lgGap,`lg-gap`)??a);for(let t of[``,`sm`,`md`,`lg`]){let[n,r,i,a]=this.resolvePadding(t),o=t?`${t}-`:``;e(`--_container-${o}padding-top`,Ns(n?.size,n?.attribute??`padding`)),e(`--_container-${o}padding-right`,Ns(r?.size,r?.attribute??`padding`)),e(`--_container-${o}padding-bottom`,Ns(i?.size,i?.attribute??`padding`)),e(`--_container-${o}padding-left`,Ns(a?.size,a?.attribute??`padding`))}}resolvePadding(e){let t=t=>{let n=e?`${e}${t}`:t.charAt(0).toLowerCase()+t.slice(1),r=this[n];if(r===void 0)return;let i=t.replace(/([A-Z])/g,(e,t,n)=>(n?`-`:``)+t.toLowerCase());return{size:r,attribute:e?`${e}-${i}`:i}},n=t(`Padding`),r=t(`PaddingInline`),i=t(`PaddingBlock`);return[t(`PaddingTop`)??i??n,t(`PaddingRight`)??r??n,t(`PaddingBottom`)??i??n,t(`PaddingLeft`)??r??n]}disconnectedCallback(){super.disconnectedCallback(),this._childObserver?.disconnect(),this._childObserver=void 0}_applyOrderProps(e){for(let t of Ms){let n=e.getAttribute(t),r=`--_container-slot-${t}`;n===null?e.style.removeProperty(r):e.style.setProperty(r,n)}}render(){return Es(this)}},ks.styles=Ts,ks);j([E({type:String,reflect:!0})],R.prototype,`layout`,void 0),j([E({type:Number,reflect:!0,attribute:`column-count`})],R.prototype,`columnCount`,void 0),j([E({type:Number,reflect:!0,attribute:`sm-column-count`})],R.prototype,`smColumnCount`,void 0),j([E({type:Number,reflect:!0,attribute:`md-column-count`})],R.prototype,`mdColumnCount`,void 0),j([E({type:Number,reflect:!0,attribute:`lg-column-count`})],R.prototype,`lgColumnCount`,void 0),j([E({
|
|
5625
|
+
`}var Ds=[`0`,`2`,`4`,`6`,`8`,`10`,`12`,`16`,`20`,`24`,`28`,`32`,`40`,`44`,`48`,`56`,`64`,`80`,`96`];function Os(e,t,n){if(e===void 0||e===``)return null;let r=String(e).trim();return Ds.includes(r)?r===`0`?`0`:`var(--primitives-space-${r})`:null}w(),O(),P(),M();var ks,As={left:`flex-start`,center:`center`,right:`flex-end`},js={top:`flex-start`,center:`center`,bottom:`flex-end`},Ms=[`order`,`sm-order`,`md-order`,`lg-order`];function Ns(e,t){return Os(e,`nldd-container`,t)}var R=(ks=class extends C{constructor(...e){super(...e),this.width=``,this.minWidth=``,this.maxWidth=``,this.gap=void 0,this.smGap=void 0,this.mdGap=void 0,this.lgGap=void 0,this.padding=void 0,this.paddingInline=void 0,this.paddingBlock=void 0,this.paddingTop=void 0,this.paddingRight=void 0,this.paddingBottom=void 0,this.paddingLeft=void 0,this.smPadding=void 0,this.smPaddingInline=void 0,this.smPaddingBlock=void 0,this.smPaddingTop=void 0,this.smPaddingRight=void 0,this.smPaddingBottom=void 0,this.smPaddingLeft=void 0,this.mdPadding=void 0,this.mdPaddingInline=void 0,this.mdPaddingBlock=void 0,this.mdPaddingTop=void 0,this.mdPaddingRight=void 0,this.mdPaddingBottom=void 0,this.mdPaddingLeft=void 0,this.lgPadding=void 0,this.lgPaddingInline=void 0,this.lgPaddingBlock=void 0,this.lgPaddingTop=void 0,this.lgPaddingRight=void 0,this.lgPaddingBottom=void 0,this.lgPaddingLeft=void 0,this.horizontalAlignment=void 0,this.verticalAlignment=void 0,this._onSlotChange=e=>{let t=e.target;this._childObserver?.disconnect(),this._childObserver=new MutationObserver(e=>{for(let t of e)t.target instanceof HTMLElement&&this._applyOrderProps(t.target)});for(let e of t.assignedElements())e instanceof HTMLElement&&(this._applyOrderProps(e),this._childObserver.observe(e,{attributes:!0,attributeFilter:[...Ms]}))}}updated(e){this.writeCustomProperties(),this.writeDimensionProperties()}writeDimensionProperties(){let e=this.width,t=e===`full`||e===`fit-content`,n=!!e&&!t&&CSS.supports(`width`,e);n?this.style.setProperty(`--_container-width`,e):this.style.removeProperty(`--_container-width`),e&&!t&&!n&&(this.width=``),this.minWidth?this.style.setProperty(`--_container-min-width`,this.minWidth):this.style.removeProperty(`--_container-min-width`),this.maxWidth?this.style.setProperty(`--_container-max-width`,this.maxWidth):this.style.removeProperty(`--_container-max-width`)}writeCustomProperties(){let e=(e,t)=>{t===null?this.style.removeProperty(e):this.style.setProperty(e,t)},t=this.horizontalAlignment?As[this.horizontalAlignment]:null,n=this.verticalAlignment?js[this.verticalAlignment]:null,r=this.layout===`row`||this.layout===`wrap`,i=this.layout===`grid`;this.layout===`columns`||this.layout===`lanes`?(e(`--_container-justify-content`,null),e(`--_container-justify-items`,null),e(`--_container-align-items`,null)):i?(e(`--_container-justify-items`,t),e(`--_container-justify-content`,t),e(`--_container-align-items`,n)):r?(e(`--_container-justify-content`,t),e(`--_container-align-items`,n),e(`--_container-justify-items`,null)):(e(`--_container-justify-content`,n),e(`--_container-align-items`,t),e(`--_container-justify-items`,null));let a=Ns(this.gap,`gap`);e(`--_container-sm-gap`,Ns(this.smGap,`sm-gap`)??a),e(`--_container-md-gap`,Ns(this.mdGap,`md-gap`)??a),e(`--_container-lg-gap`,Ns(this.lgGap,`lg-gap`)??a);for(let t of[``,`sm`,`md`,`lg`]){let[n,r,i,a]=this.resolvePadding(t),o=t?`${t}-`:``;e(`--_container-${o}padding-top`,Ns(n?.size,n?.attribute??`padding`)),e(`--_container-${o}padding-right`,Ns(r?.size,r?.attribute??`padding`)),e(`--_container-${o}padding-bottom`,Ns(i?.size,i?.attribute??`padding`)),e(`--_container-${o}padding-left`,Ns(a?.size,a?.attribute??`padding`))}}resolvePadding(e){let t=t=>{let n=e?`${e}${t}`:t.charAt(0).toLowerCase()+t.slice(1),r=this[n];if(r===void 0)return;let i=t.replace(/([A-Z])/g,(e,t,n)=>(n?`-`:``)+t.toLowerCase());return{size:r,attribute:e?`${e}-${i}`:i}},n=t(`Padding`),r=t(`PaddingInline`),i=t(`PaddingBlock`);return[t(`PaddingTop`)??i??n,t(`PaddingRight`)??r??n,t(`PaddingBottom`)??i??n,t(`PaddingLeft`)??r??n]}disconnectedCallback(){super.disconnectedCallback(),this._childObserver?.disconnect(),this._childObserver=void 0}_applyOrderProps(e){for(let t of Ms){let n=e.getAttribute(t),r=`--_container-slot-${t}`;n===null?e.style.removeProperty(r):e.style.setProperty(r,n)}}render(){return Es(this)}},ks.styles=Ts,ks);j([E({type:String,reflect:!0})],R.prototype,`layout`,void 0),j([E({type:Number,reflect:!0,attribute:`column-count`})],R.prototype,`columnCount`,void 0),j([E({type:Number,reflect:!0,attribute:`sm-column-count`})],R.prototype,`smColumnCount`,void 0),j([E({type:Number,reflect:!0,attribute:`md-column-count`})],R.prototype,`mdColumnCount`,void 0),j([E({type:Number,reflect:!0,attribute:`lg-column-count`})],R.prototype,`lgColumnCount`,void 0),j([E({reflect:!0,converter:N(``)})],R.prototype,`width`,void 0),j([E({type:String,reflect:!0,attribute:`min-width`})],R.prototype,`minWidth`,void 0),j([E({type:String,reflect:!0,attribute:`max-width`})],R.prototype,`maxWidth`,void 0),j([E({type:String,reflect:!0})],R.prototype,`gap`,void 0),j([E({type:String,reflect:!0,attribute:`sm-gap`})],R.prototype,`smGap`,void 0),j([E({type:String,reflect:!0,attribute:`md-gap`})],R.prototype,`mdGap`,void 0),j([E({type:String,reflect:!0,attribute:`lg-gap`})],R.prototype,`lgGap`,void 0),j([E({type:String,reflect:!0})],R.prototype,`padding`,void 0),j([E({type:String,reflect:!0,attribute:`padding-inline`})],R.prototype,`paddingInline`,void 0),j([E({type:String,reflect:!0,attribute:`padding-block`})],R.prototype,`paddingBlock`,void 0),j([E({type:String,reflect:!0,attribute:`padding-top`})],R.prototype,`paddingTop`,void 0),j([E({type:String,reflect:!0,attribute:`padding-right`})],R.prototype,`paddingRight`,void 0),j([E({type:String,reflect:!0,attribute:`padding-bottom`})],R.prototype,`paddingBottom`,void 0),j([E({type:String,reflect:!0,attribute:`padding-left`})],R.prototype,`paddingLeft`,void 0),j([E({type:String,reflect:!0,attribute:`sm-padding`})],R.prototype,`smPadding`,void 0),j([E({type:String,reflect:!0,attribute:`sm-padding-inline`})],R.prototype,`smPaddingInline`,void 0),j([E({type:String,reflect:!0,attribute:`sm-padding-block`})],R.prototype,`smPaddingBlock`,void 0),j([E({type:String,reflect:!0,attribute:`sm-padding-top`})],R.prototype,`smPaddingTop`,void 0),j([E({type:String,reflect:!0,attribute:`sm-padding-right`})],R.prototype,`smPaddingRight`,void 0),j([E({type:String,reflect:!0,attribute:`sm-padding-bottom`})],R.prototype,`smPaddingBottom`,void 0),j([E({type:String,reflect:!0,attribute:`sm-padding-left`})],R.prototype,`smPaddingLeft`,void 0),j([E({type:String,reflect:!0,attribute:`md-padding`})],R.prototype,`mdPadding`,void 0),j([E({type:String,reflect:!0,attribute:`md-padding-inline`})],R.prototype,`mdPaddingInline`,void 0),j([E({type:String,reflect:!0,attribute:`md-padding-block`})],R.prototype,`mdPaddingBlock`,void 0),j([E({type:String,reflect:!0,attribute:`md-padding-top`})],R.prototype,`mdPaddingTop`,void 0),j([E({type:String,reflect:!0,attribute:`md-padding-right`})],R.prototype,`mdPaddingRight`,void 0),j([E({type:String,reflect:!0,attribute:`md-padding-bottom`})],R.prototype,`mdPaddingBottom`,void 0),j([E({type:String,reflect:!0,attribute:`md-padding-left`})],R.prototype,`mdPaddingLeft`,void 0),j([E({type:String,reflect:!0,attribute:`lg-padding`})],R.prototype,`lgPadding`,void 0),j([E({type:String,reflect:!0,attribute:`lg-padding-inline`})],R.prototype,`lgPaddingInline`,void 0),j([E({type:String,reflect:!0,attribute:`lg-padding-block`})],R.prototype,`lgPaddingBlock`,void 0),j([E({type:String,reflect:!0,attribute:`lg-padding-top`})],R.prototype,`lgPaddingTop`,void 0),j([E({type:String,reflect:!0,attribute:`lg-padding-right`})],R.prototype,`lgPaddingRight`,void 0),j([E({type:String,reflect:!0,attribute:`lg-padding-bottom`})],R.prototype,`lgPaddingBottom`,void 0),j([E({type:String,reflect:!0,attribute:`lg-padding-left`})],R.prototype,`lgPaddingLeft`,void 0),j([E({type:String,reflect:!0,attribute:`horizontal-alignment`})],R.prototype,`horizontalAlignment`,void 0),j([E({type:String,reflect:!0,attribute:`vertical-alignment`})],R.prototype,`verticalAlignment`,void 0),R=j([T(`nldd-container`)],R);var Ps,Fs=n((()=>{w(),Ps=u`
|
|
5624
5626
|
:host {
|
|
5625
5627
|
box-sizing: border-box;
|
|
5626
5628
|
}
|
|
@@ -6461,7 +6463,7 @@ var NLDD=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`
|
|
|
6461
6463
|
</div>${h}`:x`<div class=${g}>
|
|
6462
6464
|
${Xs}
|
|
6463
6465
|
${Zs}
|
|
6464
|
-
</div>${h}`}})),ec,tc=n((()=>{ec={"components.list-item.opens-in-new-tab-label":`Opent in nieuw tabblad`}})),nc=r({NLDDListItem:()=>dc});function rc(e){let t=uc.get(e);return t||(t={noTab:`noTab`in e?e.noTab:void 0,tabindex:e.getAttribute(`tabindex`)},uc.set(e,t)),t}function ic(e,t){if(t.noTab!==void 0){e.noTab=t.noTab;return}t.tabindex===null?e.removeAttribute(`tabindex`):e.setAttribute(`tabindex`,t.tabindex)}function ac(e,t){let n=rc(e);if(n.noTab!==void 0){e.noTab=n.noTab||!t;return}t?ic(e,n):e.setAttribute(`tabindex`,`-1`)}function oc(e){let t=uc.get(e);t&&(ic(e,t),uc.delete(e))}var sc,cc,lc,uc,dc,fc=n((()=>{w(),O(),P(),Ys(),$s(),ji(),Mt(),tc(),M(),lc=`a[href], button, input, select, textarea, [contenteditable]:not([contenteditable="false"]), [tabindex]`,uc=new WeakMap,[`nldd-list-item-segment`,`nldd-button`,`nldd-icon-button`,`nldd-link`,`nldd-checkbox`,`nldd-radio-button`,`nldd-switch`,`a[href]`,`button`,`input`,`select`,`textarea`].join(`, `),dc=(sc=class extends jt(C,ec){constructor(...e){super(...e),this.size=`md`,this.button=!1,this.checkbox=!1,this.radio=!1,this.reorderable=!1,this.selected=!1,this.checked=!1,this.current=!1,this.disabled=!1,this._showChildren=!1,this._parentType=`list`,this._arrowNavigation=!1,this._rovingActive=!1,this._highlighted=!1,this._isBoxed=!1,this._hasCheckedSegment=!1,this._lightDomObserver=null,this._rovingControlsCache=null,this._dividerMarkerObserver=null,this._observedMarkerTargets=[],this._warnedDegenerateDivider=!1,this._warnedChildrenOutsideTree=!1,this._warnedStrayContent=!1,this._warnedNestedControl=!1,this._ownCellSize=new WeakMap,this._warnOnStrayContent=e=>{},this._handleClick=e=>{if(this.disabled){e.preventDefault(),e.stopPropagation();return}this._action?.focus(),this.checkbox&&!this.href&&e.composedPath().includes(this._action)&&(this.checked=!this.checked,this.dispatchEvent(new CustomEvent(`change`,{detail:{checked:this.checked},bubbles:!0,composed:!0}))),this.radio&&!this.checkbox&&!this.href&&!this.checked&&e.composedPath().includes(this._action)&&(this.checked=!0,this.dispatchEvent(new CustomEvent(`change`,{detail:{checked:!0},bubbles:!0,composed:!0})))},this._handleFocusIn=()=>{this._action?.classList.toggle(`is-pointer-focus`,Ei())},this._handleFocusOut=()=>{this._action?.classList.remove(`is-pointer-focus`)},this._onMouseDown=e=>{e.button>0||this.reorderable||this._isFromNestedRow(e)||this._action&&e.preventDefault()},this._onPointerDown=e=>{this.disabled||e.button>0||this._isFromNestedRow(e)||(this._action?.classList.add(`is-pressed`),window.addEventListener(`pointerup`,this._clearPressed),window.addEventListener(`pointercancel`,this._clearPressed),this._action?.focus({preventScroll:!0}))},this._clearPressed=()=>{window.removeEventListener(`pointerup`,this._clearPressed),window.removeEventListener(`pointercancel`,this._clearPressed),this._action?.classList.remove(`is-pressed`)}}connectedCallback(){super.connectedCallback(),this._captureAuthoredCellSizes(),!this.hasAttribute(`data-nldd-clone`)&&(this.setAttribute(`role`,`listitem`),this.addEventListener(`focusin`,this._handleFocusIn),this.addEventListener(`focusout`,this._handleFocusOut),this.addEventListener(`click`,this._handleClick),this.addEventListener(`pointerdown`,this._onPointerDown),this.addEventListener(`mousedown`,this._onMouseDown),this._lightDomObserver=new MutationObserver(()=>this._onLightDomChange()),this._lightDomObserver.observe(this,{subtree:!0,childList:!0,attributes:!0,attributeFilter:[`checked`,`current`,`divider-start`,`divider-end`]}),this._onLightDomChange())}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`focusin`,this._handleFocusIn),this.removeEventListener(`focusout`,this._handleFocusOut),this.removeEventListener(`click`,this._handleClick),this.removeEventListener(`pointerdown`,this._onPointerDown),this.removeEventListener(`mousedown`,this._onMouseDown),this._clearPressed(),this._lightDomObserver?.disconnect(),this._lightDomObserver=null,this._dividerMarkerObserver?.disconnect(),this._dividerMarkerObserver=null}_onLightDomChange(){this._updateCheckedSegment(),this._updateCurrentSegment(),this._updateInteractive(),this._measureDividerMarkers(),this._rovingControlsCache=null,this._arrowNavigation&&(this._syncRovingTabStops(),this._parentList?._updateRoving())}get _parentList(){return this.closest(`nldd-list`)}_rovingControls(){if(this._rovingControlsCache)return this._rovingControlsCache;let e=new Set,t=this._ownDescendants(`*`).filter(t=>{let n=t.tagName.toLowerCase();return n===`nldd-list-item-segment`?!1:n.includes(`-`)&&!customElements.get(n)?(e.add(n),!1):`noTab`in t||t.matches(lc)});return this._rovingControlsCache=t,e.forEach(e=>{customElements.whenDefined(e).then(()=>{this._rovingControlsCache=null,this._arrowNavigation&&this._syncRovingTabStops()})}),t}get _isRovingStop(){return this.disabled?!1:this.href||this.button||this.checkbox||this.radio||this._ownDescendants(`nldd-list-item-segment:not([disabled])`).length>0?!0:this._rovingControls().some(e=>!e.hasAttribute(`disabled`))}_updateCurrentSegment(){this.toggleAttribute(`data-current`,this._ownDescendants(`nldd-list-item-segment[current]`).length>0)}_updateCheckedSegment(){this._hasCheckedSegment=this._ownDescendants(`nldd-list-item-segment[checkbox][checked]`).length>0}_updateInteractive(){let e=!!this.href||this.button||this.checkbox||this.radio||this._ownDescendants(`nldd-list-item-segment`).length>0;this.classList.toggle(`is-interactive`,e);let t=Array.from(this.children).filter(e=>e.getAttribute(`slot`)!==`children`),n=e=>e?.tagName.toLowerCase()===`nldd-list-item-segment`;this.classList.toggle(`has-leading-segment`,n(t[0])),this.classList.toggle(`has-trailing-segment`,n(t[t.length-1]))}willUpdate(e){super.willUpdate(e),!(this.hasUpdated||this.hasAttribute(`data-nldd-clone`))&&this._syncWithList()}firstUpdated(){this.hasAttribute(`data-nldd-clone`)||(this._observeChildrenSlot(),this.renderRoot.addEventListener(`slotchange`,this._warnOnStrayContent),queueMicrotask(()=>this._updateChildren()),this._relayExpanded(),this._measureDividerMarkers())}_ownDescendants(e){return Array.from(this.querySelectorAll(e)).filter(e=>e.closest(`nldd-list-item`)===this)}_captureAuthoredCellSizes(){this._ownDescendants(cc.SIZED_CELLS).forEach(e=>{this._ownCellSize.has(e)||this._ownCellSize.set(e,e.getAttribute(`size`))})}_propagateSize(){this._captureAuthoredCellSizes(),this._ownDescendants(cc.SIZED_CELLS).forEach(e=>{this._ownCellSize.get(e)??e.setAttribute(`size`,this.size)})}updated(e){(e.has(`selected`)||e.has(`current`)||e.has(`button`)||e.has(`checkbox`)||e.has(`radio`)||e.has(`href`)||e.has(`_parentType`))&&this._updateAriaState(),(e.has(`button`)||e.has(`checkbox`)||e.has(`radio`)||e.has(`href`))&&(this._updateInteractive(),this._warnOnNestedControl()),e.has(`expanded`)&&(this._relayExpanded(),this._warnOnStrayExpanded()),(e.has(`_arrowNavigation`)||e.has(`_rovingActive`))&&this._syncRovingTabStops(),e.has(`disabled`)&&(this._syncRovingTabStops(),this._parentList?._updateRoving()),this._propagateSize()}get _resolvedExpanded(){return this._showChildren?this.expanded===!0:this.expanded}_relayExpanded(){this._ownDescendants(`nldd-list-item-segment[disclosure]`).forEach(e=>{e._rowExpanded=this._resolvedExpanded})}_warnOnStrayExpanded(){}_warnOnNestedControl(){}get _isListboxOption(){return this._parentType===`listbox`}_syncWithList(){let e=this.closest(`nldd-list`);e&&(this._applyAppearance(e.appearance),this._applyParentType(e.type))}_applyAppearance(e){this._isBoxed=e.startsWith(`box`),this._relayToChildren(t=>t._applyAppearance(e)),this.classList.toggle(`is-boxed`,this._isBoxed)}_applyParentType(e){this._parentType=e,this._relayToChildren(t=>t._applyParentType(e)),this._ownDescendants(`nldd-list-item-segment`).forEach(t=>t._applyParentType?.(e))}get childRows(){return Array.from(this.children).filter(e=>e.getAttribute(`slot`)===`children`&&e.tagName.toLowerCase()===`nldd-list-item`)}_relayToChildren(e){this.childRows.forEach(e)}_updateAriaState(){this._parentType===`radiogroup`?(this.setAttribute(`role`,`none`),this.removeAttribute(`aria-selected`)):this._parentType===`tree`?(this.setAttribute(`role`,`treeitem`),this.removeAttribute(`aria-selected`)):this._isListboxOption?(this.setAttribute(`role`,`option`),this.setAttribute(`aria-selected`,String(this.selected))):(this.setAttribute(`role`,`listitem`),this.removeAttribute(`aria-selected`));let e=this._action;this._parentType===`navigation`&&(this.current||this.selected)&&e?e.setAttribute(`aria-current`,`page`):e?.removeAttribute(`aria-current`)}_implicitDividerStart(){return this._ownDescendants(`nldd-text-cell, nldd-title-cell`)}_measureDividerMarkers(){if(this.hasAttribute(`data-nldd-clone`))return;let e=this._ownDescendants(`[divider-start]`),t=e.length?e:this._implicitDividerStart(),n=this._ownDescendants(`[divider-end]`),r=t.length||n.length?[this,...t,...n]:[];if(r.length===this._observedMarkerTargets.length&&r.every((e,t)=>e===this._observedMarkerTargets[t])||(this._dividerMarkerObserver?.disconnect(),this._observedMarkerTargets=r,r.length?(this._dividerMarkerObserver??(this._dividerMarkerObserver=new ResizeObserver(()=>this._measureDividerMarkers())),r.forEach(e=>this._dividerMarkerObserver.observe(e))):this._dividerMarkerObserver=null),r.length===0){this.style.removeProperty(`--_list-item-divider-inset-start`),this.style.removeProperty(`--_list-item-divider-inset-end`);return}let i=this.shadowRoot?.querySelector(`.list-item`);if(!i)return;let a=i.getBoundingClientRect();if(a.width===0)return;let o=getComputedStyle(this).direction===`rtl`,s=e=>o?a.right-e.right:e.left-a.left,c=e=>o?e.left-a.left:a.right-e.right,l=e=>e.getClientRects().length>0,u=t.filter(l),d=n.filter(l),f=u.length?Math.min(...u.map(e=>s(e.getBoundingClientRect()))):null,p=d.length?Math.min(...d.map(e=>c(e.getBoundingClientRect()))):null;if(f!==null&&p!==null&&a.width-f-p<=0){this.style.removeProperty(`--_list-item-divider-inset-start`),this.style.removeProperty(`--_list-item-divider-inset-end`);return}f===null?this.style.removeProperty(`--_list-item-divider-inset-start`):this.style.setProperty(`--_list-item-divider-inset-start`,`${f}px`),p===null?this.style.removeProperty(`--_list-item-divider-inset-end`):this.style.setProperty(`--_list-item-divider-inset-end`,`${p}px`)}_observeChildrenSlot(){(this.shadowRoot?.querySelector(`slot[name="children"]`))?.addEventListener(`slotchange`,()=>this._updateChildren())}_updateChildren(){let e=((this.shadowRoot?.querySelector(`slot[name="children"]`))?.assignedElements()??[]).filter(e=>e.tagName.toLowerCase()===`nldd-list-item`),t=this._showChildren;this._showChildren=e.length>0,this._showChildren!==t&&this._relayExpanded(),this._showChildren&&e.forEach(e=>{let t=e;t._applyAppearance?.(this._isBoxed?`box-tinted`:`simple`),t._applyParentType?.(this._parentType)})}_isFromNestedRow(e){let t=e.composedPath(),n=t.indexOf(this);return t.slice(0,n===-1?t.length:n).some(e=>e instanceof Element&&e.localName===`nldd-list-item`)}focus(e){if(this._action){this._action.focus(e);return}super.focus(e)}_syncRovingTabStops(){let e=this._ownSegments();if(!this._arrowNavigation){this.removeAttribute(`tabindex`),e.forEach(e=>{e._tabbable=void 0}),this._rovingControls().forEach(oc);return}this._action||!this._rovingActive?this.removeAttribute(`tabindex`):this.setAttribute(`tabindex`,`0`),e.forEach(e=>{e._tabbable=this._rovingActive}),this._rovingControls().forEach(e=>{ac(e,this._rovingActive)})}_slottedControlFor(e){let t=[];for(let n of e){if(n===this)break;n instanceof Element&&this.contains(n)&&t.push(n)}return t.length===0||t.length===1&&t[0].tagName.toLowerCase()===`nldd-list-item-segment`?null:t[0]}_parkControls(){this._arrowNavigation&&this._rovingActive&&(this._ownSegments().forEach(e=>{e._tabbable=!1}),this._rovingControls().forEach(e=>{ac(e,!1)}))}_ownSegments(){return Array.from(this.children).filter(e=>e.getAttribute(`slot`)!==`children`&&e.tagName.toLowerCase()===`nldd-list-item-segment`)}get _disclosureControl(){let e=Array.from(this.children).find(e=>e.getAttribute(`slot`)!==`children`&&e.tagName.toLowerCase()===`nldd-list-item-segment`&&e.hasAttribute(`disclosure`));if(e)return e;if(this.button&&!this.href)return this._action}_activateDisclosure(){let e=this._disclosureControl;if(!e)return!1;let t=this.matches(`:focus-within`);return e.click(),t&&this.focus(),!0}_activatePrimary(){let e=[...this.querySelectorAll(`:scope > nldd-list-item-segment`)].find(e=>!e.hasAttribute(`disclosure`));if(!e)return!1;let t=e.shadowRoot?.querySelector(`a, button`);if(!t)return!1;let n=this.matches(`:focus-within`);return t.click(),n&&this.focus(),!0}get parentRow(){let e=this.parentElement;if(e&&e.tagName.toLowerCase()===`nldd-list-item`)return e}render(){let e=this.href&&this.target===`_blank`?this._t(`components.list-item.opens-in-new-tab-label`):void 0,t=this._isListboxOption?`-1`:this._arrowNavigation?this._rovingActive?`0`:`-1`:void 0;return Qs(this.button,this.href,this.target,this.rel,e,t,this._highlighted,this.checkbox,this.radio,this.checked,this._resolvedExpanded,this._showChildren,this._hasCheckedSegment,this.disabled)}},cc=sc,sc.styles=[Js],sc.SIZED_CELLS=`nldd-text-cell, nldd-drag-handle-cell`,sc),j([E({reflect:!0,converter:N(`md`)})],dc.prototype,`size`,void 0),j([E({reflect:!0})],dc.prototype,`href`,void 0),j([E({reflect:!0})],dc.prototype,`target`,void 0),j([E({reflect:!0})],dc.prototype,`rel`,void 0),j([E({type:Boolean,reflect:!0})],dc.prototype,`button`,void 0),j([E({type:Boolean,reflect:!0})],dc.prototype,`checkbox`,void 0),j([E({type:Boolean,reflect:!0})],dc.prototype,`radio`,void 0),j([E({type:Boolean,reflect:!0})],dc.prototype,`reorderable`,void 0),j([E({type:Boolean,reflect:!0})],dc.prototype,`selected`,void 0),j([E({type:Boolean,reflect:!0})],dc.prototype,`checked`,void 0),j([E({type:Boolean,reflect:!0})],dc.prototype,`expanded`,void 0),j([E({type:Boolean,reflect:!0})],dc.prototype,`current`,void 0),j([E({type:Boolean,reflect:!0})],dc.prototype,`disabled`,void 0),j([D()],dc.prototype,`_showChildren`,void 0),j([D()],dc.prototype,`_parentType`,void 0),j([D()],dc.prototype,`_arrowNavigation`,void 0),j([D()],dc.prototype,`_rovingActive`,void 0),j([D()],dc.prototype,`_highlighted`,void 0),j([ut(`.list-item__action`)],dc.prototype,`_action`,void 0),j([D()],dc.prototype,`_hasCheckedSegment`,void 0),dc=cc=j([T(`nldd-list-item`)],dc)}));qs(),fc(),w(),A();var pc=u`
|
|
6466
|
+
</div>${h}`}})),ec,tc=n((()=>{ec={"components.list-item.opens-in-new-tab-label":`Opent in nieuw tabblad`}})),nc=r({NLDDListItem:()=>dc});function rc(e){let t=uc.get(e);return t||(t={noTab:`noTab`in e?e.noTab:void 0,tabindex:e.getAttribute(`tabindex`)},uc.set(e,t)),t}function ic(e,t){if(t.noTab!==void 0){e.noTab=t.noTab;return}t.tabindex===null?e.removeAttribute(`tabindex`):e.setAttribute(`tabindex`,t.tabindex)}function ac(e,t){let n=rc(e);if(n.noTab!==void 0){e.noTab=n.noTab||!t;return}t?ic(e,n):e.setAttribute(`tabindex`,`-1`)}function oc(e){let t=uc.get(e);t&&(ic(e,t),uc.delete(e))}var sc,cc,lc,uc,dc,fc=n((()=>{w(),O(),P(),Ys(),$s(),ji(),Mt(),tc(),M(),lc=`a[href], button, input, select, textarea, [contenteditable]:not([contenteditable="false"]), [tabindex]`,uc=new WeakMap,[`nldd-list-item-segment`,`nldd-button`,`nldd-icon-button`,`nldd-link`,`nldd-checkbox`,`nldd-radio-button`,`nldd-switch`,`a[href]`,`button`,`input`,`select`,`textarea`].join(`, `),dc=(sc=class extends jt(C,ec){constructor(...e){super(...e),this.size=`md`,this.button=!1,this.checkbox=!1,this.radio=!1,this.reorderable=!1,this.selected=!1,this.checked=!1,this.current=!1,this.currentType=`page`,this.disabled=!1,this._showChildren=!1,this._parentType=`list`,this._arrowNavigation=!1,this._rovingActive=!1,this._highlighted=!1,this._isBoxed=!1,this._hasCheckedSegment=!1,this._lightDomObserver=null,this._rovingControlsCache=null,this._dividerMarkerObserver=null,this._observedMarkerTargets=[],this._warnedDegenerateDivider=!1,this._warnedChildrenOutsideTree=!1,this._warnedStrayContent=!1,this._warnedNestedControl=!1,this._ownCellSize=new WeakMap,this._warnOnStrayContent=e=>{},this._handleClick=e=>{if(this.disabled){e.preventDefault(),e.stopPropagation();return}this._action?.focus(),this.checkbox&&!this.href&&e.composedPath().includes(this._action)&&(this.checked=!this.checked,this.dispatchEvent(new CustomEvent(`change`,{detail:{checked:this.checked},bubbles:!0,composed:!0}))),this.radio&&!this.checkbox&&!this.href&&!this.checked&&e.composedPath().includes(this._action)&&(this.checked=!0,this.dispatchEvent(new CustomEvent(`change`,{detail:{checked:!0},bubbles:!0,composed:!0})))},this._handleFocusIn=()=>{this._action?.classList.toggle(`is-pointer-focus`,Ei())},this._handleFocusOut=()=>{this._action?.classList.remove(`is-pointer-focus`)},this._onMouseDown=e=>{e.button>0||this.reorderable||this._isFromNestedRow(e)||this._action&&e.preventDefault()},this._onPointerDown=e=>{this.disabled||e.button>0||this._isFromNestedRow(e)||(this._action?.classList.add(`is-pressed`),window.addEventListener(`pointerup`,this._clearPressed),window.addEventListener(`pointercancel`,this._clearPressed),this._action?.focus({preventScroll:!0}))},this._clearPressed=()=>{window.removeEventListener(`pointerup`,this._clearPressed),window.removeEventListener(`pointercancel`,this._clearPressed),this._action?.classList.remove(`is-pressed`)}}connectedCallback(){super.connectedCallback(),this._captureAuthoredCellSizes(),!this.hasAttribute(`data-nldd-clone`)&&(this.setAttribute(`role`,`listitem`),this.addEventListener(`focusin`,this._handleFocusIn),this.addEventListener(`focusout`,this._handleFocusOut),this.addEventListener(`click`,this._handleClick),this.addEventListener(`pointerdown`,this._onPointerDown),this.addEventListener(`mousedown`,this._onMouseDown),this._lightDomObserver=new MutationObserver(()=>this._onLightDomChange()),this._lightDomObserver.observe(this,{subtree:!0,childList:!0,attributes:!0,attributeFilter:[`checked`,`current`,`divider-start`,`divider-end`]}),this._onLightDomChange())}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`focusin`,this._handleFocusIn),this.removeEventListener(`focusout`,this._handleFocusOut),this.removeEventListener(`click`,this._handleClick),this.removeEventListener(`pointerdown`,this._onPointerDown),this.removeEventListener(`mousedown`,this._onMouseDown),this._clearPressed(),this._lightDomObserver?.disconnect(),this._lightDomObserver=null,this._dividerMarkerObserver?.disconnect(),this._dividerMarkerObserver=null}_onLightDomChange(){this._updateCheckedSegment(),this._updateCurrentSegment(),this._updateInteractive(),this._measureDividerMarkers(),this._rovingControlsCache=null,this._arrowNavigation&&(this._syncRovingTabStops(),this._parentList?._updateRoving())}get _parentList(){return this.closest(`nldd-list`)}_rovingControls(){if(this._rovingControlsCache)return this._rovingControlsCache;let e=new Set,t=this._ownDescendants(`*`).filter(t=>{let n=t.tagName.toLowerCase();return n===`nldd-list-item-segment`?!1:n.includes(`-`)&&!customElements.get(n)?(e.add(n),!1):`noTab`in t||t.matches(lc)});return this._rovingControlsCache=t,e.forEach(e=>{customElements.whenDefined(e).then(()=>{this._rovingControlsCache=null,this._arrowNavigation&&this._syncRovingTabStops()})}),t}get _isRovingStop(){return this.disabled?!1:this.href||this.button||this.checkbox||this.radio||this._ownDescendants(`nldd-list-item-segment:not([disabled])`).length>0?!0:this._rovingControls().some(e=>!e.hasAttribute(`disabled`))}_updateCurrentSegment(){this.toggleAttribute(`data-current`,this._ownDescendants(`nldd-list-item-segment[current]`).length>0)}_updateCheckedSegment(){this._hasCheckedSegment=this._ownDescendants(`nldd-list-item-segment[checkbox][checked]`).length>0}_updateInteractive(){let e=!!this.href||this.button||this.checkbox||this.radio||this._ownDescendants(`nldd-list-item-segment`).length>0;this.classList.toggle(`is-interactive`,e);let t=Array.from(this.children).filter(e=>e.getAttribute(`slot`)!==`children`),n=e=>e?.tagName.toLowerCase()===`nldd-list-item-segment`;this.classList.toggle(`has-leading-segment`,n(t[0])),this.classList.toggle(`has-trailing-segment`,n(t[t.length-1]))}willUpdate(e){super.willUpdate(e),!(this.hasUpdated||this.hasAttribute(`data-nldd-clone`))&&this._syncWithList()}firstUpdated(){this.hasAttribute(`data-nldd-clone`)||(this._observeChildrenSlot(),this.renderRoot.addEventListener(`slotchange`,this._warnOnStrayContent),queueMicrotask(()=>this._updateChildren()),this._relayExpanded(),this._measureDividerMarkers())}_ownDescendants(e){return Array.from(this.querySelectorAll(e)).filter(e=>e.closest(`nldd-list-item`)===this)}_captureAuthoredCellSizes(){this._ownDescendants(cc.SIZED_CELLS).forEach(e=>{this._ownCellSize.has(e)||this._ownCellSize.set(e,e.getAttribute(`size`))})}_propagateSize(){this._captureAuthoredCellSizes(),this._ownDescendants(cc.SIZED_CELLS).forEach(e=>{this._ownCellSize.get(e)??e.setAttribute(`size`,this.size)})}updated(e){(e.has(`selected`)||e.has(`current`)||e.has(`currentType`)||e.has(`button`)||e.has(`checkbox`)||e.has(`radio`)||e.has(`href`)||e.has(`_parentType`))&&this._updateAriaState(),(e.has(`button`)||e.has(`checkbox`)||e.has(`radio`)||e.has(`href`))&&(this._updateInteractive(),this._warnOnNestedControl()),e.has(`expanded`)&&(this._relayExpanded(),this._warnOnStrayExpanded()),(e.has(`_arrowNavigation`)||e.has(`_rovingActive`))&&this._syncRovingTabStops(),e.has(`disabled`)&&(this._syncRovingTabStops(),this._parentList?._updateRoving()),this._propagateSize()}get _resolvedExpanded(){return this._showChildren?this.expanded===!0:this.expanded}_relayExpanded(){this._ownDescendants(`nldd-list-item-segment[disclosure]`).forEach(e=>{e._rowExpanded=this._resolvedExpanded})}_warnOnStrayExpanded(){}_warnOnNestedControl(){}get _isListboxOption(){return this._parentType===`listbox`}_syncWithList(){let e=this.closest(`nldd-list`);e&&(this._applyAppearance(e.appearance),this._applyParentType(e.type))}_applyAppearance(e){this._isBoxed=e.startsWith(`box`),this._relayToChildren(t=>t._applyAppearance(e)),this.classList.toggle(`is-boxed`,this._isBoxed)}_applyParentType(e){this._parentType=e,this._relayToChildren(t=>t._applyParentType(e)),this._ownDescendants(`nldd-list-item-segment`).forEach(t=>t._applyParentType?.(e))}get childRows(){return Array.from(this.children).filter(e=>e.getAttribute(`slot`)===`children`&&e.tagName.toLowerCase()===`nldd-list-item`)}_relayToChildren(e){this.childRows.forEach(e)}_updateAriaState(){this._parentType===`radiogroup`?(this.setAttribute(`role`,`none`),this.removeAttribute(`aria-selected`)):this._parentType===`tree`?(this.setAttribute(`role`,`treeitem`),this.removeAttribute(`aria-selected`)):this._isListboxOption?(this.setAttribute(`role`,`option`),this.setAttribute(`aria-selected`,String(this.selected))):(this.setAttribute(`role`,`listitem`),this.removeAttribute(`aria-selected`));let e=this._action;this._parentType===`navigation`&&(this.current||this.selected)&&e?e.setAttribute(`aria-current`,this.currentType):e?.removeAttribute(`aria-current`)}_implicitDividerStart(){return this._ownDescendants(`nldd-text-cell, nldd-title-cell`)}_measureDividerMarkers(){if(this.hasAttribute(`data-nldd-clone`))return;let e=this._ownDescendants(`[divider-start]`),t=e.length?e:this._implicitDividerStart(),n=this._ownDescendants(`[divider-end]`),r=t.length||n.length?[this,...t,...n]:[];if(r.length===this._observedMarkerTargets.length&&r.every((e,t)=>e===this._observedMarkerTargets[t])||(this._dividerMarkerObserver?.disconnect(),this._observedMarkerTargets=r,r.length?(this._dividerMarkerObserver??(this._dividerMarkerObserver=new ResizeObserver(()=>this._measureDividerMarkers())),r.forEach(e=>this._dividerMarkerObserver.observe(e))):this._dividerMarkerObserver=null),r.length===0){this.style.removeProperty(`--_list-item-divider-inset-start`),this.style.removeProperty(`--_list-item-divider-inset-end`);return}let i=this.shadowRoot?.querySelector(`.list-item`);if(!i)return;let a=i.getBoundingClientRect();if(a.width===0)return;let o=getComputedStyle(this).direction===`rtl`,s=e=>o?a.right-e.right:e.left-a.left,c=e=>o?e.left-a.left:a.right-e.right,l=e=>e.getClientRects().length>0,u=t.filter(l),d=n.filter(l),f=u.length?Math.min(...u.map(e=>s(e.getBoundingClientRect()))):null,p=d.length?Math.min(...d.map(e=>c(e.getBoundingClientRect()))):null;if(f!==null&&p!==null&&a.width-f-p<=0){this.style.removeProperty(`--_list-item-divider-inset-start`),this.style.removeProperty(`--_list-item-divider-inset-end`);return}f===null?this.style.removeProperty(`--_list-item-divider-inset-start`):this.style.setProperty(`--_list-item-divider-inset-start`,`${f}px`),p===null?this.style.removeProperty(`--_list-item-divider-inset-end`):this.style.setProperty(`--_list-item-divider-inset-end`,`${p}px`)}_observeChildrenSlot(){(this.shadowRoot?.querySelector(`slot[name="children"]`))?.addEventListener(`slotchange`,()=>this._updateChildren())}_updateChildren(){let e=((this.shadowRoot?.querySelector(`slot[name="children"]`))?.assignedElements()??[]).filter(e=>e.tagName.toLowerCase()===`nldd-list-item`),t=this._showChildren;this._showChildren=e.length>0,this._showChildren!==t&&this._relayExpanded(),this._showChildren&&e.forEach(e=>{let t=e;t._applyAppearance?.(this._isBoxed?`box-tinted`:`simple`),t._applyParentType?.(this._parentType)})}_isFromNestedRow(e){let t=e.composedPath(),n=t.indexOf(this);return t.slice(0,n===-1?t.length:n).some(e=>e instanceof Element&&e.localName===`nldd-list-item`)}focus(e){if(this._action){this._action.focus(e);return}super.focus(e)}_syncRovingTabStops(){let e=this._ownSegments();if(!this._arrowNavigation){this.removeAttribute(`tabindex`),e.forEach(e=>{e._tabbable=void 0}),this._rovingControls().forEach(oc);return}this._action||!this._rovingActive?this.removeAttribute(`tabindex`):this.setAttribute(`tabindex`,`0`),e.forEach(e=>{e._tabbable=this._rovingActive}),this._rovingControls().forEach(e=>{ac(e,this._rovingActive)})}_slottedControlFor(e){let t=[];for(let n of e){if(n===this)break;n instanceof Element&&this.contains(n)&&t.push(n)}return t.length===0||t.length===1&&t[0].tagName.toLowerCase()===`nldd-list-item-segment`?null:t[0]}_parkControls(){this._arrowNavigation&&this._rovingActive&&(this._ownSegments().forEach(e=>{e._tabbable=!1}),this._rovingControls().forEach(e=>{ac(e,!1)}))}_ownSegments(){return Array.from(this.children).filter(e=>e.getAttribute(`slot`)!==`children`&&e.tagName.toLowerCase()===`nldd-list-item-segment`)}get _disclosureControl(){let e=Array.from(this.children).find(e=>e.getAttribute(`slot`)!==`children`&&e.tagName.toLowerCase()===`nldd-list-item-segment`&&e.hasAttribute(`disclosure`));if(e)return e;if(this.button&&!this.href)return this._action}_activateDisclosure(){let e=this._disclosureControl;if(!e)return!1;let t=this.matches(`:focus-within`);return e.click(),t&&this.focus(),!0}_activatePrimary(){let e=[...this.querySelectorAll(`:scope > nldd-list-item-segment`)].find(e=>!e.hasAttribute(`disclosure`));if(!e)return!1;let t=e.shadowRoot?.querySelector(`a, button`);if(!t)return!1;let n=this.matches(`:focus-within`);return t.click(),n&&this.focus(),!0}get parentRow(){let e=this.parentElement;if(e&&e.tagName.toLowerCase()===`nldd-list-item`)return e}render(){let e=this.href&&this.target===`_blank`?this._t(`components.list-item.opens-in-new-tab-label`):void 0,t=this._isListboxOption?`-1`:this._arrowNavigation?this._rovingActive?`0`:`-1`:void 0;return Qs(this.button,this.href,this.target,this.rel,e,t,this._highlighted,this.checkbox,this.radio,this.checked,this._resolvedExpanded,this._showChildren,this._hasCheckedSegment,this.disabled)}},cc=sc,sc.styles=[Js],sc.SIZED_CELLS=`nldd-text-cell, nldd-drag-handle-cell`,sc),j([E({reflect:!0,converter:N(`md`)})],dc.prototype,`size`,void 0),j([E({reflect:!0})],dc.prototype,`href`,void 0),j([E({reflect:!0})],dc.prototype,`target`,void 0),j([E({reflect:!0})],dc.prototype,`rel`,void 0),j([E({type:Boolean,reflect:!0})],dc.prototype,`button`,void 0),j([E({type:Boolean,reflect:!0})],dc.prototype,`checkbox`,void 0),j([E({type:Boolean,reflect:!0})],dc.prototype,`radio`,void 0),j([E({type:Boolean,reflect:!0})],dc.prototype,`reorderable`,void 0),j([E({type:Boolean,reflect:!0})],dc.prototype,`selected`,void 0),j([E({type:Boolean,reflect:!0})],dc.prototype,`checked`,void 0),j([E({type:Boolean,reflect:!0})],dc.prototype,`expanded`,void 0),j([E({type:Boolean,reflect:!0})],dc.prototype,`current`,void 0),j([E({reflect:!0,attribute:`current-type`,converter:N(`page`)})],dc.prototype,`currentType`,void 0),j([E({type:Boolean,reflect:!0})],dc.prototype,`disabled`,void 0),j([D()],dc.prototype,`_showChildren`,void 0),j([D()],dc.prototype,`_parentType`,void 0),j([D()],dc.prototype,`_arrowNavigation`,void 0),j([D()],dc.prototype,`_rovingActive`,void 0),j([D()],dc.prototype,`_highlighted`,void 0),j([ut(`.list-item__action`)],dc.prototype,`_action`,void 0),j([D()],dc.prototype,`_hasCheckedSegment`,void 0),dc=cc=j([T(`nldd-list-item`)],dc)}));qs(),fc(),w(),A();var pc=u`
|
|
6465
6467
|
:host {
|
|
6466
6468
|
box-sizing: border-box;
|
|
6467
6469
|
}
|
|
@@ -6935,9 +6937,13 @@ else:
|
|
|
6935
6937
|
--_image-error-padding: var(--primitives-space-8);
|
|
6936
6938
|
--_image-error-gap: var(--primitives-space-2);
|
|
6937
6939
|
--_image-caption-row-gap: var(--primitives-space-8);
|
|
6940
|
+
--_image-pending-background-color: var(--semantics-categories-neutral-tinted-background-color);
|
|
6941
|
+
--_image-empty-icon-size: var(--primitives-space-32);
|
|
6942
|
+
--_image-empty-icon-color: light-dark(var(--primitives-color-neutral-450), var(--primitives-color-neutral-550));
|
|
6938
6943
|
--_image-object-fit: cover;
|
|
6939
6944
|
--_image-object-position: center;
|
|
6940
6945
|
--_image-max-width: 100%;
|
|
6946
|
+
--_image-media-height: var(--context-image-height, auto);
|
|
6941
6947
|
|
|
6942
6948
|
${k}
|
|
6943
6949
|
box-sizing: border-box;
|
|
@@ -6998,6 +7004,7 @@ else:
|
|
|
6998
7004
|
position: relative;
|
|
6999
7005
|
overflow: hidden;
|
|
7000
7006
|
max-width: 100%;
|
|
7007
|
+
height: var(--_image-media-height);
|
|
7001
7008
|
border-radius: var(--_image-corner-radius);
|
|
7002
7009
|
}
|
|
7003
7010
|
|
|
@@ -7266,6 +7273,37 @@ else:
|
|
|
7266
7273
|
}
|
|
7267
7274
|
|
|
7268
7275
|
|
|
7276
|
+
/* # Empty and loading */
|
|
7277
|
+
|
|
7278
|
+
.image__media.is-loading {
|
|
7279
|
+
background-color: var(--_image-pending-background-color);
|
|
7280
|
+
}
|
|
7281
|
+
|
|
7282
|
+
.image__media--empty {
|
|
7283
|
+
display: flex;
|
|
7284
|
+
background-color: var(--_image-pending-background-color);
|
|
7285
|
+
width: 100%;
|
|
7286
|
+
height: 100%;
|
|
7287
|
+
aspect-ratio: 16 / 9;
|
|
7288
|
+
align-items: center;
|
|
7289
|
+
justify-content: center;
|
|
7290
|
+
}
|
|
7291
|
+
|
|
7292
|
+
@media (forced-colors: active) {
|
|
7293
|
+
.image__media--empty {
|
|
7294
|
+
outline: 1px solid CanvasText;
|
|
7295
|
+
outline-offset: -1px;
|
|
7296
|
+
}
|
|
7297
|
+
}
|
|
7298
|
+
|
|
7299
|
+
.image__empty-icon {
|
|
7300
|
+
display: block;
|
|
7301
|
+
width: var(--_image-empty-icon-size);
|
|
7302
|
+
height: var(--_image-empty-icon-size);
|
|
7303
|
+
color: var(--_image-empty-icon-color);
|
|
7304
|
+
}
|
|
7305
|
+
|
|
7306
|
+
|
|
7269
7307
|
/* # Error state
|
|
7270
7308
|
Centred icon + alt-text shown when the image fails to load. The media is
|
|
7271
7309
|
painted gray (--_image-background-color) via :host([errored]) so the icon and
|
|
@@ -7328,7 +7366,7 @@ else:
|
|
|
7328
7366
|
border: 1px solid CanvasText;
|
|
7329
7367
|
}
|
|
7330
7368
|
}
|
|
7331
|
-
`;Ze(),Ut();var sF=`important`,cF=` !`+sF,lF=Vt(class extends Ht{constructor(e){if(super(e),e.type!==Bt.ATTRIBUTE||e.name!==`style`||e.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce((t,n)=>{let r=e[n];return r==null?t:t+`${n=n.includes(`-`)?n:n.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,`-$&`).toLowerCase()}:${r};`},``)}update(e,[t]){let{style:n}=e.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(let e of this.ft)t[e]??(this.ft.delete(e),e.includes(`-`)?n.removeProperty(e):n[e]=null);for(let e in t){let r=t[e];if(r!=null){this.ft.add(e);let t=typeof r==`string`&&r.endsWith(cF);e.includes(`-`)||t?n.setProperty(e,t?r.slice(0,-11):r,t?sF:``):n[e]=r}}return Ie}});w(),ln(),Rs();function uF(e){let t=e._parsedLqip,n=t!==null,r={};e._cssAspectRatio&&(r.aspectRatio=e._cssAspectRatio),n&&(r[`--context-lqip-base`]=String(t.base),t.cells.forEach((e,t)=>{r[`--context-lqip-c${t+1}`]=String(e)}));let i=sn({image__media:!0,"image__media--lqip":n&&!e._imageErrored}),
|
|
7369
|
+
`;Ze(),Ut();var sF=`important`,cF=` !`+sF,lF=Vt(class extends Ht{constructor(e){if(super(e),e.type!==Bt.ATTRIBUTE||e.name!==`style`||e.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce((t,n)=>{let r=e[n];return r==null?t:t+`${n=n.includes(`-`)?n:n.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,`-$&`).toLowerCase()}:${r};`},``)}update(e,[t]){let{style:n}=e.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(let e of this.ft)t[e]??(this.ft.delete(e),e.includes(`-`)?n.removeProperty(e):n[e]=null);for(let e in t){let r=t[e];if(r!=null){this.ft.add(e);let t=typeof r==`string`&&r.endsWith(cF);e.includes(`-`)||t?n.setProperty(e,t?r.slice(0,-11):r,t?sF:``):n[e]=r}}return Ie}});w(),ln(),Rs();function uF(e){let t=e._parsedLqip,n=t!==null,r={};e._cssAspectRatio&&(r.aspectRatio=e._cssAspectRatio),n&&(r[`--context-lqip-base`]=String(t.base),t.cells.forEach((e,t)=>{r[`--context-lqip-c${t+1}`]=String(e)}));let i=e._isEmpty,a=sn({image__media:!0,"image__media--empty":i,"is-loading":!i&&!n&&!e._hasSlottedMedia&&!e._imageLoaded&&!e._imageErrored,"image__media--lqip":n&&!e._imageErrored}),o=x`
|
|
7332
7370
|
<img class="image__img"
|
|
7333
7371
|
src=${e.src||S}
|
|
7334
7372
|
alt=${e.decorative?``:e.alt}
|
|
@@ -7343,7 +7381,7 @@ else:
|
|
|
7343
7381
|
@load=${e._onImageLoad}
|
|
7344
7382
|
@error=${e._onImageError}
|
|
7345
7383
|
>
|
|
7346
|
-
`,
|
|
7384
|
+
`,s=e._imageErrored?x`
|
|
7347
7385
|
<div class="image__error"
|
|
7348
7386
|
aria-hidden=${e.decorative?`true`:S}
|
|
7349
7387
|
>
|
|
@@ -7354,19 +7392,21 @@ else:
|
|
|
7354
7392
|
></nldd-icon>
|
|
7355
7393
|
${e.decorative?S:x`<span class="image__error-text">${e.alt}</span>`}
|
|
7356
7394
|
</div>
|
|
7357
|
-
`:S,
|
|
7395
|
+
`:S,c=e._t(`components.image.error-text`),l=e._imageErrored&&!e.decorative?e.alt?`${c}: ${e.alt}`:c:``,u=x`<span class="image__status"
|
|
7358
7396
|
aria-live="polite"
|
|
7359
|
-
>${
|
|
7360
|
-
<div class=${
|
|
7397
|
+
>${l}</span>`,d=x`
|
|
7398
|
+
<div class=${a}
|
|
7361
7399
|
style=${lF(r)}
|
|
7400
|
+
aria-hidden=${i?`true`:S}
|
|
7362
7401
|
>
|
|
7363
|
-
<slot @slotchange=${e._onMediaSlotChange}>${
|
|
7364
|
-
${
|
|
7365
|
-
${
|
|
7402
|
+
<slot @slotchange=${e._onMediaSlotChange}>${i?S:o}</slot>
|
|
7403
|
+
${i?x`<span class="image__empty-icon"><nldd-icon icon="image"></nldd-icon></span>`:S}
|
|
7404
|
+
${s}
|
|
7405
|
+
${u}
|
|
7366
7406
|
</div>
|
|
7367
7407
|
`;return e._hasCaption?x`
|
|
7368
7408
|
<figure class="image__figure">
|
|
7369
|
-
${
|
|
7409
|
+
${d}
|
|
7370
7410
|
<figcaption class="image__caption">
|
|
7371
7411
|
<slot
|
|
7372
7412
|
name="caption" @slotchange=${e._onCaptionSlotChange}
|
|
@@ -7374,7 +7414,7 @@ else:
|
|
|
7374
7414
|
${e.credit?x`<span class="image__credit">${e.credit}</span>`:S}
|
|
7375
7415
|
</figcaption>
|
|
7376
7416
|
</figure>
|
|
7377
|
-
`:
|
|
7417
|
+
`:d}var dF={"components.image.error-text":`Afbeelding is niet geladen`};w(),O(),P(),F(),At(),M();var fF=class extends C{constructor(...e){super(...e),this.src=``,this.alt=``,this.srcset=``,this.sizes=``,this.width=`full`,this.loading=`lazy`,this.decoding=`async`,this.aspectRatio=``,this.objectFit=`cover`,this.objectPosition=`center`,this.shape=`square`,this.caption=``,this.credit=``,this.decorative=!1,this.lqip=``,this.translations={},this._parsedLqipValue=null,this._hasSlottedCaption=!1,this._imageLoaded=!1,this._imageErrored=!1,this._warnedWidth=!1,this._warnedAlt=!1,this._onMediaSlotChange=()=>{this.requestUpdate(),this._warnMissingAlt()},this._onImageLoad=()=>{this._imageLoaded=!0,this._imageErrored=!1},this._onImageError=()=>{this._imageErrored=!0,this._imageLoaded=!1},this._onCaptionSlotChange=e=>{this._syncSlottedCaption(e.target)}}_t(e){return Tt(this.translations,dF,e)}get _parsedLqip(){if(this._parsedLqipKey===this.lqip)return this._parsedLqipValue;if(this._parsedLqipKey=this.lqip,!this.lqip)return this._parsedLqipValue=null,null;let e=this.lqip.split(`,`).map(e=>e.trim());if(e.length!==7)return this._parsedLqipValue=null,null;let t=e.map(e=>{let t=Number(e);return Number.isInteger(t)&&t>=0&&t<=255?t:NaN});return this._parsedLqipValue=t.some(Number.isNaN)?null:{base:t[0],cells:t.slice(1)},this._parsedLqipValue}get _cssAspectRatio(){return this.aspectRatio?this.aspectRatio.replace(`:`,`/`):``}get _numericWidth(){if(this.width===`full`)return;let e=Number(this.width);if(Number.isFinite(e)&&e>0)return e}get _hasCaption(){return!!this.caption||!!this.credit||this._hasSlottedCaption}willUpdate(e){e.has(`src`)&&(this._imageLoaded=!1,this._imageErrored=!1,this._warnedAlt=!1)}updated(e){if(e.has(`width`)){let e=this._numericWidth;e===void 0?this.style.removeProperty(`--_image-max-width`):this.style.setProperty(`--_image-max-width`,`${e}px`)}this._warnMissingAlt(),this.toggleAttribute(`loaded`,this._imageLoaded),this.toggleAttribute(`errored`,this._imageErrored)}_warnMissingAlt(){}_slottedMedia(){return((this.shadowRoot?.querySelector(`slot:not([name])`))?.assignedElements()??[]).flatMap(e=>e instanceof HTMLSlotElement?e.assignedElements({flatten:!0}):[e])}get _hasSlottedMedia(){return Array.from(this.children).some(e=>!e.hasAttribute(`slot`))}get _isEmpty(){return!this.src&&!this.srcset&&!this._parsedLqip&&!this._hasSlottedMedia}firstUpdated(){let e=this.shadowRoot?.querySelector(`.image__img`);e?.complete&&e.naturalWidth>0&&(this._imageLoaded=!0);let t=this.shadowRoot?.querySelector(`slot[name="caption"]`);t&&this._syncSlottedCaption(t)}_syncSlottedCaption(e){this._hasSlottedCaption=e.assignedNodes({flatten:!0}).some(e=>e.nodeType!==Node.TEXT_NODE||(e.textContent||``).trim()!==``)}render(){return uF(this)}},pF=(fF.styles=oF,fF);j([E({reflect:!0,converter:N(``)})],pF.prototype,`src`,void 0),j([E({type:String})],pF.prototype,`alt`,void 0),j([E({type:String})],pF.prototype,`srcset`,void 0),j([E({type:String})],pF.prototype,`sizes`,void 0),j([E({reflect:!0,converter:N(`full`)})],pF.prototype,`width`,void 0),j([E({type:Number,reflect:!0})],pF.prototype,`height`,void 0),j([E({type:String})],pF.prototype,`loading`,void 0),j([E({type:String})],pF.prototype,`decoding`,void 0),j([E({type:String,attribute:`fetchpriority`})],pF.prototype,`fetchPriority`,void 0),j([E({type:String,attribute:`aspect-ratio`,reflect:!0})],pF.prototype,`aspectRatio`,void 0),j([E({reflect:!0,attribute:`object-fit`,converter:N(`cover`)})],pF.prototype,`objectFit`,void 0),j([E({reflect:!0,attribute:`object-position`,converter:N(`center`)})],pF.prototype,`objectPosition`,void 0),j([E({reflect:!0,converter:N(`square`)})],pF.prototype,`shape`,void 0),j([E({reflect:!0,converter:N(``)})],pF.prototype,`caption`,void 0),j([E({reflect:!0,converter:N(``)})],pF.prototype,`credit`,void 0),j([E({type:Boolean,reflect:!0})],pF.prototype,`decorative`,void 0),j([E({type:String})],pF.prototype,`lqip`,void 0),j([E({type:Object})],pF.prototype,`translations`,void 0),j([D()],pF.prototype,`_hasSlottedCaption`,void 0),j([D()],pF.prototype,`_imageLoaded`,void 0),j([D()],pF.prototype,`_imageErrored`,void 0),pF=j([T(`nldd-image`)],pF);var mF={"components.rich-text.table-scroll-label":`Scrollbare tabel`};w(),O(),P(),At(),M();var hF=`data-nldd-managed-label`,gF=class extends C{constructor(...e){super(...e),this.color=`content`,this.spacing=`snug`,this.centered=!1,this.translations={},this.hyphens=!1}_t(e){return Tt(this.translations,mF,e)}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this._resizeObserver=new ResizeObserver(()=>this._syncTables()),this._resizeObserver.observe(this),this._mutationObserver=new MutationObserver(()=>this._syncTables()),this._mutationObserver.observe(this,{childList:!0,subtree:!0}),this._syncTables()}disconnectedCallback(){super.disconnectedCallback(),this._mutationObserver?.disconnect(),this._mutationObserver=void 0,this._resizeObserver?.disconnect(),this._resizeObserver=void 0}updated(){for(let e of this.querySelectorAll(`table[${hF}]`))e.setAttribute(`aria-label`,this._t(`components.rich-text.table-scroll-label`))}_syncTables(){for(let e of this.querySelectorAll(`table`))e.scrollWidth>e.clientWidth?e.getAttribute(`tabindex`)!==`0`&&(e.setAttribute(`tabindex`,`0`),!e.hasAttribute(`aria-label`)&&!e.hasAttribute(`aria-labelledby`)&&!e.querySelector(`caption`)&&(e.setAttribute(`aria-label`,this._t(`components.rich-text.table-scroll-label`)),e.setAttribute(hF,``))):e.getAttribute(`tabindex`)===`0`&&(e.removeAttribute(`tabindex`),e.hasAttribute(hF)&&(e.removeAttribute(`aria-label`),e.removeAttribute(hF)))}};j([E({reflect:!0,converter:N(`content`)})],gF.prototype,`color`,void 0),j([E({reflect:!0,converter:N(`snug`)})],gF.prototype,`spacing`,void 0),j([E({type:Boolean,reflect:!0})],gF.prototype,`centered`,void 0),j([E({type:Object})],gF.prototype,`translations`,void 0),j([E({type:Boolean,reflect:!0})],gF.prototype,`hyphens`,void 0),gF=j([T(`nldd-rich-text`)],gF),w(),A();var _F=u`
|
|
7378
7418
|
:host {
|
|
7379
7419
|
box-sizing: border-box;
|
|
7380
7420
|
}
|
|
@@ -14631,7 +14671,7 @@ else:
|
|
|
14631
14671
|
${AK(e)}
|
|
14632
14672
|
</div>
|
|
14633
14673
|
<slot @slotchange=${e._onSlotChange}></slot>
|
|
14634
|
-
`}var FK={"components.token-field.dismiss-action":`Verwijder`,"components.token-field.removable-lowercase-label":`verwijderbaar`,"components.token-field.open-menu-action":`Toon opties`,"components.token-field.token-menu-action":`Toon acties voor`,"components.token-field.required-error-text":`Voeg minimaal één waarde toe`};w(),O(),xn(),At(),M();var IK=class extends bn(MI(C)){constructor(...e){super(...e),this._initialValues=[],this._values=[],this.placeholder=``,this.type=`text`,this.autocomplete=``,this.accessibleLabel=``,this.allowCustom=!1,this.noFilter=!1,this.valid=!1,this.invalid=!1,this.noSpellcheck=!1,this.readonly=!1,this.required=!1,this.disabled=!1,this.tokenControl=`dismiss`,this.name=``,this.translations={},this._text=``,this._isOpen=!1,this._highlightedId=``,this._rovingIndex=0,this._menuId=`nldd-token-field-menu-${LK._idCounter++}`,this._menu=null,this._resizeObserver=null,this._menuObserver=null,this._openPending=!1,this._templateObserver=null,this._pickerPointerdownWhileOpen=!1,this._removalFocusIndex=null,this._handleFocusOut=()=>{queueMicrotask(()=>{this.isConnected&&!this.contains(document.activeElement)&&(this._rovingIndex=0)})},this._tokenMenuCache=new Map,this._handleScrollOrResize=()=>{this._isOpen&&(this._updateMenuWidth(),this._menu?.reposition())},this._handleMenuToggle=e=>{this._isOpen=e.newState===`open`,this._isOpen?(this._openPending=!1,requestAnimationFrame(()=>{this._menu&&!this._menu.getHighlighted()&&this._menu.moveHighlight(`next`),this._updateActiveDescendant()})):this._highlightedId=``},this._handleMenuSelect=e=>{let t=e.target;this._commitValue(t.value||t.text)},this._handleMenuKeydown=e=>{e.key===`Tab`&&(e.preventDefault(),this._closeMenu(),this._input?.focus())}}get values(){return this._values}set values(e){let t=e?e.filter((t,n)=>e.indexOf(t)===n):[],n=this._values;this._values=t,this.requestUpdate(`values`,n)}_t(e){return Tt(this.translations,FK,e)}connectedCallback(){super.connectedCallback(),this._resizeObserver=new ResizeObserver(()=>this._updateMenuWidth()),this._resizeObserver.observe(this),window.addEventListener(`scroll`,this._handleScrollOrResize,!0),window.addEventListener(`resize`,this._handleScrollOrResize),this.addEventListener(`focusout`,this._handleFocusOut),this._templateObserver=new MutationObserver(e=>this._onTemplateMutation(e)),this._templateObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,characterData:!0})}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver?.disconnect(),this._resizeObserver=null,this._menuObserver?.disconnect(),this._menuObserver=null,this._templateObserver?.disconnect(),this._templateObserver=null,window.removeEventListener(`scroll`,this._handleScrollOrResize,!0),window.removeEventListener(`resize`,this._handleScrollOrResize),this.removeEventListener(`focusout`,this._handleFocusOut),this._menu&&(this._menu.removeEventListener(`toggle`,this._handleMenuToggle),this._menu.removeEventListener(`select`,this._handleMenuSelect),this._menu.removeEventListener(`keydown`,this._handleMenuKeydown),this._menu=null)}firstUpdated(){this._initialValues=[...this.values],this.commitFormValue(),this.internals.role=`group`,this.internals.ariaLabel=this.accessibleLabel||null}willUpdate(e){if(e.has(`values`)){this._rovingIndex=Math.max(0,Math.min(this._rovingIndex,this.values.length-1));for(let e of[...this._tokenMenuCache.keys()])this.values.includes(e)||this._tokenMenuCache.delete(e);this.commitFormValue(),this._menu&&(this._syncMenuItems(),this._showInput||this._closeMenu())}e.has(`required`)&&this._updateValidity(),e.has(`readonly`)&&this.readonly&&this._closeMenu(),e.has(`accessibleLabel`)&&(this.internals.ariaLabel=this.accessibleLabel||null)}updated(){if(this._isOpen&&this._updateMenuWidth(),this._removalFocusIndex!==null){let e=this._removalFocusIndex;this._removalFocusIndex=null,this.updateComplete.then(()=>this._focusAfterRemoval(e))}}formValue(){if(!this.name)return null;let e=new FormData;for(let t of this.values)e.append(this.name,t);return e}commitFormValue(){super.commitFormValue(),this._updateValidity()}_updateValidity(){this.required&&this.values.length===0?this.internals.setValidity({valueMissing:!0},this._t(`components.token-field.required-error-text`),this._input??this):this.internals.setValidity({})}formResetCallback(){this.values=[...this._initialValues]}get _input(){return this.shadowRoot?.querySelector(`.token-field__input`)??null}get _inputArea(){return this.shadowRoot?.querySelector(`.token-field__input-area`)??null}focus(e){this._input?this._input.focus(e):this._focusTokenAt(this._rovingIndex)}get _availableOptionCount(){let e=0;for(let t of this.querySelectorAll(`:scope > nldd-menu nldd-menu-item`)){let n=t,r=n.value||n.text;r&&!this.values.includes(r)&&e++}return e}get _showInput(){return!this.readonly&&(this.allowCustom||this._availableOptionCount>0)}get _hasMenu(){return this._menu!==null}get _showPicker(){return!this.readonly&&this._hasMenu&&this._availableOptionCount>0}_labelFor(e){for(let t of this.querySelectorAll(`:scope > nldd-menu nldd-menu-item`)){let n=t;if((n.value||n.text)===e)return n.text||n.textContent?.trim()||e}return e}_tokenMenuFor(e){let t=this._tokenMenuCache.get(e);if(t)return t;let n=this._cloneTokenMenu(e);return n&&this._tokenMenuCache.set(e,n),n}_cloneTokenMenu(e){let t=null,n=null;for(let r of this.querySelectorAll(`nldd-token[slot="template"]`)){if(r.dataset.value===e){n=r;break}r.hasAttribute(`data-value`)||(t??(t=r))}let r=(n??t)?.querySelector(`nldd-menu[slot="menu"]`);return r?r.cloneNode(!0):null}_onTemplateMutation(e){e.some(e=>e.target.closest?.(`[slot="template"]`)?!0:[...e.addedNodes,...e.removedNodes].some(e=>e.nodeType===Node.ELEMENT_NODE&&e.matches?.(`[slot="template"]`)))&&(this._tokenMenuCache.clear(),this.requestUpdate())}_addValue(e){e&&!this.values.includes(e)&&(this.values=[...this.values,e],this._emitChange())}_removeValue(e){this.values.includes(e)&&(this.values=this.values.filter(t=>t!==e),this._emitChange())}_emitChange(){this.commitFormValue(),this.dispatchEvent(new CustomEvent(`change`,{detail:{values:[...this.values]},bubbles:!0,composed:!0}))}_handleInput(e){if(this._text=e.target.value,this.allowCustom&&this._text.includes(`,`)){this._commitCommaSeparated();return}this._syncMenuItems(),this._isOpen||this._openMenu(),this._openPending=this._text!==``&&!this._menu?.matches(`:popover-open`),this.dispatchEvent(new CustomEvent(`input`,{detail:{value:this._text},bubbles:!0,composed:!0}))}_commitCommaSeparated(){let e=this._text.split(`,`),t=e.pop()??``,n=[...this.values];for(let t of e){let e=t.trim()?this._valueForTypedText(t):``;e&&!n.includes(e)&&n.push(e)}n.length!==this.values.length&&(this.values=n,this._emitChange()),this._text=t,this._input&&(this._input.value=t),this._syncMenuItems(),this.dispatchEvent(new CustomEvent(`input`,{detail:{value:this._text},bubbles:!0,composed:!0}))}_handleBlur(e){this._openPending=!1;let t=e.relatedTarget;t&&this._menu?.contains(t)||(this.allowCustom&&this._text.trim()?this._commitValue(this._valueForTypedText(this._text),!1):this._closeMenu())}_handleKeydown(e){switch(e.key){case`ArrowDown`:e.preventDefault(),this._isOpen?(this._menu?.moveHighlight(`next`),this._updateActiveDescendant()):(this._syncMenuItems(),this._openMenu());break;case`ArrowUp`:if(!this._isOpen)return;e.preventDefault(),this._menu?.moveHighlight(`prev`),this._updateActiveDescendant();break;case`Enter`:{let t=this._isOpen?this._menu?.getHighlighted()??null:null;t?(e.preventDefault(),t.select()):this.allowCustom&&this._text.trim()?(e.preventDefault(),this._commitValue(this._valueForTypedText(this._text))):Tz(this,e);break}case`Escape`:if(this._openPending=!1,!this._isOpen)return;e.preventDefault(),e.stopPropagation(),this._closeMenu();break;case`ArrowLeft`:this._caretAtStart()&&this._tokens.length>0&&(e.preventDefault(),this._focusTokenAt(this._tokens.length-1));break;case`Backspace`:this._text===``&&this._tokens.length>0&&(e.preventDefault(),this._focusTokenAt(this._tokens.length-1))}}_caretAtStart(){let e=this._input;return e?e.selectionStart===null?e.value===``:e.selectionStart===0&&e.selectionEnd===0:!1}get _tokens(){return Array.from(this.shadowRoot?.querySelectorAll(`nldd-token`)??[])}_focusTokenAt(e){let t=this._tokens;if(t.length===0){this._input?.focus();return}let n=Math.max(0,Math.min(e,t.length-1));this._rovingIndex=n,t[n].focus()}_focusAfterRemoval(e){if(this._tokens.length===0){this._input?.focus();return}e<this._tokens.length?this._focusTokenAt(e):this._showInput?this._input?.focus():this._focusTokenAt(this._tokens.length-1)}_handleTokenKeydown(e,t){if(!this.disabled)switch(e.key){case`ArrowLeft`:e.preventDefault(),this._focusTokenAt(t-1);break;case`ArrowRight`:e.preventDefault(),t>=this._tokens.length-1?this._input?.focus():this._focusTokenAt(t+1);break;case`Home`:e.preventDefault(),this._focusTokenAt(0);break;case`End`:e.preventDefault(),this._focusTokenAt(this._tokens.length-1);break;case`Backspace`:case`Delete`:e.preventDefault(),this._removeValue(this.values[t]),this._removalFocusIndex=t}}_handleFieldClick(e){let t=e.target;t.closest(`nldd-token`)||t.closest(`.token-field__picker`)||(this._showInput?this._input?.focus():this._focusTokenAt(this._tokens.length-1))}_handleTokenDismiss(e,t){this._removeValue(e),this._removalFocusIndex=t}_handleTokenAction(e,t){let n=e.target,r=n.value||n.text,i=this.values.indexOf(t);this.dispatchEvent(new CustomEvent(`token-action`,{detail:{value:t,action:r},bubbles:!0,composed:!0})),i!==-1&&!this.values.includes(t)&&(this._removalFocusIndex=i)}_handlePickerPointerdown(){this._isOpen&&(this._pickerPointerdownWhileOpen=!0)}_togglePicker(){if(this._input?.focus(),this._pickerPointerdownWhileOpen){this._pickerPointerdownWhileOpen=!1;return}this._isOpen?this._closeMenu():(this._syncMenuItems(),this._openMenu())}_onSlotChange(){this.requestUpdate();let e=(this.shadowRoot?.querySelector(`slot`))?.assignedElements({flatten:!0}).find(e=>e.tagName.toLowerCase()===`nldd-menu`);e&&e!==this._menu&&(this._menu=e,e.id=this._menuId,e.anchorElement=this,e.placement=`bottom-start`,e.variant=`listbox`,e.addEventListener(`toggle`,this._handleMenuToggle),e.addEventListener(`select`,this._handleMenuSelect),e.addEventListener(`keydown`,this._handleMenuKeydown),this._updateMenuWidth(),this._hideSelectedMenuItems(),this._menuObserver?.disconnect(),this._menuObserver=new MutationObserver(()=>{this._hideSelectedMenuItems(),this._handleMenuItemsChange(),this.requestUpdate()}),this._menuObserver.observe(e,{childList:!0,subtree:!0}))}_updateMenuWidth(){if(!this._menu)return;let e=(this._inputArea??this._input??this).getBoundingClientRect();this._menu.width=`${e.width}px`}_valueForTypedText(e){let t=e.trim(),n=Array.from(this._menu?.querySelectorAll(`nldd-menu-item`)??[]).find(e=>e.closest(`nldd-menu`)===this._menu&&e.text.trim().toLowerCase()===t.toLowerCase());return n?n.value||n.text:t}_commitValue(e,t=!0){this._addValue(e),this._resetInputText(),this._closeMenu(),t&&this.updateComplete.then(()=>{this._showInput?this._input?.focus():this._focusTokenAt(this._tokens.length-1)})}_openMenu(){this._menu&&!this.disabled&&`showPopover`in this._menu&&this._visibleOptionCount!==0&&(this._menu.matches(`:popover-open`)||(this._menu.anchorElement=this._inputArea??this._input??this,this._updateMenuWidth(),this._menu.showPopover()))}_handleMenuItemsChange(){if(this._menu&&this.shadowRoot?.activeElement===this._input){if(this._menu.matches(`:popover-open`)){this._visibleOptionCount===0&&this._closeMenu();return}this._openPending&&this._visibleOptionCount>0&&(this._openPending=!1,this._openMenu())}}_closeMenu(){this._menu&&this._menu.matches(`:popover-open`)&&this._menu.hidePopover()}_updateActiveDescendant(){this._highlightedId=this._menu?.getHighlightedId()??``}_resetInputText(){this._text=``,this._input&&(this._input.value=``)}get _visibleOptionCount(){return this._menu?this._menu.querySelectorAll(`nldd-menu-item:not([hidden])`).length:0}_syncMenuItems(){this._menu&&(this._menu.filter(this._text,{hide:!this.noFilter}),this._hideSelectedMenuItems(),this._updateActiveDescendant(),this._isOpen&&this._visibleOptionCount===0&&this._closeMenu())}_hideSelectedMenuItems(){if(!this._menu)return;let e=new Set(this.values),t=!1;for(let n of this._menu.querySelectorAll(`nldd-menu-item`)){let r=n;e.has(r.value||r.text)&&(r.hasAttribute(`highlighted`)&&(t=!0),r.setAttribute(`hidden`,``))}t&&this._menu.moveHighlight(`next`)}describedTarget(){let e=this.shadowRoot;return e?.querySelector(`input.token-field__input`)??e?.querySelector(`.token-field__list`)??null}render(){return PK(this)}},LK=IK,RK=(IK.styles=kK,IK.isFormInput=!0,IK.blocksImplicitSubmission=!0,IK._idCounter=0,IK);j([E({converter:{fromAttribute:e=>e?e.split(`,`).map(e=>e.trim()).filter(Boolean):[],toAttribute:()=>null}})],RK.prototype,`values`,null),j([E({type:String})],RK.prototype,`placeholder`,void 0),j([E({type:String})],RK.prototype,`type`,void 0),j([E({type:String})],RK.prototype,`autocomplete`,void 0),j([E({type:String,attribute:`accessible-label`})],RK.prototype,`accessibleLabel`,void 0),j([E({type:Boolean,reflect:!0,attribute:`allow-custom`})],RK.prototype,`allowCustom`,void 0),j([E({type:Boolean,reflect:!0,attribute:`no-filter`})],RK.prototype,`noFilter`,void 0),j([E({type:Boolean,reflect:!0})],RK.prototype,`valid`,void 0),j([E({type:Boolean,reflect:!0})],RK.prototype,`invalid`,void 0),j([E({type:Boolean,reflect:!0,attribute:`no-spellcheck`})],RK.prototype,`noSpellcheck`,void 0),j([E({type:Boolean,reflect:!0})],RK.prototype,`readonly`,void 0),j([E({type:Boolean,reflect:!0})],RK.prototype,`required`,void 0),j([E({type:Boolean,reflect:!0})],RK.prototype,`disabled`,void 0),j([E({attribute:`token-control`})],RK.prototype,`tokenControl`,void 0),j([E({type:String})],RK.prototype,`name`,void 0),j([E({type:Object})],RK.prototype,`translations`,void 0),j([D()],RK.prototype,`_text`,void 0),j([D()],RK.prototype,`_isOpen`,void 0),j([D()],RK.prototype,`_highlightedId`,void 0),j([D()],RK.prototype,`_rovingIndex`,void 0),RK=LK=j([T(`nldd-token-field`)],RK);function zK(e){let t=e.closest?.(`nldd-app-view, nldd-sheet, nldd-modal-dialog`);return t&&`registerScrollConsumer`in t?t:null}var BK,VK,HK=n((()=>{BK=`nldd-single-column-change`,VK=class{constructor(e,t){this.mode=`nested`,this._raf=0,this._provider=null,this._onResize=()=>{this._raf||(this._raf=requestAnimationFrame(()=>{this._raf=0,this.read()}))},this._host=e,this._onChange=t,e.addController(this)}hostConnected(){this._provider=zK(this._host),this._provider?this._provider.registerScrollConsumer(this):(window.addEventListener(`resize`,this._onResize,{passive:!0}),this.read())}hostDisconnected(){this._provider?(this._provider.unregisterScrollConsumer(this),this._provider=null):window.removeEventListener(`resize`,this._onResize),this._raf&&cancelAnimationFrame(this._raf)}readScrollMode(e){let t=e??this._readVar();t!==this.mode&&(this.mode=t,this._host.dataset.scroll=t,this._onChange?.(t))}_readVar(){return getComputedStyle(this._host).getPropertyValue(`--context-scroll-mode`).trim()===`root`?`root`:`nested`}read(){this.readScrollMode()}}}));HK(),w();var UK=u`
|
|
14674
|
+
`}var FK={"components.token-field.dismiss-action":`Verwijder`,"components.token-field.removable-lowercase-label":`verwijderbaar`,"components.token-field.open-menu-action":`Toon opties`,"components.token-field.token-menu-action":`Toon acties voor`,"components.token-field.required-error-text":`Voeg minimaal één waarde toe`};w(),O(),xn(),At(),M();var IK=class extends bn(MI(C)){constructor(...e){super(...e),this._initialValues=[],this._values=[],this.placeholder=``,this.type=`text`,this.autocomplete=``,this.accessibleLabel=``,this.allowCustom=!1,this.noFilter=!1,this.valid=!1,this.invalid=!1,this.noSpellcheck=!1,this.readonly=!1,this.required=!1,this.disabled=!1,this.tokenControl=`dismiss`,this.name=``,this.translations={},this._text=``,this._isOpen=!1,this._highlightedId=``,this._rovingIndex=0,this._menuId=`nldd-token-field-menu-${LK._idCounter++}`,this._menu=null,this._resizeObserver=null,this._menuObserver=null,this._openPending=!1,this._templateObserver=null,this._pickerPointerdownWhileOpen=!1,this._removalFocusIndex=null,this._handleFocusOut=()=>{queueMicrotask(()=>{this.isConnected&&!this.contains(document.activeElement)&&(this._rovingIndex=0)})},this._tokenMenuCache=new Map,this._handleScrollOrResize=()=>{this._isOpen&&(this._updateMenuWidth(),this._menu?.reposition())},this._handleMenuToggle=e=>{this._isOpen=e.newState===`open`,this._isOpen?(this._openPending=!1,requestAnimationFrame(()=>{this._menu&&!this._menu.getHighlighted()&&this._menu.moveHighlight(`next`),this._updateActiveDescendant()})):this._highlightedId=``},this._handleMenuSelect=e=>{let t=e.target;this._commitValue(t.value||t.text)},this._handleMenuKeydown=e=>{e.key===`Tab`&&(e.preventDefault(),this._closeMenu(),this._input?.focus())}}get values(){return this._values}set values(e){let t=e?e.filter((t,n)=>e.indexOf(t)===n):[],n=this._values;this._values=t,this.requestUpdate(`values`,n)}_t(e){return Tt(this.translations,FK,e)}connectedCallback(){super.connectedCallback(),this._resizeObserver=new ResizeObserver(()=>this._updateMenuWidth()),this._resizeObserver.observe(this),window.addEventListener(`scroll`,this._handleScrollOrResize,!0),window.addEventListener(`resize`,this._handleScrollOrResize),this.addEventListener(`focusout`,this._handleFocusOut),this._templateObserver=new MutationObserver(e=>this._onTemplateMutation(e)),this._templateObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,characterData:!0})}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver?.disconnect(),this._resizeObserver=null,this._menuObserver?.disconnect(),this._menuObserver=null,this._templateObserver?.disconnect(),this._templateObserver=null,window.removeEventListener(`scroll`,this._handleScrollOrResize,!0),window.removeEventListener(`resize`,this._handleScrollOrResize),this.removeEventListener(`focusout`,this._handleFocusOut),this._menu&&(this._menu.removeEventListener(`toggle`,this._handleMenuToggle),this._menu.removeEventListener(`select`,this._handleMenuSelect),this._menu.removeEventListener(`keydown`,this._handleMenuKeydown),this._menu=null)}firstUpdated(){this._initialValues=[...this.values],this.commitFormValue(),this.internals.role=`group`,this.internals.ariaLabel=this.accessibleLabel||null}willUpdate(e){if(e.has(`values`)){this._rovingIndex=Math.max(0,Math.min(this._rovingIndex,this.values.length-1));for(let e of[...this._tokenMenuCache.keys()])this.values.includes(e)||this._tokenMenuCache.delete(e);this.commitFormValue(),this._menu&&(this._syncMenuItems(),this._showInput||this._closeMenu())}e.has(`required`)&&this._updateValidity(),e.has(`readonly`)&&this.readonly&&this._closeMenu(),e.has(`accessibleLabel`)&&(this.internals.ariaLabel=this.accessibleLabel||null)}updated(){if(this._isOpen&&this._updateMenuWidth(),this._removalFocusIndex!==null){let e=this._removalFocusIndex;this._removalFocusIndex=null,this.updateComplete.then(()=>this._focusAfterRemoval(e))}}formValue(){if(!this.name)return null;let e=new FormData;for(let t of this.values)e.append(this.name,t);return e}commitFormValue(){super.commitFormValue(),this._updateValidity()}_updateValidity(){this.required&&this.values.length===0?this.internals.setValidity({valueMissing:!0},this._t(`components.token-field.required-error-text`),this._input??this):this.internals.setValidity({})}formResetCallback(){this.values=[...this._initialValues]}get _input(){return this.shadowRoot?.querySelector(`.token-field__input`)??null}get _inputArea(){return this.shadowRoot?.querySelector(`.token-field__input-area`)??null}focus(e){this._input?this._input.focus(e):this._focusTokenAt(this._rovingIndex)}get _availableOptionCount(){let e=0;for(let t of this.querySelectorAll(`:scope > nldd-menu nldd-menu-item`)){let n=t,r=n.value||n.text;r&&!this.values.includes(r)&&e++}return e}get _showInput(){return!this.readonly&&(this.allowCustom||this._availableOptionCount>0)}get _hasMenu(){return this._menu!==null}get _showPicker(){return!this.readonly&&this._hasMenu&&this._availableOptionCount>0}_labelFor(e){for(let t of this.querySelectorAll(`:scope > nldd-menu nldd-menu-item`)){let n=t;if((n.value||n.text)===e)return n.text||n.textContent?.trim()||e}return e}_tokenMenuFor(e){let t=this._tokenMenuCache.get(e);if(t)return t;let n=this._cloneTokenMenu(e);return n&&this._tokenMenuCache.set(e,n),n}_cloneTokenMenu(e){let t=null,n=null;for(let r of this.querySelectorAll(`nldd-token[slot="template"]`)){if(r.dataset.value===e){n=r;break}r.hasAttribute(`data-value`)||(t??(t=r))}let r=(n??t)?.querySelector(`nldd-menu[slot="menu"]`);return r?r.cloneNode(!0):null}_onTemplateMutation(e){e.some(e=>e.target.closest?.(`[slot="template"]`)?!0:[...e.addedNodes,...e.removedNodes].some(e=>e.nodeType===Node.ELEMENT_NODE&&e.matches?.(`[slot="template"]`)))&&(this._tokenMenuCache.clear(),this.requestUpdate())}_addValue(e){e&&!this.values.includes(e)&&(this.values=[...this.values,e],this._emitChange())}_removeValue(e){this.values.includes(e)&&(this.values=this.values.filter(t=>t!==e),this._emitChange())}_emitChange(){this.commitFormValue(),this.dispatchEvent(new CustomEvent(`change`,{detail:{values:[...this.values]},bubbles:!0,composed:!0}))}_handleInput(e){if(this._text=e.target.value,this.allowCustom&&this._text.includes(`,`)){this._commitCommaSeparated();return}this._syncMenuItems(),this._isOpen||this._openMenu(),this._openPending=this._text!==``&&!this._menu?.matches(`:popover-open`),this.dispatchEvent(new CustomEvent(`input`,{detail:{value:this._text},bubbles:!0,composed:!0}))}_commitCommaSeparated(){let e=this._text.split(`,`),t=e.pop()??``,n=[...this.values];for(let t of e){let e=t.trim()?this._valueForTypedText(t):``;e&&!n.includes(e)&&n.push(e)}n.length!==this.values.length&&(this.values=n,this._emitChange()),this._text=t,this._input&&(this._input.value=t),this._syncMenuItems(),this.dispatchEvent(new CustomEvent(`input`,{detail:{value:this._text},bubbles:!0,composed:!0}))}_handleBlur(e){this._openPending=!1;let t=e.relatedTarget;t&&this._menu?.contains(t)||(this.allowCustom&&this._text.trim()?this._commitValue(this._valueForTypedText(this._text),!1):this._closeMenu())}_handleKeydown(e){switch(e.key){case`ArrowDown`:e.preventDefault(),this._isOpen?(this._menu?.moveHighlight(`next`),this._updateActiveDescendant()):(this._syncMenuItems(),this._openMenu());break;case`ArrowUp`:if(!this._isOpen)return;e.preventDefault(),this._menu?.moveHighlight(`prev`),this._updateActiveDescendant();break;case`Enter`:{let t=this._isOpen?this._menu?.getHighlighted()??null:null;t?(e.preventDefault(),t.select()):this.allowCustom&&this._text.trim()?(e.preventDefault(),this._commitValue(this._valueForTypedText(this._text))):Tz(this,e);break}case`Escape`:if(this._openPending=!1,!this._isOpen)return;e.preventDefault(),e.stopPropagation(),this._closeMenu();break;case`ArrowLeft`:this._caretAtStart()&&this._tokens.length>0&&(e.preventDefault(),this._focusTokenAt(this._tokens.length-1));break;case`Backspace`:this._text===``&&this._tokens.length>0&&(e.preventDefault(),this._focusTokenAt(this._tokens.length-1))}}_caretAtStart(){let e=this._input;return e?e.selectionStart===null?e.value===``:e.selectionStart===0&&e.selectionEnd===0:!1}get _tokens(){return Array.from(this.shadowRoot?.querySelectorAll(`nldd-token`)??[])}_focusTokenAt(e){let t=this._tokens;if(t.length===0){this._input?.focus();return}let n=Math.max(0,Math.min(e,t.length-1));this._rovingIndex=n,t[n].focus()}_focusAfterRemoval(e){if(this._tokens.length===0){this._input?.focus();return}e<this._tokens.length?this._focusTokenAt(e):this._showInput?this._input?.focus():this._focusTokenAt(this._tokens.length-1)}_handleTokenKeydown(e,t){if(!this.disabled)switch(e.key){case`ArrowLeft`:e.preventDefault(),this._focusTokenAt(t-1);break;case`ArrowRight`:e.preventDefault(),t>=this._tokens.length-1?this._input?.focus():this._focusTokenAt(t+1);break;case`Home`:e.preventDefault(),this._focusTokenAt(0);break;case`End`:e.preventDefault(),this._focusTokenAt(this._tokens.length-1);break;case`Backspace`:case`Delete`:e.preventDefault(),this._removeValue(this.values[t]),this._removalFocusIndex=t}}_handleFieldClick(e){let t=e.target;t.closest(`nldd-token`)||t.closest(`.token-field__picker`)||(this._showInput?this._input?.focus():this._focusTokenAt(this._tokens.length-1))}_handleTokenDismiss(e,t){this._removeValue(e),this._removalFocusIndex=t}_handleTokenAction(e,t){let n=e.target,r=n.value||n.text,i=this.values.indexOf(t);this.dispatchEvent(new CustomEvent(`token-action`,{detail:{value:t,action:r},bubbles:!0,composed:!0})),i!==-1&&!this.values.includes(t)&&(this._removalFocusIndex=i)}_handlePickerPointerdown(){this._isOpen&&(this._pickerPointerdownWhileOpen=!0)}_togglePicker(){if(this._input?.focus(),this._pickerPointerdownWhileOpen){this._pickerPointerdownWhileOpen=!1;return}this._isOpen?this._closeMenu():(this._syncMenuItems(),this._openMenu())}_onSlotChange(){this.requestUpdate();let e=(this.shadowRoot?.querySelector(`slot`))?.assignedElements({flatten:!0}).find(e=>e.tagName.toLowerCase()===`nldd-menu`);e&&e!==this._menu&&(this._menu=e,e.id=this._menuId,e.anchorElement=this,e.placement=`bottom-start`,e.variant=`listbox`,e.addEventListener(`toggle`,this._handleMenuToggle),e.addEventListener(`select`,this._handleMenuSelect),e.addEventListener(`keydown`,this._handleMenuKeydown),this._updateMenuWidth(),this._hideSelectedMenuItems(),this._menuObserver?.disconnect(),this._menuObserver=new MutationObserver(()=>{this._hideSelectedMenuItems(),this._handleMenuItemsChange(),this.requestUpdate()}),this._menuObserver.observe(e,{childList:!0,subtree:!0}))}_updateMenuWidth(){if(!this._menu)return;let e=(this._inputArea??this._input??this).getBoundingClientRect();this._menu.width=`${e.width}px`}_valueForTypedText(e){let t=e.trim(),n=Array.from(this._menu?.querySelectorAll(`nldd-menu-item`)??[]).find(e=>e.closest(`nldd-menu`)===this._menu&&e.text.trim().toLowerCase()===t.toLowerCase());return n?n.value||n.text:t}_commitValue(e,t=!0){this._addValue(e),this._resetInputText(),this._closeMenu(),t&&this.updateComplete.then(()=>{this._showInput?this._input?.focus():this._focusTokenAt(this._tokens.length-1)})}_openMenu(){this._menu&&!this.disabled&&`showPopover`in this._menu&&this._visibleOptionCount!==0&&(this._menu.matches(`:popover-open`)||(this._menu.anchorElement=this._inputArea??this._input??this,this._updateMenuWidth(),this._menu.showPopover()))}_handleMenuItemsChange(){if(this._menu&&this.shadowRoot?.activeElement===this._input){if(this._menu.matches(`:popover-open`)){this._visibleOptionCount===0&&this._closeMenu();return}this._openPending&&this._visibleOptionCount>0&&(this._openPending=!1,this._openMenu())}}_closeMenu(){this._menu&&this._menu.matches(`:popover-open`)&&this._menu.hidePopover()}_updateActiveDescendant(){this._highlightedId=this._menu?.getHighlightedId()??``}_resetInputText(){this._text=``,this._input&&(this._input.value=``)}get _visibleOptionCount(){return this._menu?this._menu.querySelectorAll(`nldd-menu-item:not([hidden])`).length:0}_syncMenuItems(){this._menu&&(this._menu.filter(this._text,{hide:!this.noFilter}),this._hideSelectedMenuItems(),this._updateActiveDescendant(),this._isOpen&&this._visibleOptionCount===0&&this._closeMenu())}_hideSelectedMenuItems(){if(!this._menu)return;let e=new Set(this.values),t=!1;for(let n of this._menu.querySelectorAll(`nldd-menu-item`)){let r=n;e.has(r.value||r.text)&&(r.hasAttribute(`highlighted`)&&(t=!0),r.setAttribute(`hidden`,``))}t&&this._menu.moveHighlight(`next`)}describedTarget(){let e=this.shadowRoot;return e?.querySelector(`input.token-field__input`)??e?.querySelector(`.token-field__list`)??null}render(){return PK(this)}},LK=IK,RK=(IK.styles=kK,IK.isFormInput=!0,IK.blocksImplicitSubmission=!0,IK._idCounter=0,IK);j([E({converter:{fromAttribute:e=>e?e.split(`,`).map(e=>e.trim()).filter(Boolean):[],toAttribute:()=>null}})],RK.prototype,`values`,null),j([E({type:String})],RK.prototype,`placeholder`,void 0),j([E({type:String})],RK.prototype,`type`,void 0),j([E({type:String})],RK.prototype,`autocomplete`,void 0),j([E({type:String,attribute:`accessible-label`})],RK.prototype,`accessibleLabel`,void 0),j([E({type:Boolean,reflect:!0,attribute:`allow-custom`})],RK.prototype,`allowCustom`,void 0),j([E({type:Boolean,reflect:!0,attribute:`no-filter`})],RK.prototype,`noFilter`,void 0),j([E({type:Boolean,reflect:!0})],RK.prototype,`valid`,void 0),j([E({type:Boolean,reflect:!0})],RK.prototype,`invalid`,void 0),j([E({type:Boolean,reflect:!0,attribute:`no-spellcheck`})],RK.prototype,`noSpellcheck`,void 0),j([E({type:Boolean,reflect:!0})],RK.prototype,`readonly`,void 0),j([E({type:Boolean,reflect:!0})],RK.prototype,`required`,void 0),j([E({type:Boolean,reflect:!0})],RK.prototype,`disabled`,void 0),j([E({attribute:`token-control`})],RK.prototype,`tokenControl`,void 0),j([E({type:String})],RK.prototype,`name`,void 0),j([E({type:Object})],RK.prototype,`translations`,void 0),j([D()],RK.prototype,`_text`,void 0),j([D()],RK.prototype,`_isOpen`,void 0),j([D()],RK.prototype,`_highlightedId`,void 0),j([D()],RK.prototype,`_rovingIndex`,void 0),RK=LK=j([T(`nldd-token-field`)],RK);function zK(e){let t=e.closest?.(HK);return t&&`registerScrollConsumer`in t?t:null}function BK(e,t){let n=e.closest?.(HK);!n||`registerScrollConsumer`in n||customElements.whenDefined(n.localName).then(()=>{if(!e.isConnected)return;let r=zK(e);r&&r===n&&t(r)})}var VK,HK,UK,WK=n((()=>{VK=`nldd-single-column-change`,HK=`nldd-shell, nldd-sheet, nldd-modal-dialog`,UK=class{constructor(e,t){this.mode=`nested`,this._raf=0,this._provider=null,this._adopt=e=>{this._provider||(window.removeEventListener(`resize`,this._onResize),this._provider=e,e.registerScrollConsumer(this))},this._onResize=()=>{this._raf||(this._raf=requestAnimationFrame(()=>{this._raf=0,this.read()}))},this._host=e,this._onChange=t,e.addController(this)}hostConnected(){this._provider=zK(this._host),this._provider?this._provider.registerScrollConsumer(this):(window.addEventListener(`resize`,this._onResize,{passive:!0}),this.read(),BK(this._host,this._adopt))}hostDisconnected(){this._provider?(this._provider.unregisterScrollConsumer(this),this._provider=null):window.removeEventListener(`resize`,this._onResize),this._raf&&cancelAnimationFrame(this._raf)}readScrollMode(e){let t=e??this._readVar();t!==this.mode&&(this.mode=t,this._host.dataset.scroll=t,this._onChange?.(t))}_readVar(){return getComputedStyle(this._host).getPropertyValue(`--context-scroll-mode`).trim()===`root`?`root`:`nested`}read(){this.readScrollMode()}}}));WK(),w();var GK=u`
|
|
14635
14675
|
:host {
|
|
14636
14676
|
box-sizing: border-box;
|
|
14637
14677
|
}
|
|
@@ -14641,10 +14681,10 @@ else:
|
|
|
14641
14681
|
|
|
14642
14682
|
:host {
|
|
14643
14683
|
--context-parent-background-color: var(--semantics-surfaces-base-background-color);
|
|
14644
|
-
--
|
|
14684
|
+
--_shell-background-color: var(--context-parent-background-color);
|
|
14645
14685
|
|
|
14646
14686
|
display: flex;
|
|
14647
|
-
background-color: var(--
|
|
14687
|
+
background-color: var(--_shell-background-color);
|
|
14648
14688
|
width: 100%;
|
|
14649
14689
|
height: 100%;
|
|
14650
14690
|
}
|
|
@@ -14655,11 +14695,11 @@ else:
|
|
|
14655
14695
|
|
|
14656
14696
|
:host([background="tinted"]) {
|
|
14657
14697
|
--context-parent-background-color: var(--semantics-surfaces-tinted-background-color);
|
|
14658
|
-
--
|
|
14698
|
+
--_shell-background-color: var(--semantics-surfaces-tinted-background-color);
|
|
14659
14699
|
}
|
|
14660
14700
|
|
|
14661
14701
|
/* Root-scroll mode — the DOCUMENT scrolls (see ScrollModeController +
|
|
14662
|
-
--context-scroll-mode). The
|
|
14702
|
+
--context-scroll-mode). The shell is the outermost DS layer, so it grows
|
|
14663
14703
|
with its content (min-height fills the viewport for short pages), letting a
|
|
14664
14704
|
descendant nldd-page's sticky layers stick against the document. */
|
|
14665
14705
|
:host([data-scroll="root"]) {
|
|
@@ -14670,7 +14710,7 @@ else:
|
|
|
14670
14710
|
|
|
14671
14711
|
/* # Block */
|
|
14672
14712
|
|
|
14673
|
-
.
|
|
14713
|
+
.shell {
|
|
14674
14714
|
display: flex;
|
|
14675
14715
|
min-width: 0;
|
|
14676
14716
|
min-height: 0;
|
|
@@ -14683,7 +14723,7 @@ else:
|
|
|
14683
14723
|
|
|
14684
14724
|
/* Root-scroll mode — row axis untouched (this is a column block but a row item
|
|
14685
14725
|
of the host); only stop clipping so descendant sticky layers can escape. */
|
|
14686
|
-
:host([data-scroll="root"]) .
|
|
14726
|
+
:host([data-scroll="root"]) .shell {
|
|
14687
14727
|
overflow: visible;
|
|
14688
14728
|
}
|
|
14689
14729
|
|
|
@@ -14706,11 +14746,11 @@ else:
|
|
|
14706
14746
|
flex-basis: auto;
|
|
14707
14747
|
flex-shrink: 0;
|
|
14708
14748
|
}
|
|
14709
|
-
`;w();function
|
|
14710
|
-
<div class="
|
|
14749
|
+
`;w();function KK(e){return x`
|
|
14750
|
+
<div class="shell">
|
|
14711
14751
|
<slot></slot>
|
|
14712
14752
|
</div>
|
|
14713
|
-
`}w(),O(),P(),M();var
|
|
14753
|
+
`}w(),O(),P(),M();var qK,JK=[];function YK(){for(let e=JK.length-1;e>=0;e--)if(JK[e].isConnected)return JK[e];return null}var XK=(qK=class extends C{constructor(...e){super(...e),this.background=`base`,this._scrollConsumers=new Set,this._derivedMode=null,this._scrollMode=new UK(this,()=>this._applyOverscroll()),this._onSingleColumnChange=()=>{this._evaluateScrollMode()}}registerScrollConsumer(e){this._scrollConsumers.add(e),this._evaluateScrollMode(),this._derivedMode&&e.readScrollMode(this._derivedMode)}unregisterScrollConsumer(e){this._scrollConsumers.delete(e),this._evaluateScrollMode()}_outermostSplitView(){return this.querySelector(`nldd-navigation-split-view, nldd-side-by-side-split-view`)}_evaluateScrollMode(){let e=this._outermostSplitView();if(e&&typeof e.isSingleColumn!=`boolean`)return;let t=e?e.isSingleColumn?`root`:`nested`:`root`;t!==this._derivedMode&&(this._derivedMode=t,this.style.setProperty(`--context-scroll-mode`,t),this._scrollConsumers.forEach(e=>e.readScrollMode(this._derivedMode??void 0)))}connectedCallback(){super.connectedCallback(),JK.push(this),this._writeBodyBackground(),this._applyOverscroll(),this.addEventListener(VK,this._onSingleColumnChange),this._evaluateScrollMode()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(VK,this._onSingleColumnChange);let e=JK.indexOf(this);e>=0&&JK.splice(e,1);let t=YK();t?(t._writeBodyBackground(),t._applyOverscroll()):(document.body.style.removeProperty(`background-color`),document.documentElement.style.removeProperty(`overscroll-behavior`),document.body.style.removeProperty(`overscroll-behavior`))}_applyOverscroll(){YK()===this&&(this._scrollMode.mode===`root`?(document.documentElement.style.removeProperty(`overscroll-behavior`),document.body.style.removeProperty(`overscroll-behavior`)):(document.documentElement.style.overscrollBehavior=`none`,document.body.style.overscrollBehavior=`none`))}updated(e){e.has(`background`)&&YK()===this&&this._writeBodyBackground()}_writeBodyBackground(){let e=this.background===`tinted`?`--semantics-surfaces-tinted-background-color`:`--semantics-surfaces-base-background-color`;document.body.style.backgroundColor=`var(${e})`}render(){return KK(this)}},qK.styles=GK,qK);j([E({reflect:!0,converter:N(`base`)})],XK.prototype,`background`,void 0),XK=j([T(`nldd-shell`)],XK),w();var ZK=u`
|
|
14714
14754
|
:host {
|
|
14715
14755
|
box-sizing: border-box;
|
|
14716
14756
|
}
|
|
@@ -14848,7 +14888,7 @@ else:
|
|
|
14848
14888
|
flex-basis: auto;
|
|
14849
14889
|
flex-shrink: 0;
|
|
14850
14890
|
}
|
|
14851
|
-
`;w();var
|
|
14891
|
+
`;w();var QK=u`
|
|
14852
14892
|
:host {
|
|
14853
14893
|
box-sizing: border-box;
|
|
14854
14894
|
}
|
|
@@ -14911,7 +14951,7 @@ else:
|
|
|
14911
14951
|
width: var(--primitives-space-40);
|
|
14912
14952
|
height: var(--primitives-space-4);
|
|
14913
14953
|
}
|
|
14914
|
-
`;w();function
|
|
14954
|
+
`;w();function $K(e){return x`
|
|
14915
14955
|
<div
|
|
14916
14956
|
class="split-view-divider"
|
|
14917
14957
|
role="separator"
|
|
@@ -14919,7 +14959,7 @@ else:
|
|
|
14919
14959
|
>
|
|
14920
14960
|
${e.hasDragHandle?x`<div class="split-view-divider__drag-handle"></div>`:S}
|
|
14921
14961
|
</div>
|
|
14922
|
-
`}w(),O(),P(),M();var
|
|
14962
|
+
`}w(),O(),P(),M();var eq=class extends C{constructor(...e){super(...e),this.orientation=`vertical`,this.hasDragHandle=!1}render(){return $K(this)}},tq=(eq.styles=QK,eq);j([E({reflect:!0,converter:N(`vertical`)})],tq.prototype,`orientation`,void 0),j([E({type:Boolean,reflect:!0,attribute:`has-drag-handle`})],tq.prototype,`hasDragHandle`,void 0),tq=j([T(`nldd-split-view-divider`)],tq),w(),ln();function nq(e){let t=e._getSortedChildren().map(e=>({slot:e.slot,isMain:e.slot===`main`}));t.some(e=>e.isMain)||t.push({slot:`main`,isMain:!0});let n=t.findIndex(e=>e.isMain);return x`
|
|
14923
14963
|
<div class="bar-split-view">
|
|
14924
14964
|
${t.map((e,r)=>{let i=t[r+1],a=i?e.isMain!==i.isMain:!1;return x`
|
|
14925
14965
|
<div class=${sn({"bar-split-view__main":e.isMain,"bar-split-view__bar":!e.isMain,"bar-split-view__bar--top":!e.isMain&&r<n,"bar-split-view__bar--bottom":!e.isMain&&r>n})}>
|
|
@@ -14932,7 +14972,7 @@ else:
|
|
|
14932
14972
|
`:S}
|
|
14933
14973
|
`})}
|
|
14934
14974
|
</div>
|
|
14935
|
-
`}w(),O(),L(),
|
|
14975
|
+
`}w(),O(),L(),WK(),M();var rq,iq=parseInt(I.smMax),aq=parseInt(I.mdMax),oq=(rq=class extends C{constructor(...e){super(...e),this._scrollMode=new UK(this,()=>this._updateInsets()),this.background=`inherit`,this._currentBreakpoint=null,this._observer=null,this._resizeObserver=null,this._updateInsets=()=>{let e=this.shadowRoot?.querySelector(`.bar-split-view`)??null,t=e?.querySelector(`.bar-split-view__main`)??null;if(!e||!t)return;let n=Array.from(e.children),r=n.indexOf(t);if(this._scrollMode.mode!==`root`){n.forEach(e=>{e.style.top=``,e.style.bottom=``}),t.style.removeProperty(`--context-inset-top`),t.style.removeProperty(`--context-inset-bottom`);return}let i=getComputedStyle(this),a=parseFloat(i.getPropertyValue(`--context-inset-top`))||0;for(let e=0;e<r;e++)n[e].style.top=`${a}px`,n[e].style.bottom=``,a+=n[e].offsetHeight;t.style.setProperty(`--context-inset-top`,`${a}px`);let o=parseFloat(i.getPropertyValue(`--context-inset-bottom`))||0;for(let e=n.length-1;e>r;e--)n[e].style.bottom=`${o}px`,n[e].style.top=``,o+=n[e].offsetHeight;t.style.setProperty(`--context-inset-bottom`,`${o}px`)}}connectedCallback(){super.connectedCallback(),this._currentBreakpoint=this._getBreakpoint(this.getBoundingClientRect().width),this._observer=new MutationObserver(()=>this.requestUpdate()),this._observer.observe(this,{childList:!0,attributes:!0,attributeFilter:[`above`,`below`,`only`,`sm-order`,`md-order`,`lg-order`],subtree:!1}),this._resizeObserver=new ResizeObserver(()=>{let e=this._getBreakpoint(this.getBoundingClientRect().width);e!==this._currentBreakpoint&&(this._currentBreakpoint=e,this.requestUpdate()),this._updateInsets()}),this._resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this._observer?.disconnect(),this._observer=null,this._resizeObserver?.disconnect(),this._resizeObserver=null}_getBreakpoint(e){return e<=iq?`sm`:e<=aq?`md`:`lg`}_isChildVisible(e){if(this._currentBreakpoint===null)return!0;let t=this._currentBreakpoint,n=[`sm`,`md`,`lg`],r=n.indexOf(t),i=e.getAttribute(`only`);if(i)return t===i;let a=e.getAttribute(`above`);if(a)return r>=n.indexOf(a);let o=e.getAttribute(`below`);return!o||r<=n.indexOf(o)}_getSortedChildren(){let e=Array.from(this.children).filter(e=>e.slot?this._isChildVisible(e):!1);if(this._currentBreakpoint===null)return e;let t=`${this._currentBreakpoint}-order`;return[...e].sort((n,r)=>(n.hasAttribute(t)?parseInt(n.getAttribute(t)):e.indexOf(n))-(r.hasAttribute(t)?parseInt(r.getAttribute(t)):e.indexOf(r)))}updated(){this._updateInsets()}render(){return nq(this)}},rq.styles=ZK,rq);j([E({type:String,reflect:!0})],oq.prototype,`background`,void 0),j([D()],oq.prototype,`_currentBreakpoint`,void 0),oq=j([T(`nldd-bar-split-view`)],oq),w(),L();var sq=l(I.smMax),cq=l(I.mdMin),lq=l(I.mdMax),uq=l(I.lgMin),dq=u`
|
|
14936
14976
|
:host {
|
|
14937
14977
|
box-sizing: border-box;
|
|
14938
14978
|
}
|
|
@@ -15113,7 +15153,7 @@ else:
|
|
|
15113
15153
|
padding: 0;
|
|
15114
15154
|
flex-direction: column;
|
|
15115
15155
|
|
|
15116
|
-
@media (max-width: ${
|
|
15156
|
+
@media (max-width: ${sq}) {
|
|
15117
15157
|
inset: auto 0 0 0;
|
|
15118
15158
|
border-radius: var(--semantics-overlays-corner-radius) var(--semantics-overlays-corner-radius) 0 0;
|
|
15119
15159
|
width: 100%;
|
|
@@ -15122,14 +15162,14 @@ else:
|
|
|
15122
15162
|
max-height: calc(100dvh - var(--semantics-sheets-bottom-top-inset));
|
|
15123
15163
|
}
|
|
15124
15164
|
|
|
15125
|
-
@media (min-width: ${
|
|
15165
|
+
@media (min-width: ${cq}) and (max-width: ${lq}) {
|
|
15126
15166
|
inset: var(--semantics-overlays-inset) var(--semantics-overlays-inset) var(--semantics-overlays-inset) auto;
|
|
15127
15167
|
border-radius: var(--semantics-overlays-corner-radius);
|
|
15128
15168
|
width: var(--semantics-sheets-side-md-width);
|
|
15129
15169
|
height: calc(100dvh - var(--semantics-overlays-inset) * 2);
|
|
15130
15170
|
}
|
|
15131
15171
|
|
|
15132
|
-
@media (min-width: ${
|
|
15172
|
+
@media (min-width: ${uq}) {
|
|
15133
15173
|
inset: var(--semantics-overlays-inset) var(--semantics-overlays-inset) var(--semantics-overlays-inset) auto;
|
|
15134
15174
|
border-radius: var(--semantics-overlays-corner-radius);
|
|
15135
15175
|
width: var(--semantics-sheets-side-lg-width);
|
|
@@ -15151,21 +15191,21 @@ else:
|
|
|
15151
15191
|
}
|
|
15152
15192
|
|
|
15153
15193
|
&[open] {
|
|
15154
|
-
@media (max-width: ${
|
|
15194
|
+
@media (max-width: ${sq}) {
|
|
15155
15195
|
animation: navigation-split-view-slide-in-bottom var(--semantics-sheets-bottom-animation-duration) var(--primitives-transition-easing-default) both;
|
|
15156
15196
|
}
|
|
15157
15197
|
|
|
15158
|
-
@media (min-width: ${
|
|
15198
|
+
@media (min-width: ${cq}) {
|
|
15159
15199
|
animation: navigation-split-view-inspector-slide-in var(--semantics-sheets-side-animation-duration) var(--primitives-transition-easing-default) both;
|
|
15160
15200
|
}
|
|
15161
15201
|
}
|
|
15162
15202
|
|
|
15163
15203
|
&.is-closing {
|
|
15164
|
-
@media (max-width: ${
|
|
15204
|
+
@media (max-width: ${sq}) {
|
|
15165
15205
|
animation: navigation-split-view-slide-out-bottom var(--semantics-sheets-bottom-animation-duration) var(--primitives-transition-easing-default) both;
|
|
15166
15206
|
}
|
|
15167
15207
|
|
|
15168
|
-
@media (min-width: ${
|
|
15208
|
+
@media (min-width: ${cq}) {
|
|
15169
15209
|
animation: navigation-split-view-inspector-slide-out var(--semantics-sheets-side-animation-duration) var(--primitives-transition-easing-default) both;
|
|
15170
15210
|
}
|
|
15171
15211
|
}
|
|
@@ -15191,7 +15231,7 @@ else:
|
|
|
15191
15231
|
padding: 0;
|
|
15192
15232
|
flex-direction: column;
|
|
15193
15233
|
|
|
15194
|
-
@media (max-width: ${
|
|
15234
|
+
@media (max-width: ${sq}) {
|
|
15195
15235
|
inset: auto 0 0 0;
|
|
15196
15236
|
border-radius: var(--semantics-overlays-corner-radius) var(--semantics-overlays-corner-radius) 0 0;
|
|
15197
15237
|
width: 100%;
|
|
@@ -15200,14 +15240,14 @@ else:
|
|
|
15200
15240
|
max-height: calc(100dvh - var(--semantics-sheets-bottom-top-inset));
|
|
15201
15241
|
}
|
|
15202
15242
|
|
|
15203
|
-
@media (min-width: ${
|
|
15243
|
+
@media (min-width: ${cq}) and (max-width: ${lq}) {
|
|
15204
15244
|
inset: var(--semantics-overlays-inset) auto var(--semantics-overlays-inset) var(--semantics-overlays-inset);
|
|
15205
15245
|
border-radius: var(--semantics-overlays-corner-radius);
|
|
15206
15246
|
width: var(--semantics-sheets-side-md-width);
|
|
15207
15247
|
height: calc(100dvh - var(--semantics-overlays-inset) * 2);
|
|
15208
15248
|
}
|
|
15209
15249
|
|
|
15210
|
-
@media (min-width: ${
|
|
15250
|
+
@media (min-width: ${uq}) {
|
|
15211
15251
|
inset: var(--semantics-overlays-inset) auto var(--semantics-overlays-inset) var(--semantics-overlays-inset);
|
|
15212
15252
|
border-radius: var(--semantics-overlays-corner-radius);
|
|
15213
15253
|
width: var(--semantics-sheets-side-lg-width);
|
|
@@ -15229,21 +15269,21 @@ else:
|
|
|
15229
15269
|
}
|
|
15230
15270
|
|
|
15231
15271
|
&[open] {
|
|
15232
|
-
@media (max-width: ${
|
|
15272
|
+
@media (max-width: ${sq}) {
|
|
15233
15273
|
animation: navigation-split-view-slide-in-bottom var(--semantics-sheets-bottom-animation-duration) var(--primitives-transition-easing-default) both;
|
|
15234
15274
|
}
|
|
15235
15275
|
|
|
15236
|
-
@media (min-width: ${
|
|
15276
|
+
@media (min-width: ${cq}) {
|
|
15237
15277
|
animation: navigation-split-view-primary-sidebar-slide-in var(--semantics-sheets-side-animation-duration) var(--primitives-transition-easing-default) both;
|
|
15238
15278
|
}
|
|
15239
15279
|
}
|
|
15240
15280
|
|
|
15241
15281
|
&.is-closing {
|
|
15242
|
-
@media (max-width: ${
|
|
15282
|
+
@media (max-width: ${sq}) {
|
|
15243
15283
|
animation: navigation-split-view-slide-out-bottom var(--semantics-sheets-bottom-animation-duration) var(--primitives-transition-easing-default) both;
|
|
15244
15284
|
}
|
|
15245
15285
|
|
|
15246
|
-
@media (min-width: ${
|
|
15286
|
+
@media (min-width: ${cq}) {
|
|
15247
15287
|
animation: navigation-split-view-primary-sidebar-slide-out var(--semantics-sheets-side-animation-duration) var(--primitives-transition-easing-default) both;
|
|
15248
15288
|
}
|
|
15249
15289
|
}
|
|
@@ -15283,7 +15323,7 @@ else:
|
|
|
15283
15323
|
definite height and the zero basis never surfaces, which is why this only
|
|
15284
15324
|
shows below 641px. The dialog's max-height still caps a long sheet;
|
|
15285
15325
|
flex-shrink then hands the overflow to the pane's own scroll container. */
|
|
15286
|
-
@media (max-width: ${
|
|
15326
|
+
@media (max-width: ${sq}) {
|
|
15287
15327
|
.navigation-split-view__primary-sidebar-sheet-body slot::slotted(*),
|
|
15288
15328
|
.navigation-split-view__inspector-sheet-body slot::slotted(*) {
|
|
15289
15329
|
flex-basis: auto;
|
|
@@ -15297,7 +15337,7 @@ else:
|
|
|
15297
15337
|
flex-basis: auto;
|
|
15298
15338
|
flex-shrink: 0;
|
|
15299
15339
|
}
|
|
15300
|
-
`;w();function
|
|
15340
|
+
`;w();function fq(e){let t=e._showPrimarySidebar,n=e._showSecondarySidebar,r=e._showMain,i=e._showInspector,a=t&&(n||r||i),o=n&&(r||i),s=i&&(t||n||r);return x`
|
|
15301
15341
|
<div class="navigation-split-view">
|
|
15302
15342
|
${t?x`
|
|
15303
15343
|
<div class="navigation-split-view__primary-sidebar-pane">
|
|
@@ -15352,7 +15392,7 @@ else:
|
|
|
15352
15392
|
</dialog>
|
|
15353
15393
|
`:S}
|
|
15354
15394
|
</div>
|
|
15355
|
-
`}w(),O(),ji(),
|
|
15395
|
+
`}w(),O(),ji(),WK(),M();var pq=class extends C{constructor(...e){super(...e),this._scrollMode=new UK(this),this.inspectorAsSheet=!1,this.primarySidebarAsSheet=!1,this.inspectorAccessibleLabel=`Details`,this.primarySidebarAccessibleLabel=`Navigatie`,this.inspectorAutoHidden=!1,this.sidebarAsSheet=!1,this.sidebarAccessibleLabel=``,this._showPrimarySidebar=!1,this._showSecondarySidebar=!1,this._showMain=!0,this._showInspector=!0,this._mode=`spatial`,this._resizeObserver=null,this._paneObserver=null,this._hostObserver=null,this._paneMinWidths={primarySidebar:320,secondarySidebar:320,main:480,inspector:320},this._layoutScheduled=!1,this._handleDismiss=e=>{e.composedPath().some(e=>e===this._primarySidebarSheet)?this.hidePrimarySidebarSheet():(this.inspectorAutoHidden||this.inspectorAsSheet)&&this.hideInspectorSheet()}}get _asSheet(){return this.primarySidebarAsSheet||this.sidebarAsSheet}get _resolvedPrimarySidebarLabel(){return this.sidebarAccessibleLabel||this.primarySidebarAccessibleLabel}get _inspectorSheet(){return this.shadowRoot?.querySelector(`.navigation-split-view__inspector-sheet`)??null}get _primarySidebarSheet(){return this.shadowRoot?.querySelector(`.navigation-split-view__primary-sidebar-sheet`)??null}get _hasPrimarySidebar(){return this.querySelector(`:scope > :is([slot="primary-sidebar"], [slot="sidebar"])`)!==null}get _hasSecondarySidebar(){return this.querySelector(`:scope > [slot="secondary-sidebar"]`)!==null}get _hasInspector(){return this.querySelector(`:scope > [slot="inspector"]`)!==null}get isSingleColumn(){return this._mode===`full-stack`}_paneHasContent(e){let t=e===`primary-sidebar`?`:scope > nldd-split-view-pane:is([slot="primary-sidebar"], [slot="sidebar"])`:`:scope > nldd-split-view-pane[slot="${e}"]`;return this.querySelector(t)?.hasAttribute(`has-content`)??!1}connectedCallback(){super.connectedCallback(),this._resizeObserver=new ResizeObserver(()=>this._updateLayout()),this._resizeObserver.observe(this),this.addEventListener(`dismiss`,this._handleDismiss),this._paneObserver=new MutationObserver(()=>this._updateLayout()),this._hostObserver=new MutationObserver(()=>{this._observePanes(),this._updateLayout()}),this._hostObserver.observe(this,{childList:!0}),this._observePanes()}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver?.disconnect(),this._resizeObserver=null,this._paneObserver?.disconnect(),this._paneObserver=null,this._hostObserver?.disconnect(),this._hostObserver=null,this.removeEventListener(`dismiss`,this._handleDismiss)}_observePanes(){this._paneObserver?.disconnect(),this.querySelectorAll(`:scope > nldd-split-view-pane`).forEach(e=>{this._paneObserver.observe(e,{attributes:!0,attributeFilter:[`has-content`]})})}_scheduleLayout(){this._layoutScheduled||(this._layoutScheduled=!0,queueMicrotask(()=>{this._layoutScheduled=!1,this._updateLayout()}))}firstUpdated(){queueMicrotask(()=>{let e=getComputedStyle(this),t=t=>parseFloat(e.getPropertyValue(t));this._paneMinWidths={primarySidebar:t(`--_navigation-split-view-primary-sidebar-min-width`)||this._paneMinWidths.primarySidebar,secondarySidebar:t(`--_navigation-split-view-secondary-sidebar-min-width`)||this._paneMinWidths.secondarySidebar,main:t(`--_navigation-split-view-main-min-width`)||this._paneMinWidths.main,inspector:t(`--_navigation-split-view-inspector-min-width`)||this._paneMinWidths.inspector},this._updateLayout()})}updated(e){(e.has(`inspectorAsSheet`)||e.has(`primarySidebarAsSheet`)||e.has(`sidebarAsSheet`))&&this._scheduleLayout(),e.has(`inspectorAutoHidden`)&&!this.inspectorAutoHidden&&!this.inspectorAsSheet&&this._closeSheetImmediate(this._inspectorSheet)}_updateLayout(){let e=this.getBoundingClientRect().width,{primarySidebar:t,secondarySidebar:n,main:r,inspector:i}=this._paneMinWidths,a=!this._asSheet&&this._hasPrimarySidebar,o=!this._asSheet&&this._hasSecondarySidebar,s=!0,c=this._hasInspector,l=()=>[a&&t,o&&n,s&&r,c&&i].reduce((e,t)=>e+(t||0),0);c&&l()>e&&(c=!1),a&&o&&l()>e&&(a=!1);let u=this._hasPrimarySidebar&&this._hasSecondarySidebar&&!a&&o,d=l()<=e,f;f=u&&d?`primary-sidebar-stack`:!u&&d?`spatial`:`full-stack`,f===`full-stack`&&(a=!1,o=!1,s=!1,c=!1,this._paneHasContent(`main`)?s=!0:this._hasSecondarySidebar&&this._paneHasContent(`secondary-sidebar`)?o=!0:this._hasPrimarySidebar&&this._paneHasContent(`primary-sidebar`)?a=!0:s=!0),!a&&!o&&c&&!this._paneHasContent(`main`)&&(c=!1),this._showPrimarySidebar=a,this._showSecondarySidebar=o,this._showMain=s,this._showInspector=c&&!this.inspectorAsSheet,this.inspectorAutoHidden=this._hasInspector&&!c;let p=this._mode===`full-stack`;this._mode=f,this.classList.toggle(`full-stack`,f===`full-stack`),this.isSingleColumn!==p&&this.dispatchEvent(new CustomEvent(VK,{bubbles:!0,composed:!0,detail:{singleColumn:this.isSingleColumn}})),this._updatePaneBackButtons()}_updatePaneBackButtons(){let e={primarySidebar:this.querySelector(`:scope > nldd-split-view-pane:is([slot="primary-sidebar"], [slot="sidebar"])`),secondarySidebar:this.querySelector(`:scope > nldd-split-view-pane[slot="secondary-sidebar"]`),main:this.querySelector(`:scope > nldd-split-view-pane[slot="main"]`)};if(this._asSheet){e.secondarySidebar?.removeAttribute(`hide-back`),e.main?.setAttribute(`hide-back`,``);return}if(this._mode===`spatial`){e.secondarySidebar?.setAttribute(`hide-back`,``),e.main?.setAttribute(`hide-back`,``);return}if(this._mode===`primary-sidebar-stack`){e.secondarySidebar?.removeAttribute(`hide-back`),e.main?.setAttribute(`hide-back`,``);return}if(this._mode===`full-stack`){e.secondarySidebar?.removeAttribute(`hide-back`),e.main?.removeAttribute(`hide-back`);return}}async showPrimarySidebarSheet(){this._asSheet&&(await this.updateComplete,this._primarySidebarSheet?.showModal(),this._managePrimarySidebarSheetFocus())}hidePrimarySidebarSheet(){this._hideSheet(this._primarySidebarSheet)}showSidebarSheet(){return this.showPrimarySidebarSheet()}hideSidebarSheet(){this.hidePrimarySidebarSheet()}_managePrimarySidebarSheetFocus(){if(this._hasSecondarySidebar&&this._paneHasContent(`secondary-sidebar`)){let e=(this.shadowRoot?.querySelector(`slot[name="secondary-sidebar"]`))?.assignedElements({flatten:!0})??[];this._manageFocusForSlot(e,this._primarySidebarSheet);return}let e=this.shadowRoot?.querySelectorAll(`slot[name="primary-sidebar"], slot[name="sidebar"]`)??[],t=Array.from(e).flatMap(e=>e.assignedElements({flatten:!0}));this._manageFocusForSlot(t,this._primarySidebarSheet)}_handlePrimarySidebarSheetClick(e){e.target===this._primarySidebarSheet&&this.hidePrimarySidebarSheet()}_handlePrimarySidebarSheetCancel(e){e.preventDefault(),this.hidePrimarySidebarSheet()}async showInspectorSheet(){(this.inspectorAutoHidden||this.inspectorAsSheet)&&(await this.updateComplete,this._inspectorSheet?.showModal(),this._manageInspectorSheetFocus())}hideInspectorSheet(){this._hideSheet(this._inspectorSheet)}_manageInspectorSheetFocus(){let e=(this.shadowRoot?.querySelector(`slot[name="inspector"]`))?.assignedElements({flatten:!0})??[];this._manageFocusForSlot(e,this._inspectorSheet)}_handleInspectorSheetClick(e){e.target===this._inspectorSheet&&this.hideInspectorSheet()}_handleInspectorSheetCancel(e){e.preventDefault(),this.hideInspectorSheet()}_manageFocusForSlot(e,t){e.some(e=>e.querySelector(`[autofocus]`))||t&&(t.classList.toggle(`is-pointer-focus`,Ei()),t.focus())}_hideSheet(e){e?.open&&e.dataset.closing!==`true`&&(e.dataset.closing=`true`,e.classList.add(`is-closing`),e.addEventListener(`animationend`,()=>{e.classList.remove(`is-closing`),delete e.dataset.closing,e.close()},{once:!0}),requestAnimationFrame(()=>{e.dataset.closing===`true`&&getComputedStyle(e).animationName===`none`&&(e.classList.remove(`is-closing`),delete e.dataset.closing,e.close())}))}_closeSheetImmediate(e){e?.open&&(e.classList.remove(`is-closing`),e.close())}render(){return fq(this)}},mq=(pq.styles=dq,pq);j([E({type:Boolean,reflect:!0,attribute:`inspector-as-sheet`})],mq.prototype,`inspectorAsSheet`,void 0),j([E({type:Boolean,reflect:!0,attribute:`primary-sidebar-as-sheet`})],mq.prototype,`primarySidebarAsSheet`,void 0),j([E({type:String,attribute:`inspector-accessible-label`})],mq.prototype,`inspectorAccessibleLabel`,void 0),j([E({type:String,attribute:`primary-sidebar-accessible-label`})],mq.prototype,`primarySidebarAccessibleLabel`,void 0),j([E({type:Boolean,reflect:!0,attribute:`inspector-auto-hidden`})],mq.prototype,`inspectorAutoHidden`,void 0),j([E({type:Boolean,reflect:!0,attribute:`sidebar-as-sheet`})],mq.prototype,`sidebarAsSheet`,void 0),j([E({type:String,attribute:`sidebar-accessible-label`})],mq.prototype,`sidebarAccessibleLabel`,void 0),j([D()],mq.prototype,`_showPrimarySidebar`,void 0),j([D()],mq.prototype,`_showSecondarySidebar`,void 0),j([D()],mq.prototype,`_showMain`,void 0),j([D()],mq.prototype,`_showInspector`,void 0),mq=j([T(`nldd-navigation-split-view`)],mq),w();var hq=u`
|
|
15356
15396
|
:host {
|
|
15357
15397
|
box-sizing: border-box;
|
|
15358
15398
|
}
|
|
@@ -15450,7 +15490,7 @@ else:
|
|
|
15450
15490
|
flex-basis: auto;
|
|
15451
15491
|
flex-shrink: 0;
|
|
15452
15492
|
}
|
|
15453
|
-
`;w();function
|
|
15493
|
+
`;w();function gq(e){let t=Array.from({length:e.panes},(e,t)=>t+1);return x`
|
|
15454
15494
|
<div class="side-by-side-split-view">
|
|
15455
15495
|
${t.map((t,n)=>x`
|
|
15456
15496
|
${n>0&&n<e._visiblePanes?x`
|
|
@@ -15464,7 +15504,7 @@ else:
|
|
|
15464
15504
|
</div>
|
|
15465
15505
|
`)}
|
|
15466
15506
|
</div>
|
|
15467
|
-
`}w(),O(),
|
|
15507
|
+
`}w(),O(),WK(),M();var _q=class extends C{constructor(...e){super(...e),this._scrollMode=new UK(this),this.background=`inherit`,this.panes=2,this._visiblePanes=1/0,this._paneMinWidth=0,this._resizeObserver=null}connectedCallback(){super.connectedCallback(),this._resizeObserver=new ResizeObserver(()=>this._updateVisiblePanes()),this._resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver?.disconnect(),this._resizeObserver=null}firstUpdated(){this._paneMinWidth=parseFloat(getComputedStyle(this).getPropertyValue(`--_side-by-side-split-view-pane-min-width`)),this._updateVisiblePanes()}updated(e){e.has(`panes`)&&this._updateVisiblePanes()}get isSingleColumn(){return this._visiblePanes<=1}_updateVisiblePanes(){if(!this._paneMinWidth)return;let e=this.getBoundingClientRect().width,t=Math.floor(e/this._paneMinWidth),n=this.isSingleColumn;this._visiblePanes=Math.min(this.panes,Math.max(1,t)),this.isSingleColumn!==n&&this.dispatchEvent(new CustomEvent(VK,{bubbles:!0,composed:!0,detail:{singleColumn:this.isSingleColumn}}))}render(){return gq(this)}},vq=(_q.styles=hq,_q);j([E({type:String,reflect:!0})],vq.prototype,`background`,void 0),j([E({type:Number,reflect:!0})],vq.prototype,`panes`,void 0),j([D()],vq.prototype,`_visiblePanes`,void 0),vq=j([T(`nldd-side-by-side-split-view`)],vq),w();var yq=u`
|
|
15468
15508
|
:host {
|
|
15469
15509
|
box-sizing: border-box;
|
|
15470
15510
|
}
|
|
@@ -15560,7 +15600,7 @@ else:
|
|
|
15560
15600
|
flex-basis: auto;
|
|
15561
15601
|
flex-shrink: 0;
|
|
15562
15602
|
}
|
|
15563
|
-
`;w();function
|
|
15603
|
+
`;w();function bq(e){let t=Array.from({length:e.panes},(e,t)=>t+1);return x`
|
|
15564
15604
|
<div class="stacked-split-view">
|
|
15565
15605
|
${t.map((t,n)=>x`
|
|
15566
15606
|
${n>0&&n<e._visiblePanes?x`
|
|
@@ -15574,7 +15614,7 @@ else:
|
|
|
15574
15614
|
</div>
|
|
15575
15615
|
`)}
|
|
15576
15616
|
</div>
|
|
15577
|
-
`}w(),O(),
|
|
15617
|
+
`}w(),O(),WK(),M();var xq=class extends C{constructor(...e){super(...e),this._scrollMode=new UK(this),this.background=`inherit`,this.panes=2,this._visiblePanes=1/0,this._paneMinHeight=0,this._resizeObserver=null}connectedCallback(){super.connectedCallback(),this._resizeObserver=new ResizeObserver(()=>this._updateVisiblePanes()),this._resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver?.disconnect(),this._resizeObserver=null}firstUpdated(){this._paneMinHeight=parseFloat(getComputedStyle(this).getPropertyValue(`--_stacked-split-view-pane-min-height`)),this._updateVisiblePanes()}updated(e){e.has(`panes`)&&this._updateVisiblePanes()}_updateVisiblePanes(){if(!this._paneMinHeight)return;let e=this.getBoundingClientRect().height,t=Math.floor(e/this._paneMinHeight);this._visiblePanes=Math.min(this.panes,Math.max(1,t))}render(){return bq(this)}},Sq=(xq.styles=yq,xq);j([E({type:String,reflect:!0})],Sq.prototype,`background`,void 0),j([E({type:Number,reflect:!0})],Sq.prototype,`panes`,void 0),j([D()],Sq.prototype,`_visiblePanes`,void 0),Sq=j([T(`nldd-stacked-split-view`)],Sq),w(),L();var Cq=l(I.mdMin),wq=u`
|
|
15578
15618
|
:host {
|
|
15579
15619
|
box-sizing: border-box;
|
|
15580
15620
|
}
|
|
@@ -15589,7 +15629,7 @@ else:
|
|
|
15589
15629
|
width: 100%;
|
|
15590
15630
|
height: 100%;
|
|
15591
15631
|
|
|
15592
|
-
@media (min-width: ${
|
|
15632
|
+
@media (min-width: ${Cq}) {
|
|
15593
15633
|
background-color: var(--_split-view-pane-background-color);
|
|
15594
15634
|
}
|
|
15595
15635
|
}
|
|
@@ -15661,11 +15701,11 @@ else:
|
|
|
15661
15701
|
flex-basis: auto;
|
|
15662
15702
|
flex-shrink: 0;
|
|
15663
15703
|
}
|
|
15664
|
-
`;w();function
|
|
15704
|
+
`;w();function Tq(e){return x`
|
|
15665
15705
|
<div class="split-view-pane">
|
|
15666
15706
|
<slot></slot>
|
|
15667
15707
|
</div>
|
|
15668
|
-
`}w(),O(),
|
|
15708
|
+
`}w(),O(),WK(),M();var Eq=class extends C{constructor(...e){super(...e),this._scrollMode=new UK(this),this.background=`inherit`,this.hideBack=!1,this.hasContent=!1}connectedCallback(){super.connectedCallback(),this.style.containerType=`inline-size`,this.style.containerName=`layout-container`}render(){return Tq(this)}},Dq=(Eq.styles=wq,Eq);j([E({type:String,reflect:!0})],Dq.prototype,`background`,void 0),j([E({type:Boolean,reflect:!0,attribute:`hide-back`})],Dq.prototype,`hideBack`,void 0),j([E({type:Boolean,reflect:!0,attribute:`has-content`})],Dq.prototype,`hasContent`,void 0),Dq=j([T(`nldd-split-view-pane`)],Dq);var Oq,kq=n((()=>{w(),Oq=u`
|
|
15669
15709
|
:host {
|
|
15670
15710
|
box-sizing: border-box;
|
|
15671
15711
|
}
|
|
@@ -15722,7 +15762,7 @@ else:
|
|
|
15722
15762
|
overflow: hidden;
|
|
15723
15763
|
}
|
|
15724
15764
|
|
|
15725
|
-
/* Root-scroll mode: the DOCUMENT scrolls (see nldd-
|
|
15765
|
+
/* Root-scroll mode: the DOCUMENT scrolls (see nldd-shell), not the page.
|
|
15726
15766
|
The page stops owning an inner scroll container and its sticky-header/footer
|
|
15727
15767
|
stick against the document, offset by the insets above and below
|
|
15728
15768
|
(--context-inset-top/bottom, published by any bars outside the page). The mode is derived upstream and
|
|
@@ -15884,7 +15924,7 @@ else:
|
|
|
15884
15924
|
:host([data-scroll="root"][sticky-footer]) .page__footer {
|
|
15885
15925
|
bottom: var(--context-inset-bottom, 0px);
|
|
15886
15926
|
}
|
|
15887
|
-
`}));function
|
|
15927
|
+
`}));function Aq(e){let t=e._isRegion,n=t?NF`section`:NF`div`,r=t?NF`div`:NF`main`,i=e.accessibleLabel.trim()||S;return IF`
|
|
15888
15928
|
<${n} class="page"
|
|
15889
15929
|
aria-label=${t?i:S}
|
|
15890
15930
|
>
|
|
@@ -15902,7 +15942,7 @@ else:
|
|
|
15902
15942
|
</footer>
|
|
15903
15943
|
</div>
|
|
15904
15944
|
</${n}>
|
|
15905
|
-
`}var
|
|
15945
|
+
`}var jq=n((()=>{w(),RF()})),Mq=r({NLDDPage:()=>Lq}),Nq,Pq,Fq,Iq,Lq,Rq=n((()=>{w(),O(),WK(),kq(),jq(),M(),Pq=[`nldd-sheet`,`nldd-modal-dialog`,`nldd-window`,`nldd-popover`],Fq=[`nldd-navigation-split-view`,`nldd-side-by-side-split-view`,`nldd-stacked-split-view`],Iq=new Set,Lq=(Nq=class extends C{constructor(...e){super(...e),this.background=`inherit`,this.accessibleLabel=``,this.stickyHeader=!1,this.stickyFooter=!1,this.landmarks=`auto`,this._scrolled=!1,this._derived=`page`,this._warnedDuplicateMain=!1,this._scrollMode=`nested`,this._scrollTarget=null,this._scrollProvider=null,this._insetObserver=null,this._headerFullHeight=0,this._mainSlot=null,this._mainAttrObserver=null,this._resizeRaf=0,this._adoptScrollProvider=e=>{this._scrollProvider||(window.removeEventListener(`resize`,this._onResize),this._scrollProvider=e,e.registerScrollConsumer(this),this.hasUpdated&&this._configureScroll())},this._onResize=()=>{this._resizeRaf||(this._resizeRaf=requestAnimationFrame(()=>{this._resizeRaf=0,this._readScrollMode()&&this._configureScroll()}))},this._onScroll=()=>{this._scrolled=this._isRoot?window.scrollY>0:((this.stickyHeader?this._scrollEl:this)?.scrollTop??0)>0},this._updateMainItems=()=>{let e=this._mainSlot;if(!e)return;let t=e.assignedElements(),n=t.filter(e=>!e.hasAttribute(`hidden`)),r=n.filter(e=>e.hasAttribute(`grow`)),i=r.length>0?r:n.slice(-1);t.forEach(e=>e.toggleAttribute(`data-growing`,i.includes(e)))}}get _isRegion(){return this.landmarks===`auto`?this._derived===`region`:this.landmarks===`region`}_deriveLandmarks(){for(let e=this.parentElement;e;e=e.parentElement){let t=e.localName;if(Pq.includes(t)||Fq.includes(t)){this._derived=`region`;return}}this._derived=`page`}_warnOnSecondMain(){}get _isRoot(){return this._scrollMode===`root`}get scrollTarget(){return this._isRoot?document.scrollingElement??document.documentElement:this.stickyHeader?this._scrollEl??this:this}get scrollEventTarget(){return this._isRoot?window:this.stickyHeader?this._scrollEl??this:this}get _headerEl(){return this.shadowRoot?.querySelector(`.page__header`)??null}get _scrollEl(){return this.shadowRoot?.querySelector(`.page__scroll`)??null}get _footerEl(){return this.shadowRoot?.querySelector(`.page__footer`)??null}connectedCallback(){super.connectedCallback(),this._deriveLandmarks(),Iq.add(this),this.style.containerType=`inline-size`,this.style.containerName=`layout-container`,this._scrollProvider=zK(this),this._scrollProvider?(this._scrollProvider.registerScrollConsumer(this),this.hasUpdated&&this._configureScroll()):(window.addEventListener(`resize`,this._onResize,{passive:!0}),this.hasUpdated&&(this._readScrollMode(),this._configureScroll()),BK(this,this._adoptScrollProvider))}disconnectedCallback(){super.disconnectedCallback(),Iq.delete(this),window.removeEventListener(`resize`,this._onResize),this._scrollProvider?.unregisterScrollConsumer(this),this._scrollProvider=null,this._resizeRaf&&cancelAnimationFrame(this._resizeRaf),this._teardownScrollListener(),this._teardownInsetObserver(),this._teardownMainSlotListener()}firstUpdated(){this._scrollProvider||this._readScrollMode(),this._configureScroll(),this._setupMainSlotListener()}updated(e){e.has(`stickyHeader`)&&this._configureScroll(),this._warnOnSecondMain()}readScrollMode(e){this._readScrollMode(e)&&this._configureScroll()}_readScrollMode(e){let t=e??(getComputedStyle(this).getPropertyValue(`--context-scroll-mode`).trim()===`root`?`root`:`nested`);return t!==this._scrollMode&&(this._scrollMode=t,this.dataset.scroll=t,!0)}_configureScroll(){this._teardownScrollListener(),this._setupScrollListener(),this._headerFullHeight=0,this._setupInsetObserver(),this._onScroll()}_setupInsetObserver(){this._teardownInsetObserver();let e=this._headerEl,t=this._footerEl;if(!e||!t)return;let n=()=>{this._publish(`--_page-header-height`,`${this.stickyHeader?e.offsetHeight:0}px`),this._publish(`--_page-footer-height`,`${this.stickyFooter?t.offsetHeight:0}px`),this._publish(`--_page-header-full-height`,`${this._measureHeaderFullHeight(e)}px`),this._isRoot?this.style.removeProperty(`--_page-scroll-height`):this._publish(`--_page-scroll-height`,`${this._scrollEl?.clientHeight??0}px`)};n(),this._insetObserver=new ResizeObserver(n),this._insetObserver.observe(e),this._insetObserver.observe(t),this._scrollEl&&this._insetObserver.observe(this._scrollEl)}_teardownInsetObserver(){this._insetObserver&&(this._insetObserver.disconnect(),this._insetObserver=null)}_publish(e,t){this.style.getPropertyValue(e)!==t&&this.style.setProperty(e,t)}_measureHeaderFullHeight(e){return this.stickyHeader?(this.scrollTarget.scrollTop===0&&(this._headerFullHeight=e.offsetHeight),this._headerFullHeight):0}_setupScrollListener(){let e=this.scrollEventTarget;e.addEventListener(`scroll`,this._onScroll,{passive:!0}),this._scrollTarget=e}_teardownScrollListener(){this._scrollTarget&&(this._scrollTarget.removeEventListener(`scroll`,this._onScroll),this._scrollTarget=null)}_setupMainSlotListener(){this._teardownMainSlotListener();let e=this.shadowRoot?.querySelector(`slot:not([name])`)??null;this._mainSlot=e,e&&(e.addEventListener(`slotchange`,this._updateMainItems),this._mainAttrObserver=new MutationObserver(e=>{e.some(e=>e.target.parentElement===this)&&this._updateMainItems()}),this._mainAttrObserver.observe(this,{attributes:!0,attributeFilter:[`grow`,`hidden`],subtree:!0}),this._updateMainItems())}_teardownMainSlotListener(){this._mainSlot&&(this._mainSlot.removeEventListener(`slotchange`,this._updateMainItems),this._mainSlot=null),this._mainAttrObserver?.disconnect(),this._mainAttrObserver=null}render(){return Aq(this)}},Nq.styles=Oq,Nq),j([E({type:String,reflect:!0})],Lq.prototype,`background`,void 0),j([E({type:String,attribute:`accessible-label`})],Lq.prototype,`accessibleLabel`,void 0),j([E({type:Boolean,reflect:!0,attribute:`sticky-header`})],Lq.prototype,`stickyHeader`,void 0),j([E({type:Boolean,reflect:!0,attribute:`sticky-footer`})],Lq.prototype,`stickyFooter`,void 0),j([E({type:String,reflect:!0})],Lq.prototype,`landmarks`,void 0),j([D()],Lq.prototype,`_scrolled`,void 0),j([D()],Lq.prototype,`_derived`,void 0),Lq=j([T(`nldd-page`)],Lq)}));function zq(e){return e===void 0||e===``?null:e===`0`?`0`:`var(--primitives-space-${e})`}function Bq(e){class t extends e{constructor(...e){super(...e),this.background=`inherit`,this.grow=!1}updated(e){super.updated(e),e.has(`background`)&&this._applyBackground(),Uq.some(t=>e.has(t))&&this._applyPadding(),e.has(`height`)&&this._applyHeight()}_onSlotChange(e){let t=e.target,n=t.parentElement;n&&(n.hidden=t.assignedElements().length===0)}_applyBackground(){if(this.background===`base`||this.background===`tinted`){let e=Vq[this.background];this.style.backgroundColor=e,this.style.setProperty(`--context-parent-background-color`,e)}else this.style.backgroundColor=``,this.style.removeProperty(`--context-parent-background-color`)}_applyPadding(){let e=this;for(let t of Hq){let n=e=>t?`${t}Padding${e}`:`padding${e}`,r=e[n(`Block`)],i=e[n(`Top`)],a=e[n(`Bottom`)],o=t?`${t}-`:``;this._setVar(`--_${this.localName.slice(5)}-${o}padding-top`,zq(i??r)),this._setVar(`--_${this.localName.slice(5)}-${o}padding-bottom`,zq(a??r))}}_applyHeight(){let e=this.height;e&&typeof CSS<`u`&&CSS.supports(`min-height`,e)?this.style.minHeight=e:this.style.removeProperty(`min-height`)}_setVar(e,t){t===null?this.style.removeProperty(e):this.style.setProperty(e,t)}}return j([E({reflect:!0,converter:N(`inherit`)})],t.prototype,`background`,void 0),j([E({type:String,reflect:!0})],t.prototype,`height`,void 0),j([E({type:Boolean,reflect:!0})],t.prototype,`grow`,void 0),j([E({type:String,reflect:!0,attribute:`padding-block`})],t.prototype,`paddingBlock`,void 0),j([E({type:String,reflect:!0,attribute:`padding-top`})],t.prototype,`paddingTop`,void 0),j([E({type:String,reflect:!0,attribute:`padding-bottom`})],t.prototype,`paddingBottom`,void 0),j([E({type:String,reflect:!0,attribute:`sm-padding-block`})],t.prototype,`smPaddingBlock`,void 0),j([E({type:String,reflect:!0,attribute:`sm-padding-top`})],t.prototype,`smPaddingTop`,void 0),j([E({type:String,reflect:!0,attribute:`sm-padding-bottom`})],t.prototype,`smPaddingBottom`,void 0),j([E({type:String,reflect:!0,attribute:`md-padding-block`})],t.prototype,`mdPaddingBlock`,void 0),j([E({type:String,reflect:!0,attribute:`md-padding-top`})],t.prototype,`mdPaddingTop`,void 0),j([E({type:String,reflect:!0,attribute:`md-padding-bottom`})],t.prototype,`mdPaddingBottom`,void 0),j([E({type:String,reflect:!0,attribute:`lg-padding-block`})],t.prototype,`lgPaddingBlock`,void 0),j([E({type:String,reflect:!0,attribute:`lg-padding-top`})],t.prototype,`lgPaddingTop`,void 0),j([E({type:String,reflect:!0,attribute:`lg-padding-bottom`})],t.prototype,`lgPaddingBottom`,void 0),t}var Vq,Hq,Uq,Wq=n((()=>{O(),P(),M(),Vq={base:`var(--semantics-surfaces-base-background-color)`,tinted:`var(--semantics-surfaces-tinted-background-color)`},Hq=[``,`sm`,`md`,`lg`],Uq=[`paddingBlock`,`paddingTop`,`paddingBottom`,`smPaddingBlock`,`smPaddingTop`,`smPaddingBottom`,`mdPaddingBlock`,`mdPaddingTop`,`mdPaddingBottom`,`lgPaddingBlock`,`lgPaddingTop`,`lgPaddingBottom`]})),Gq,Kq,qq,Jq,Yq,Xq=n((()=>{w(),L(),Gq=l(I.smMax),Kq=l(I.mdMin),qq=l(I.mdMax),Jq=l(I.lgMin),Yq=u`
|
|
15906
15946
|
:host {
|
|
15907
15947
|
box-sizing: border-box;
|
|
15908
15948
|
}
|
|
@@ -15935,8 +15975,8 @@ else:
|
|
|
15935
15975
|
display: none;
|
|
15936
15976
|
}
|
|
15937
15977
|
|
|
15938
|
-
:host(
|
|
15939
|
-
:host(
|
|
15978
|
+
:host([data-growing]),
|
|
15979
|
+
:host([grow]) {
|
|
15940
15980
|
flex-grow: 1;
|
|
15941
15981
|
}
|
|
15942
15982
|
|
|
@@ -15975,19 +16015,19 @@ else:
|
|
|
15975
16015
|
align-items: center;
|
|
15976
16016
|
|
|
15977
16017
|
|
|
15978
|
-
@container (max-width: ${
|
|
16018
|
+
@container (max-width: ${Gq}) {
|
|
15979
16019
|
padding-inline: var(--semantics-page-sections-sm-margin-inline);
|
|
15980
16020
|
padding-top: var(--_simple-section-sm-padding-top, var(--_simple-section-padding-top, var(--semantics-page-sections-sm-margin-block)));
|
|
15981
16021
|
padding-bottom: var(--_simple-section-sm-padding-bottom, var(--_simple-section-padding-bottom, var(--semantics-page-sections-sm-margin-block)));
|
|
15982
16022
|
}
|
|
15983
16023
|
|
|
15984
|
-
@container (min-width: ${
|
|
16024
|
+
@container (min-width: ${Kq}) and (max-width: ${qq}) {
|
|
15985
16025
|
padding-inline: var(--semantics-page-sections-md-margin-inline);
|
|
15986
16026
|
padding-top: var(--_simple-section-md-padding-top, var(--_simple-section-padding-top, var(--semantics-page-sections-md-margin-block)));
|
|
15987
16027
|
padding-bottom: var(--_simple-section-md-padding-bottom, var(--_simple-section-padding-bottom, var(--semantics-page-sections-md-margin-block)));
|
|
15988
16028
|
}
|
|
15989
16029
|
|
|
15990
|
-
@container (min-width: ${
|
|
16030
|
+
@container (min-width: ${Jq}) {
|
|
15991
16031
|
padding-inline: var(--semantics-page-sections-lg-margin-inline);
|
|
15992
16032
|
padding-top: var(--_simple-section-lg-padding-top, var(--_simple-section-padding-top, var(--semantics-page-sections-lg-margin-block)));
|
|
15993
16033
|
padding-bottom: var(--_simple-section-lg-padding-bottom, var(--_simple-section-padding-bottom, var(--semantics-page-sections-lg-margin-block)));
|
|
@@ -16004,15 +16044,15 @@ else:
|
|
|
16004
16044
|
flex-direction: column;
|
|
16005
16045
|
flex-grow: 1;
|
|
16006
16046
|
|
|
16007
|
-
@container (max-width: ${
|
|
16047
|
+
@container (max-width: ${Gq}) {
|
|
16008
16048
|
gap: var(--semantics-page-sections-sm-gap);
|
|
16009
16049
|
}
|
|
16010
16050
|
|
|
16011
|
-
@container (min-width: ${
|
|
16051
|
+
@container (min-width: ${Kq}) and (max-width: ${qq}) {
|
|
16012
16052
|
gap: var(--semantics-page-sections-md-gap);
|
|
16013
16053
|
}
|
|
16014
16054
|
|
|
16015
|
-
@container (min-width: ${
|
|
16055
|
+
@container (min-width: ${Jq}) {
|
|
16016
16056
|
gap: var(--semantics-page-sections-lg-gap);
|
|
16017
16057
|
}
|
|
16018
16058
|
}
|
|
@@ -16030,7 +16070,7 @@ else:
|
|
|
16030
16070
|
.simple-section__footer[hidden] {
|
|
16031
16071
|
display: none;
|
|
16032
16072
|
}
|
|
16033
|
-
`}));function
|
|
16073
|
+
`}));function Zq(e){return x`
|
|
16034
16074
|
<section class="simple-section">
|
|
16035
16075
|
<div class="simple-section__body">
|
|
16036
16076
|
<header class="simple-section__header"
|
|
@@ -16054,7 +16094,7 @@ else:
|
|
|
16054
16094
|
</footer>
|
|
16055
16095
|
</div>
|
|
16056
16096
|
</section>
|
|
16057
|
-
`}var
|
|
16097
|
+
`}var Qq=n((()=>{w()})),$q=r({NLDDSimpleSection:()=>tJ}),eJ,tJ,nJ=n((()=>{w(),O(),P(),Wq(),Xq(),Qq(),M(),eJ=class extends Bq(C){constructor(...e){super(...e),this.width=``,this.horizontalAlignment=`left`,this.verticalAlignment=`top`}updated(e){if(super.updated(e),e.has(`width`)){let e=this.width;e&&e!==`full`&&CSS.supports(`max-width`,e)?this.style.setProperty(`--_simple-section-max-width`,e):this.style.removeProperty(`--_simple-section-max-width`)}}render(){return Zq(this)}},tJ=(eJ.styles=Yq,eJ),j([E({reflect:!0,converter:N(``)})],tJ.prototype,`width`,void 0),j([E({reflect:!0,attribute:`horizontal-alignment`,converter:N(`left`)})],tJ.prototype,`horizontalAlignment`,void 0),j([E({reflect:!0,attribute:`vertical-alignment`,converter:N(`top`)})],tJ.prototype,`verticalAlignment`,void 0),tJ=j([T(`nldd-simple-section`)],tJ)}));Rq(),nJ(),w(),L(),A();var rJ=l(I.smMax),iJ=l(I.mdMin),aJ=l(I.mdMax),oJ=l(I.lgMin),sJ=u`
|
|
16058
16098
|
:host {
|
|
16059
16099
|
box-sizing: border-box;
|
|
16060
16100
|
}
|
|
@@ -16077,10 +16117,19 @@ else:
|
|
|
16077
16117
|
--_hero-lg-padding-bottom: initial;
|
|
16078
16118
|
--_hero-max-width: var(--semantics-page-sections-body-max-width);
|
|
16079
16119
|
--_hero-media-aspect-ratio: 21 / 9;
|
|
16080
|
-
--_hero-
|
|
16120
|
+
--_hero-media-height: auto;
|
|
16121
|
+
--_hero-main-min-width: var(--primitives-area-480);
|
|
16122
|
+
--_hero-main-max-width: var(--primitives-area-640);
|
|
16123
|
+
--_hero-main-width: auto;
|
|
16081
16124
|
--_hero-main-background-color: var(--semantics-categories-accent-reference-background-color);
|
|
16082
16125
|
--_hero-main-content-color: var(--semantics-categories-accent-reference-content-color);
|
|
16083
16126
|
--_hero-main-padding: var(--primitives-space-16);
|
|
16127
|
+
--_hero-main-inset: var(--primitives-space-0);
|
|
16128
|
+
--_hero-sm-main-inset: var(--semantics-page-sections-sm-gap);
|
|
16129
|
+
--_hero-sm-main-overlap: var(--primitives-space-48);
|
|
16130
|
+
--_hero-overlap-size: initial;
|
|
16131
|
+
--_hero-default-overlap-size: var(--primitives-space-0);
|
|
16132
|
+
--_hero-default-media-height: auto;
|
|
16084
16133
|
|
|
16085
16134
|
${k}
|
|
16086
16135
|
display: flex;
|
|
@@ -16093,8 +16142,8 @@ else:
|
|
|
16093
16142
|
display: none;
|
|
16094
16143
|
}
|
|
16095
16144
|
|
|
16096
|
-
:host(
|
|
16097
|
-
:host(
|
|
16145
|
+
:host([data-growing]),
|
|
16146
|
+
:host([grow]) {
|
|
16098
16147
|
flex-grow: 1;
|
|
16099
16148
|
}
|
|
16100
16149
|
|
|
@@ -16102,18 +16151,6 @@ else:
|
|
|
16102
16151
|
--_hero-max-width: none;
|
|
16103
16152
|
}
|
|
16104
16153
|
|
|
16105
|
-
:host([main-width="2/3"]) {
|
|
16106
|
-
--_hero-main-width: 66.667%;
|
|
16107
|
-
}
|
|
16108
|
-
|
|
16109
|
-
:host([main-width="3/4"]) {
|
|
16110
|
-
--_hero-main-width: 75%;
|
|
16111
|
-
}
|
|
16112
|
-
|
|
16113
|
-
:host([main-width="full"]) {
|
|
16114
|
-
--_hero-main-width: 100%;
|
|
16115
|
-
}
|
|
16116
|
-
|
|
16117
16154
|
:host([main-background="base"]) {
|
|
16118
16155
|
--_hero-main-background-color: var(--semantics-surfaces-base-background-color);
|
|
16119
16156
|
--_hero-main-content-color: var(--semantics-content-color);
|
|
@@ -16224,23 +16261,29 @@ else:
|
|
|
16224
16261
|
inside :host would match an ancestor container, while these must query
|
|
16225
16262
|
the host's own inline size. */
|
|
16226
16263
|
|
|
16227
|
-
@container (max-width: ${
|
|
16264
|
+
@container (max-width: ${rJ}) {
|
|
16228
16265
|
padding-inline: var(--semantics-page-sections-sm-margin-inline);
|
|
16229
|
-
padding-top: var(--_hero-sm-padding-top, var(--_hero-padding-top, var(--semantics-page-sections-sm-margin-block)));
|
|
16266
|
+
padding-top: var(--_hero-sm-padding-top, var(--_hero-padding-top, calc(var(--semantics-page-sections-sm-margin-block) / 2)));
|
|
16230
16267
|
padding-bottom: var(--_hero-sm-padding-bottom, var(--_hero-padding-bottom, var(--semantics-page-sections-sm-margin-block)));
|
|
16231
16268
|
}
|
|
16232
16269
|
|
|
16233
|
-
@container (min-width: ${
|
|
16270
|
+
@container (min-width: ${iJ}) and (max-width: ${aJ}) {
|
|
16234
16271
|
--_hero-main-padding: var(--primitives-space-24);
|
|
16272
|
+
--_hero-main-inset: var(--semantics-page-sections-md-gap);
|
|
16273
|
+
--_hero-default-overlap-size: var(--primitives-area-160);
|
|
16274
|
+
--_hero-default-media-height: var(--primitives-area-320);
|
|
16235
16275
|
padding-inline: var(--semantics-page-sections-md-margin-inline);
|
|
16236
|
-
padding-top: var(--_hero-md-padding-top, var(--_hero-padding-top, var(--semantics-page-sections-md-margin-block)));
|
|
16276
|
+
padding-top: var(--_hero-md-padding-top, var(--_hero-padding-top, calc(var(--semantics-page-sections-md-margin-block) / 2)));
|
|
16237
16277
|
padding-bottom: var(--_hero-md-padding-bottom, var(--_hero-padding-bottom, var(--semantics-page-sections-md-margin-block)));
|
|
16238
16278
|
}
|
|
16239
16279
|
|
|
16240
|
-
@container (min-width: ${
|
|
16280
|
+
@container (min-width: ${oJ}) {
|
|
16241
16281
|
--_hero-main-padding: var(--primitives-space-32);
|
|
16282
|
+
--_hero-main-inset: var(--semantics-page-sections-lg-gap);
|
|
16283
|
+
--_hero-default-overlap-size: var(--primitives-area-160);
|
|
16284
|
+
--_hero-default-media-height: var(--primitives-area-400);
|
|
16242
16285
|
padding-inline: var(--semantics-page-sections-lg-margin-inline);
|
|
16243
|
-
padding-top: var(--_hero-lg-padding-top, var(--_hero-padding-top, var(--semantics-page-sections-lg-margin-block)));
|
|
16286
|
+
padding-top: var(--_hero-lg-padding-top, var(--_hero-padding-top, calc(var(--semantics-page-sections-lg-margin-block) / 2)));
|
|
16244
16287
|
padding-bottom: var(--_hero-lg-padding-bottom, var(--_hero-padding-bottom, var(--semantics-page-sections-lg-margin-block)));
|
|
16245
16288
|
}
|
|
16246
16289
|
}
|
|
@@ -16256,13 +16299,16 @@ else:
|
|
|
16256
16299
|
.hero__body {
|
|
16257
16300
|
display: grid;
|
|
16258
16301
|
position: relative;
|
|
16259
|
-
background-color: var(--_hero-main-background-color);
|
|
16260
16302
|
width: 100%;
|
|
16261
16303
|
max-width: var(--_hero-max-width);
|
|
16262
16304
|
flex-grow: 1;
|
|
16263
16305
|
grid-template-columns: 100%;
|
|
16264
16306
|
}
|
|
16265
16307
|
|
|
16308
|
+
:host(:not([data-has-media])) .hero__body {
|
|
16309
|
+
background-color: var(--_hero-main-background-color);
|
|
16310
|
+
}
|
|
16311
|
+
|
|
16266
16312
|
/* Without media a base-colored panel would be invisible on the base surface;
|
|
16267
16313
|
give it a full border so the rectangle reads. */
|
|
16268
16314
|
:host(:not([data-has-media])[main-background="base"]) .hero__body {
|
|
@@ -16275,9 +16321,10 @@ else:
|
|
|
16275
16321
|
(instead of aspect-ratio on the body) keeps growth content-driven
|
|
16276
16322
|
rather than rigidly tied to the width. align-self: start stops the
|
|
16277
16323
|
stretch fit from cancelling the ratio. */
|
|
16278
|
-
:host([data-has-media]
|
|
16279
|
-
@container (min-width: ${
|
|
16324
|
+
:host([data-has-media]) .hero__body::before {
|
|
16325
|
+
@container (min-width: ${iJ}) {
|
|
16280
16326
|
content: '';
|
|
16327
|
+
height: var(--_hero-media-height);
|
|
16281
16328
|
aspect-ratio: var(--_hero-media-aspect-ratio);
|
|
16282
16329
|
grid-area: 1 / 1;
|
|
16283
16330
|
align-self: start;
|
|
@@ -16311,7 +16358,11 @@ else:
|
|
|
16311
16358
|
object-fit: cover !important;
|
|
16312
16359
|
}
|
|
16313
16360
|
|
|
16361
|
+
/* Two heights: the host fills the media area, and the variable makes the
|
|
16362
|
+
image inside the host fill the host. Without either one it collapses. */
|
|
16314
16363
|
.hero__media ::slotted(nldd-image) {
|
|
16364
|
+
--context-image-height: 100%;
|
|
16365
|
+
|
|
16315
16366
|
display: block !important;
|
|
16316
16367
|
width: 100% !important;
|
|
16317
16368
|
height: 100% !important;
|
|
@@ -16340,7 +16391,9 @@ else:
|
|
|
16340
16391
|
align-self: end;
|
|
16341
16392
|
justify-self: start;
|
|
16342
16393
|
background-color: var(--_hero-main-background-color);
|
|
16343
|
-
width:
|
|
16394
|
+
width: fit-content;
|
|
16395
|
+
min-width: min(var(--_hero-main-min-width), 100% - 2 * var(--_hero-main-inset));
|
|
16396
|
+
max-width: min(var(--_hero-main-max-width), 100% - 2 * var(--_hero-main-inset));
|
|
16344
16397
|
padding: var(--_hero-main-padding);
|
|
16345
16398
|
flex-direction: column;
|
|
16346
16399
|
color: var(--_hero-main-content-color);
|
|
@@ -16348,6 +16401,26 @@ else:
|
|
|
16348
16401
|
|
|
16349
16402
|
:host(:not([data-has-media])) .hero__main {
|
|
16350
16403
|
width: 100%;
|
|
16404
|
+
min-width: 0;
|
|
16405
|
+
max-width: none;
|
|
16406
|
+
}
|
|
16407
|
+
|
|
16408
|
+
:host([data-has-media]) .hero__main {
|
|
16409
|
+
margin: var(--_hero-main-inset);
|
|
16410
|
+
}
|
|
16411
|
+
|
|
16412
|
+
:host([data-has-media][data-main-width-length]) .hero__main {
|
|
16413
|
+
@container (min-width: ${iJ}) {
|
|
16414
|
+
width: var(--_hero-main-width);
|
|
16415
|
+
min-width: 0;
|
|
16416
|
+
max-width: calc(100% - 2 * var(--_hero-main-inset));
|
|
16417
|
+
}
|
|
16418
|
+
}
|
|
16419
|
+
|
|
16420
|
+
:host([data-has-media][main-width="full"]) .hero__main {
|
|
16421
|
+
width: auto;
|
|
16422
|
+
max-width: none;
|
|
16423
|
+
justify-self: stretch;
|
|
16351
16424
|
}
|
|
16352
16425
|
|
|
16353
16426
|
:host([main-position="top-left"]) .hero__main {
|
|
@@ -16363,6 +16436,15 @@ else:
|
|
|
16363
16436
|
justify-self: end;
|
|
16364
16437
|
}
|
|
16365
16438
|
|
|
16439
|
+
:host([main-position="bottom-center"]) .hero__main {
|
|
16440
|
+
justify-self: center;
|
|
16441
|
+
}
|
|
16442
|
+
|
|
16443
|
+
:host([main-position="top-center"]) .hero__main {
|
|
16444
|
+
align-self: start;
|
|
16445
|
+
justify-self: center;
|
|
16446
|
+
}
|
|
16447
|
+
|
|
16366
16448
|
:host([main-position="left"]) .hero__main {
|
|
16367
16449
|
align-self: stretch;
|
|
16368
16450
|
}
|
|
@@ -16379,54 +16461,66 @@ else:
|
|
|
16379
16461
|
}
|
|
16380
16462
|
|
|
16381
16463
|
|
|
16382
|
-
/* #
|
|
16383
|
-
|
|
16384
|
-
media stacks on the opposite side instead of sitting behind it. Switch the
|
|
16385
|
-
body to a column so the two blocks stack: a bottom panel keeps the media on
|
|
16386
|
-
top, a top panel (column-reverse) drops it below. The media keeps the
|
|
16387
|
-
overlay's 21/9 strip. Below sm every layout already stacks, so this only
|
|
16388
|
-
targets md and up. */
|
|
16464
|
+
/* # Overlap (md+) — the media keeps a fixed height; the panel sits in the
|
|
16465
|
+
row below it, pulled up over it by the overlap size. */
|
|
16389
16466
|
|
|
16390
|
-
@container (min-width: ${
|
|
16391
|
-
:host([data-has-media][
|
|
16392
|
-
|
|
16393
|
-
flex-direction: column;
|
|
16467
|
+
@container (min-width: ${iJ}) {
|
|
16468
|
+
:host([data-has-media]:not([layout="contained"])) .hero__body::before {
|
|
16469
|
+
content: none;
|
|
16394
16470
|
}
|
|
16395
16471
|
|
|
16396
|
-
:host([data-has-media]
|
|
16397
|
-
|
|
16472
|
+
:host([data-has-media]:not([layout="contained"])) .hero__media {
|
|
16473
|
+
position: relative;
|
|
16474
|
+
width: 100%;
|
|
16475
|
+
height: var(--_hero-media-height);
|
|
16476
|
+
aspect-ratio: var(--_hero-media-aspect-ratio);
|
|
16477
|
+
grid-area: 1 / 1;
|
|
16478
|
+
align-self: start;
|
|
16398
16479
|
}
|
|
16399
16480
|
|
|
16400
|
-
:host([data-has-media][
|
|
16401
|
-
|
|
16402
|
-
|
|
16481
|
+
:host([data-has-media]:not([layout="contained"]):not([media-height], [media-aspect-ratio])) .hero__media {
|
|
16482
|
+
height: var(--_hero-default-media-height);
|
|
16483
|
+
}
|
|
16484
|
+
|
|
16485
|
+
:host([data-has-media]:not([layout="contained"])) .hero__main {
|
|
16486
|
+
margin-top: calc(-1 * var(--_hero-overlap-size, var(--_hero-default-overlap-size)));
|
|
16487
|
+
margin-bottom: 0;
|
|
16488
|
+
grid-area: 2 / 1;
|
|
16489
|
+
align-self: start;
|
|
16403
16490
|
}
|
|
16404
16491
|
}
|
|
16405
16492
|
|
|
16406
16493
|
|
|
16407
|
-
/* # Mobile —
|
|
16494
|
+
/* # Mobile — the media on top, the panel below it, indented and overlapping
|
|
16495
|
+
it a little. */
|
|
16408
16496
|
|
|
16409
|
-
@container (max-width: ${
|
|
16497
|
+
@container (max-width: ${rJ}) {
|
|
16410
16498
|
.hero__body {
|
|
16411
16499
|
display: flex;
|
|
16412
16500
|
flex-direction: column;
|
|
16413
16501
|
}
|
|
16414
16502
|
|
|
16415
|
-
:host(:is([main-position="top-left"], [main-position="top-right"])) .hero__body {
|
|
16416
|
-
flex-direction: column-reverse;
|
|
16417
|
-
}
|
|
16418
|
-
|
|
16419
16503
|
.hero__media {
|
|
16420
16504
|
position: static;
|
|
16505
|
+
width: 100%;
|
|
16506
|
+
height: var(--_hero-media-height);
|
|
16421
16507
|
overflow: hidden;
|
|
16422
16508
|
aspect-ratio: var(--_hero-media-aspect-ratio);
|
|
16423
16509
|
}
|
|
16424
16510
|
|
|
16425
16511
|
.hero__main {
|
|
16426
16512
|
width: 100%;
|
|
16513
|
+
min-width: 0;
|
|
16514
|
+
max-width: none;
|
|
16515
|
+
}
|
|
16516
|
+
|
|
16517
|
+
:host([data-has-media]) .hero__main {
|
|
16518
|
+
margin: calc(-1 * var(--_hero-sm-main-overlap)) var(--_hero-sm-main-inset) 0;
|
|
16519
|
+
width: auto;
|
|
16520
|
+
align-self: stretch;
|
|
16427
16521
|
}
|
|
16428
16522
|
}
|
|
16429
|
-
`;w();function
|
|
16523
|
+
`;w();function cJ(e){let t=e.mediaSrc&&!e._slotHasMedia?x`<img
|
|
16430
16524
|
src=${e.mediaSrc}
|
|
16431
16525
|
srcset=${e.mediaSrcset||S}
|
|
16432
16526
|
sizes=${e.mediaSizes||S}
|
|
@@ -16450,7 +16544,7 @@ else:
|
|
|
16450
16544
|
</div>
|
|
16451
16545
|
</div>
|
|
16452
16546
|
</section>
|
|
16453
|
-
`}w(),O(),
|
|
16547
|
+
`}w(),O(),Wq(),P(),M();var lJ,uJ=new Set([`inherit`,`initial`,`unset`,`revert`,`revert-layer`]);function dJ(e,t){return!uJ.has(t.trim().toLowerCase())&&CSS.supports(e,t)}var fJ=(lJ=class extends Bq(C){constructor(...e){super(...e),this.width=``,this.layout=`overlap`,this.mainBackground=`accent`,this.mainWidth=`auto`,this.mainPosition=`bottom-left`,this.mediaAspectRatio=``,this.overlapSize=``,this.mediaHeight=``,this.mediaSrc=``,this.mediaSrcset=``,this.mediaSizes=``,this.mediaAlt=``,this._slotHasMedia=!1,this._warnedHeight=!1,this._overlapObserver=null,this._warnedOverlap=!1}get _hasMedia(){return this.mediaSrc!==``||this._slotHasMedia}willUpdate(e){super.willUpdate(e),this.toggleAttribute(`data-has-media`,this._hasMedia)}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._overlapObserver?.disconnect(),this._overlapObserver=null,this._warnedOverlap=!1}updated(e){if(super.updated(e),e.has(`width`)){let e=this.width;e&&e!==`full`&&dJ(`max-width`,e)?this.style.setProperty(`--_hero-max-width`,e):this.style.removeProperty(`--_hero-max-width`)}if(e.has(`mainWidth`)){let e=(this.mainWidth??``).trim(),t=e!==``&&e!==`auto`&&e!==`full`&&dJ(`width`,e);t?this.style.setProperty(`--_hero-main-width`,e):this.style.removeProperty(`--_hero-main-width`),this.toggleAttribute(`data-main-width-length`,t)}if(e.has(`overlapSize`)){let e=(this.overlapSize??``).trim();e&&dJ(`margin-top`,e)?this.style.setProperty(`--_hero-overlap-size`,e):this.style.removeProperty(`--_hero-overlap-size`)}if(e.has(`mediaHeight`)){let e=(this.mediaHeight??``).trim();e&&dJ(`height`,e)?this.style.setProperty(`--_hero-media-height`,e):this.style.removeProperty(`--_hero-media-height`)}if(e.has(`height`)&&this.height&&this.style.removeProperty(`min-height`),e.has(`mediaAspectRatio`)){let e=(this.mediaAspectRatio??``).replace(`:`,`/`).trim();e&&dJ(`aspect-ratio`,e)?this.style.setProperty(`--_hero-media-aspect-ratio`,e):this.style.removeProperty(`--_hero-media-aspect-ratio`)}}_watchOverlap(){if(this.layout===`contained`||typeof ResizeObserver>`u`){this._overlapObserver?.disconnect(),this._overlapObserver=null;return}if(this._overlapObserver)return;let e=this.shadowRoot?.querySelector(`.hero__media`),t=this.shadowRoot?.querySelector(`.hero__main`);e&&t&&(this._overlapObserver=new ResizeObserver(()=>this._checkOverlap(e,t)),this._overlapObserver.observe(e),this._overlapObserver.observe(t))}_checkOverlap(e,t){if(this._hasMedia&&getComputedStyle(e).position!==`static`){if(!(t.getBoundingClientRect().bottom<=e.getBoundingClientRect().bottom)){this._warnedOverlap=!1;return}this._warnedOverlap||(this._warnedOverlap=!0,console.warn('<nldd-hero>: With layout="overlap" the panel is shorter than `overlap-size` and ends inside the image. Give it more content or a smaller `overlap-size`, or set layout="contained" to keep the panel on the image.',this))}}_onMediaSlotChange(e){let t=e.target;this._slotHasMedia=t.assignedElements().length>0}render(){return cJ(this)}},lJ.styles=sJ,lJ);j([E({reflect:!0,converter:N(``)})],fJ.prototype,`width`,void 0),j([E({reflect:!0,converter:N(`overlap`)})],fJ.prototype,`layout`,void 0),j([E({reflect:!0,attribute:`main-background`,converter:N(`accent`)})],fJ.prototype,`mainBackground`,void 0),j([E({reflect:!0,attribute:`main-width`,converter:N(`auto`)})],fJ.prototype,`mainWidth`,void 0),j([E({reflect:!0,attribute:`main-position`,converter:N(`bottom-left`)})],fJ.prototype,`mainPosition`,void 0),j([E({reflect:!0,attribute:`media-aspect-ratio`,converter:N(``)})],fJ.prototype,`mediaAspectRatio`,void 0),j([E({reflect:!0,attribute:`overlap-size`,converter:N(``)})],fJ.prototype,`overlapSize`,void 0),j([E({reflect:!0,attribute:`media-height`,converter:N(``)})],fJ.prototype,`mediaHeight`,void 0),j([E({type:String,attribute:`media-src`})],fJ.prototype,`mediaSrc`,void 0),j([E({type:String,attribute:`media-srcset`})],fJ.prototype,`mediaSrcset`,void 0),j([E({type:String,attribute:`media-sizes`})],fJ.prototype,`mediaSizes`,void 0),j([E({type:String,attribute:`media-alt`})],fJ.prototype,`mediaAlt`,void 0),j([D()],fJ.prototype,`_slotHasMedia`,void 0),fJ=j([T(`nldd-hero`)],fJ),w(),L();var pJ=l(I.smMax),mJ=l(I.mdMin),hJ=l(I.mdMax),gJ=l(I.lgMin),_J=u`
|
|
16454
16548
|
:host {
|
|
16455
16549
|
box-sizing: border-box;
|
|
16456
16550
|
}
|
|
@@ -16482,6 +16576,11 @@ else:
|
|
|
16482
16576
|
display: none;
|
|
16483
16577
|
}
|
|
16484
16578
|
|
|
16579
|
+
:host([data-growing]),
|
|
16580
|
+
:host([grow]) {
|
|
16581
|
+
flex-grow: 1;
|
|
16582
|
+
}
|
|
16583
|
+
|
|
16485
16584
|
:host([width="full"]) {
|
|
16486
16585
|
--_full-bleed-section-max-width: none;
|
|
16487
16586
|
}
|
|
@@ -16498,17 +16597,17 @@ else:
|
|
|
16498
16597
|
align-items: center;
|
|
16499
16598
|
|
|
16500
16599
|
|
|
16501
|
-
@container (max-width: ${
|
|
16600
|
+
@container (max-width: ${pJ}) {
|
|
16502
16601
|
padding-top: var(--_full-bleed-section-sm-padding-top, var(--_full-bleed-section-padding-top, var(--semantics-page-sections-sm-margin-block)));
|
|
16503
16602
|
padding-bottom: var(--_full-bleed-section-sm-padding-bottom, var(--_full-bleed-section-padding-bottom, var(--semantics-page-sections-sm-margin-block)));
|
|
16504
16603
|
}
|
|
16505
16604
|
|
|
16506
|
-
@container (min-width: ${
|
|
16605
|
+
@container (min-width: ${mJ}) and (max-width: ${hJ}) {
|
|
16507
16606
|
padding-top: var(--_full-bleed-section-md-padding-top, var(--_full-bleed-section-padding-top, var(--semantics-page-sections-md-margin-block)));
|
|
16508
16607
|
padding-bottom: var(--_full-bleed-section-md-padding-bottom, var(--_full-bleed-section-padding-bottom, var(--semantics-page-sections-md-margin-block)));
|
|
16509
16608
|
}
|
|
16510
16609
|
|
|
16511
|
-
@container (min-width: ${
|
|
16610
|
+
@container (min-width: ${gJ}) {
|
|
16512
16611
|
padding-top: var(--_full-bleed-section-lg-padding-top, var(--_full-bleed-section-padding-top, var(--semantics-page-sections-lg-margin-block)));
|
|
16513
16612
|
padding-bottom: var(--_full-bleed-section-lg-padding-bottom, var(--_full-bleed-section-padding-bottom, var(--semantics-page-sections-lg-margin-block)));
|
|
16514
16613
|
}
|
|
@@ -16524,15 +16623,15 @@ else:
|
|
|
16524
16623
|
flex-direction: column;
|
|
16525
16624
|
flex-grow: 1;
|
|
16526
16625
|
|
|
16527
|
-
@container (max-width: ${
|
|
16626
|
+
@container (max-width: ${pJ}) {
|
|
16528
16627
|
gap: var(--semantics-page-sections-sm-gap);
|
|
16529
16628
|
}
|
|
16530
16629
|
|
|
16531
|
-
@container (min-width: ${
|
|
16630
|
+
@container (min-width: ${mJ}) and (max-width: ${hJ}) {
|
|
16532
16631
|
gap: var(--semantics-page-sections-md-gap);
|
|
16533
16632
|
}
|
|
16534
16633
|
|
|
16535
|
-
@container (min-width: ${
|
|
16634
|
+
@container (min-width: ${gJ}) {
|
|
16536
16635
|
gap: var(--semantics-page-sections-lg-gap);
|
|
16537
16636
|
}
|
|
16538
16637
|
}
|
|
@@ -16550,7 +16649,7 @@ else:
|
|
|
16550
16649
|
.full-bleed-section__footer[hidden] {
|
|
16551
16650
|
display: none;
|
|
16552
16651
|
}
|
|
16553
|
-
`;w();function
|
|
16652
|
+
`;w();function vJ(e){return x`
|
|
16554
16653
|
<section class="full-bleed-section">
|
|
16555
16654
|
<div class="full-bleed-section__body">
|
|
16556
16655
|
<header class="full-bleed-section__header"
|
|
@@ -16574,7 +16673,7 @@ else:
|
|
|
16574
16673
|
</footer>
|
|
16575
16674
|
</div>
|
|
16576
16675
|
</section>
|
|
16577
|
-
`}w(),O(),
|
|
16676
|
+
`}w(),O(),P(),Wq(),M();var yJ=class extends Bq(C){constructor(...e){super(...e),this.width=``}updated(e){if(super.updated(e),e.has(`width`)){let e=this.width;e&&e!==`full`&&CSS.supports(`max-width`,e)?this.style.setProperty(`--_full-bleed-section-max-width`,e):this.style.removeProperty(`--_full-bleed-section-max-width`)}}render(){return vJ(this)}},bJ=(yJ.styles=_J,yJ);j([E({reflect:!0,converter:N(``)})],bJ.prototype,`width`,void 0),bJ=j([T(`nldd-full-bleed-section`)],bJ),w(),L();var xJ=l(I.smMax),SJ=l(I.mdMin),CJ=l(I.mdMax),wJ=l(I.lgMin),TJ=u`
|
|
16578
16677
|
:host {
|
|
16579
16678
|
box-sizing: border-box;
|
|
16580
16679
|
}
|
|
@@ -16606,6 +16705,11 @@ else:
|
|
|
16606
16705
|
display: none;
|
|
16607
16706
|
}
|
|
16608
16707
|
|
|
16708
|
+
:host([data-growing]),
|
|
16709
|
+
:host([grow]) {
|
|
16710
|
+
flex-grow: 1;
|
|
16711
|
+
}
|
|
16712
|
+
|
|
16609
16713
|
:host([width="full"]) {
|
|
16610
16714
|
--_one-third-two-thirds-section-max-width: none;
|
|
16611
16715
|
}
|
|
@@ -16621,19 +16725,19 @@ else:
|
|
|
16621
16725
|
align-items: center;
|
|
16622
16726
|
|
|
16623
16727
|
|
|
16624
|
-
@container (max-width: ${
|
|
16728
|
+
@container (max-width: ${xJ}) {
|
|
16625
16729
|
padding-inline: var(--semantics-page-sections-sm-margin-inline);
|
|
16626
16730
|
padding-top: var(--_one-third-two-thirds-section-sm-padding-top, var(--_one-third-two-thirds-section-padding-top, var(--semantics-page-sections-sm-margin-block)));
|
|
16627
16731
|
padding-bottom: var(--_one-third-two-thirds-section-sm-padding-bottom, var(--_one-third-two-thirds-section-padding-bottom, var(--semantics-page-sections-sm-margin-block)));
|
|
16628
16732
|
}
|
|
16629
16733
|
|
|
16630
|
-
@container (min-width: ${
|
|
16734
|
+
@container (min-width: ${SJ}) and (max-width: ${CJ}) {
|
|
16631
16735
|
padding-inline: var(--semantics-page-sections-md-margin-inline);
|
|
16632
16736
|
padding-top: var(--_one-third-two-thirds-section-md-padding-top, var(--_one-third-two-thirds-section-padding-top, var(--semantics-page-sections-md-margin-block)));
|
|
16633
16737
|
padding-bottom: var(--_one-third-two-thirds-section-md-padding-bottom, var(--_one-third-two-thirds-section-padding-bottom, var(--semantics-page-sections-md-margin-block)));
|
|
16634
16738
|
}
|
|
16635
16739
|
|
|
16636
|
-
@container (min-width: ${
|
|
16740
|
+
@container (min-width: ${wJ}) {
|
|
16637
16741
|
padding-inline: var(--semantics-page-sections-lg-margin-inline);
|
|
16638
16742
|
padding-top: var(--_one-third-two-thirds-section-lg-padding-top, var(--_one-third-two-thirds-section-padding-top, var(--semantics-page-sections-lg-margin-block)));
|
|
16639
16743
|
padding-bottom: var(--_one-third-two-thirds-section-lg-padding-bottom, var(--_one-third-two-thirds-section-padding-bottom, var(--semantics-page-sections-lg-margin-block)));
|
|
@@ -16649,15 +16753,15 @@ else:
|
|
|
16649
16753
|
max-width: var(--_one-third-two-thirds-section-max-width);
|
|
16650
16754
|
flex-direction: column;
|
|
16651
16755
|
|
|
16652
|
-
@container (max-width: ${
|
|
16756
|
+
@container (max-width: ${xJ}) {
|
|
16653
16757
|
gap: var(--semantics-page-sections-sm-gap);
|
|
16654
16758
|
}
|
|
16655
16759
|
|
|
16656
|
-
@container (min-width: ${
|
|
16760
|
+
@container (min-width: ${SJ}) and (max-width: ${CJ}) {
|
|
16657
16761
|
gap: var(--semantics-page-sections-md-gap);
|
|
16658
16762
|
}
|
|
16659
16763
|
|
|
16660
|
-
@container (min-width: ${
|
|
16764
|
+
@container (min-width: ${wJ}) {
|
|
16661
16765
|
gap: var(--semantics-page-sections-lg-gap);
|
|
16662
16766
|
}
|
|
16663
16767
|
}
|
|
@@ -16680,19 +16784,31 @@ else:
|
|
|
16680
16784
|
flex-wrap: nowrap;
|
|
16681
16785
|
}
|
|
16682
16786
|
|
|
16683
|
-
@container (max-width: ${
|
|
16787
|
+
@container (max-width: ${xJ}) {
|
|
16684
16788
|
gap: var(--semantics-page-sections-sm-gap);
|
|
16685
16789
|
}
|
|
16686
16790
|
|
|
16687
|
-
@container (min-width: ${
|
|
16791
|
+
@container (min-width: ${SJ}) and (max-width: ${CJ}) {
|
|
16688
16792
|
gap: var(--semantics-page-sections-md-gap);
|
|
16689
16793
|
}
|
|
16690
16794
|
|
|
16691
|
-
@container (min-width: ${
|
|
16795
|
+
@container (min-width: ${wJ}) {
|
|
16692
16796
|
gap: var(--semantics-page-sections-lg-gap);
|
|
16693
16797
|
}
|
|
16694
16798
|
}
|
|
16695
16799
|
|
|
16800
|
+
:host([vertical-alignment="center"]) .one-third-two-thirds-section__columns {
|
|
16801
|
+
@container (min-width: 769px) {
|
|
16802
|
+
align-items: center;
|
|
16803
|
+
}
|
|
16804
|
+
}
|
|
16805
|
+
|
|
16806
|
+
:host([vertical-alignment="bottom"]) .one-third-two-thirds-section__columns {
|
|
16807
|
+
@container (min-width: 769px) {
|
|
16808
|
+
align-items: flex-end;
|
|
16809
|
+
}
|
|
16810
|
+
}
|
|
16811
|
+
|
|
16696
16812
|
.one-third-two-thirds-section__left-column {
|
|
16697
16813
|
min-width: var(--primitives-area-280);
|
|
16698
16814
|
flex-grow: 1;
|
|
@@ -16706,7 +16822,7 @@ else:
|
|
|
16706
16822
|
flex-shrink: 1;
|
|
16707
16823
|
flex-basis: 0;
|
|
16708
16824
|
}
|
|
16709
|
-
`;w();function
|
|
16825
|
+
`;w();function EJ(e){return x`
|
|
16710
16826
|
<section class="one-third-two-thirds-section">
|
|
16711
16827
|
<div class="one-third-two-thirds-section__body">
|
|
16712
16828
|
<header class="one-third-two-thirds-section__header"
|
|
@@ -16736,7 +16852,7 @@ else:
|
|
|
16736
16852
|
</footer>
|
|
16737
16853
|
</div>
|
|
16738
16854
|
</section>
|
|
16739
|
-
`}w(),O(),
|
|
16855
|
+
`}w(),O(),P(),Wq(),M();var DJ=class extends Bq(C){constructor(...e){super(...e),this.width=``,this.verticalAlignment=`top`}updated(e){if(super.updated(e),e.has(`width`)){let e=this.width;e&&e!==`full`&&CSS.supports(`max-width`,e)?this.style.setProperty(`--_one-third-two-thirds-section-max-width`,e):this.style.removeProperty(`--_one-third-two-thirds-section-max-width`)}}render(){return EJ(this)}},OJ=(DJ.styles=TJ,DJ);j([E({reflect:!0,converter:N(``)})],OJ.prototype,`width`,void 0),j([E({reflect:!0,attribute:`vertical-alignment`,converter:N(`top`)})],OJ.prototype,`verticalAlignment`,void 0),OJ=j([T(`nldd-one-third-two-thirds-section`)],OJ),w(),L();var kJ=l(I.smMax),AJ=l(I.mdMin),jJ=l(I.mdMax),MJ=l(I.lgMin),NJ=u`
|
|
16740
16856
|
:host {
|
|
16741
16857
|
box-sizing: border-box;
|
|
16742
16858
|
}
|
|
@@ -16768,6 +16884,11 @@ else:
|
|
|
16768
16884
|
display: none;
|
|
16769
16885
|
}
|
|
16770
16886
|
|
|
16887
|
+
:host([data-growing]),
|
|
16888
|
+
:host([grow]) {
|
|
16889
|
+
flex-grow: 1;
|
|
16890
|
+
}
|
|
16891
|
+
|
|
16771
16892
|
:host([width="full"]) {
|
|
16772
16893
|
--_two-thirds-one-third-section-max-width: none;
|
|
16773
16894
|
}
|
|
@@ -16783,19 +16904,19 @@ else:
|
|
|
16783
16904
|
align-items: center;
|
|
16784
16905
|
|
|
16785
16906
|
|
|
16786
|
-
@container (max-width: ${
|
|
16907
|
+
@container (max-width: ${kJ}) {
|
|
16787
16908
|
padding-inline: var(--semantics-page-sections-sm-margin-inline);
|
|
16788
16909
|
padding-top: var(--_two-thirds-one-third-section-sm-padding-top, var(--_two-thirds-one-third-section-padding-top, var(--semantics-page-sections-sm-margin-block)));
|
|
16789
16910
|
padding-bottom: var(--_two-thirds-one-third-section-sm-padding-bottom, var(--_two-thirds-one-third-section-padding-bottom, var(--semantics-page-sections-sm-margin-block)));
|
|
16790
16911
|
}
|
|
16791
16912
|
|
|
16792
|
-
@container (min-width: ${
|
|
16913
|
+
@container (min-width: ${AJ}) and (max-width: ${jJ}) {
|
|
16793
16914
|
padding-inline: var(--semantics-page-sections-md-margin-inline);
|
|
16794
16915
|
padding-top: var(--_two-thirds-one-third-section-md-padding-top, var(--_two-thirds-one-third-section-padding-top, var(--semantics-page-sections-md-margin-block)));
|
|
16795
16916
|
padding-bottom: var(--_two-thirds-one-third-section-md-padding-bottom, var(--_two-thirds-one-third-section-padding-bottom, var(--semantics-page-sections-md-margin-block)));
|
|
16796
16917
|
}
|
|
16797
16918
|
|
|
16798
|
-
@container (min-width: ${
|
|
16919
|
+
@container (min-width: ${MJ}) {
|
|
16799
16920
|
padding-inline: var(--semantics-page-sections-lg-margin-inline);
|
|
16800
16921
|
padding-top: var(--_two-thirds-one-third-section-lg-padding-top, var(--_two-thirds-one-third-section-padding-top, var(--semantics-page-sections-lg-margin-block)));
|
|
16801
16922
|
padding-bottom: var(--_two-thirds-one-third-section-lg-padding-bottom, var(--_two-thirds-one-third-section-padding-bottom, var(--semantics-page-sections-lg-margin-block)));
|
|
@@ -16811,15 +16932,15 @@ else:
|
|
|
16811
16932
|
max-width: var(--_two-thirds-one-third-section-max-width);
|
|
16812
16933
|
flex-direction: column;
|
|
16813
16934
|
|
|
16814
|
-
@container (max-width: ${
|
|
16935
|
+
@container (max-width: ${kJ}) {
|
|
16815
16936
|
gap: var(--semantics-page-sections-sm-gap);
|
|
16816
16937
|
}
|
|
16817
16938
|
|
|
16818
|
-
@container (min-width: ${
|
|
16939
|
+
@container (min-width: ${AJ}) and (max-width: ${jJ}) {
|
|
16819
16940
|
gap: var(--semantics-page-sections-md-gap);
|
|
16820
16941
|
}
|
|
16821
16942
|
|
|
16822
|
-
@container (min-width: ${
|
|
16943
|
+
@container (min-width: ${MJ}) {
|
|
16823
16944
|
gap: var(--semantics-page-sections-lg-gap);
|
|
16824
16945
|
}
|
|
16825
16946
|
}
|
|
@@ -16842,19 +16963,31 @@ else:
|
|
|
16842
16963
|
flex-wrap: nowrap;
|
|
16843
16964
|
}
|
|
16844
16965
|
|
|
16845
|
-
@container (max-width: ${
|
|
16966
|
+
@container (max-width: ${kJ}) {
|
|
16846
16967
|
gap: var(--semantics-page-sections-sm-gap);
|
|
16847
16968
|
}
|
|
16848
16969
|
|
|
16849
|
-
@container (min-width: ${
|
|
16970
|
+
@container (min-width: ${AJ}) and (max-width: ${jJ}) {
|
|
16850
16971
|
gap: var(--semantics-page-sections-md-gap);
|
|
16851
16972
|
}
|
|
16852
16973
|
|
|
16853
|
-
@container (min-width: ${
|
|
16974
|
+
@container (min-width: ${MJ}) {
|
|
16854
16975
|
gap: var(--semantics-page-sections-lg-gap);
|
|
16855
16976
|
}
|
|
16856
16977
|
}
|
|
16857
16978
|
|
|
16979
|
+
:host([vertical-alignment="center"]) .two-thirds-one-third-section__columns {
|
|
16980
|
+
@container (min-width: 769px) {
|
|
16981
|
+
align-items: center;
|
|
16982
|
+
}
|
|
16983
|
+
}
|
|
16984
|
+
|
|
16985
|
+
:host([vertical-alignment="bottom"]) .two-thirds-one-third-section__columns {
|
|
16986
|
+
@container (min-width: 769px) {
|
|
16987
|
+
align-items: flex-end;
|
|
16988
|
+
}
|
|
16989
|
+
}
|
|
16990
|
+
|
|
16858
16991
|
.two-thirds-one-third-section__left-column {
|
|
16859
16992
|
min-width: var(--primitives-area-280);
|
|
16860
16993
|
flex-grow: 2;
|
|
@@ -16868,7 +17001,7 @@ else:
|
|
|
16868
17001
|
flex-shrink: 1;
|
|
16869
17002
|
flex-basis: 0;
|
|
16870
17003
|
}
|
|
16871
|
-
`;w();function
|
|
17004
|
+
`;w();function PJ(e){return x`
|
|
16872
17005
|
<section class="two-thirds-one-third-section">
|
|
16873
17006
|
<div class="two-thirds-one-third-section__body">
|
|
16874
17007
|
<header class="two-thirds-one-third-section__header"
|
|
@@ -16898,7 +17031,7 @@ else:
|
|
|
16898
17031
|
</footer>
|
|
16899
17032
|
</div>
|
|
16900
17033
|
</section>
|
|
16901
|
-
`}w(),O(),
|
|
17034
|
+
`}w(),O(),P(),Wq(),M();var FJ=class extends Bq(C){constructor(...e){super(...e),this.width=``,this.verticalAlignment=`top`}updated(e){if(super.updated(e),e.has(`width`)){let e=this.width;e&&e!==`full`&&CSS.supports(`max-width`,e)?this.style.setProperty(`--_two-thirds-one-third-section-max-width`,e):this.style.removeProperty(`--_two-thirds-one-third-section-max-width`)}}render(){return PJ(this)}},IJ=(FJ.styles=NJ,FJ);j([E({reflect:!0,converter:N(``)})],IJ.prototype,`width`,void 0),j([E({reflect:!0,attribute:`vertical-alignment`,converter:N(`top`)})],IJ.prototype,`verticalAlignment`,void 0),IJ=j([T(`nldd-two-thirds-one-third-section`)],IJ),w(),L();var LJ=l(I.smMax),RJ=l(I.mdMin),zJ=l(I.mdMax),BJ=l(I.lgMin),VJ=u`
|
|
16902
17035
|
:host {
|
|
16903
17036
|
box-sizing: border-box;
|
|
16904
17037
|
}
|
|
@@ -16930,6 +17063,11 @@ else:
|
|
|
16930
17063
|
display: none;
|
|
16931
17064
|
}
|
|
16932
17065
|
|
|
17066
|
+
:host([data-growing]),
|
|
17067
|
+
:host([grow]) {
|
|
17068
|
+
flex-grow: 1;
|
|
17069
|
+
}
|
|
17070
|
+
|
|
16933
17071
|
:host([width="full"]) {
|
|
16934
17072
|
--_one-half-one-half-section-max-width: none;
|
|
16935
17073
|
}
|
|
@@ -16945,19 +17083,19 @@ else:
|
|
|
16945
17083
|
align-items: center;
|
|
16946
17084
|
|
|
16947
17085
|
|
|
16948
|
-
@container (max-width: ${
|
|
17086
|
+
@container (max-width: ${LJ}) {
|
|
16949
17087
|
padding-inline: var(--semantics-page-sections-sm-margin-inline);
|
|
16950
17088
|
padding-top: var(--_one-half-one-half-section-sm-padding-top, var(--_one-half-one-half-section-padding-top, var(--semantics-page-sections-sm-margin-block)));
|
|
16951
17089
|
padding-bottom: var(--_one-half-one-half-section-sm-padding-bottom, var(--_one-half-one-half-section-padding-bottom, var(--semantics-page-sections-sm-margin-block)));
|
|
16952
17090
|
}
|
|
16953
17091
|
|
|
16954
|
-
@container (min-width: ${
|
|
17092
|
+
@container (min-width: ${RJ}) and (max-width: ${zJ}) {
|
|
16955
17093
|
padding-inline: var(--semantics-page-sections-md-margin-inline);
|
|
16956
17094
|
padding-top: var(--_one-half-one-half-section-md-padding-top, var(--_one-half-one-half-section-padding-top, var(--semantics-page-sections-md-margin-block)));
|
|
16957
17095
|
padding-bottom: var(--_one-half-one-half-section-md-padding-bottom, var(--_one-half-one-half-section-padding-bottom, var(--semantics-page-sections-md-margin-block)));
|
|
16958
17096
|
}
|
|
16959
17097
|
|
|
16960
|
-
@container (min-width: ${
|
|
17098
|
+
@container (min-width: ${BJ}) {
|
|
16961
17099
|
padding-inline: var(--semantics-page-sections-lg-margin-inline);
|
|
16962
17100
|
padding-top: var(--_one-half-one-half-section-lg-padding-top, var(--_one-half-one-half-section-padding-top, var(--semantics-page-sections-lg-margin-block)));
|
|
16963
17101
|
padding-bottom: var(--_one-half-one-half-section-lg-padding-bottom, var(--_one-half-one-half-section-padding-bottom, var(--semantics-page-sections-lg-margin-block)));
|
|
@@ -16973,15 +17111,15 @@ else:
|
|
|
16973
17111
|
max-width: var(--_one-half-one-half-section-max-width);
|
|
16974
17112
|
flex-direction: column;
|
|
16975
17113
|
|
|
16976
|
-
@container (max-width: ${
|
|
17114
|
+
@container (max-width: ${LJ}) {
|
|
16977
17115
|
gap: var(--semantics-page-sections-sm-gap);
|
|
16978
17116
|
}
|
|
16979
17117
|
|
|
16980
|
-
@container (min-width: ${
|
|
17118
|
+
@container (min-width: ${RJ}) and (max-width: ${zJ}) {
|
|
16981
17119
|
gap: var(--semantics-page-sections-md-gap);
|
|
16982
17120
|
}
|
|
16983
17121
|
|
|
16984
|
-
@container (min-width: ${
|
|
17122
|
+
@container (min-width: ${BJ}) {
|
|
16985
17123
|
gap: var(--semantics-page-sections-lg-gap);
|
|
16986
17124
|
}
|
|
16987
17125
|
}
|
|
@@ -16995,19 +17133,27 @@ else:
|
|
|
16995
17133
|
display: flex;
|
|
16996
17134
|
flex-wrap: wrap;
|
|
16997
17135
|
|
|
16998
|
-
@container (max-width: ${
|
|
17136
|
+
@container (max-width: ${LJ}) {
|
|
16999
17137
|
gap: var(--semantics-page-sections-sm-gap);
|
|
17000
17138
|
}
|
|
17001
17139
|
|
|
17002
|
-
@container (min-width: ${
|
|
17140
|
+
@container (min-width: ${RJ}) and (max-width: ${zJ}) {
|
|
17003
17141
|
gap: var(--semantics-page-sections-md-gap);
|
|
17004
17142
|
}
|
|
17005
17143
|
|
|
17006
|
-
@container (min-width: ${
|
|
17144
|
+
@container (min-width: ${BJ}) {
|
|
17007
17145
|
gap: var(--semantics-page-sections-lg-gap);
|
|
17008
17146
|
}
|
|
17009
17147
|
}
|
|
17010
17148
|
|
|
17149
|
+
:host([vertical-alignment="center"]) .one-half-one-half-section__columns {
|
|
17150
|
+
align-items: center;
|
|
17151
|
+
}
|
|
17152
|
+
|
|
17153
|
+
:host([vertical-alignment="bottom"]) .one-half-one-half-section__columns {
|
|
17154
|
+
align-items: flex-end;
|
|
17155
|
+
}
|
|
17156
|
+
|
|
17011
17157
|
.one-half-one-half-section__left-column {
|
|
17012
17158
|
min-width: var(--primitives-area-280);
|
|
17013
17159
|
flex-grow: 1;
|
|
@@ -17021,7 +17167,7 @@ else:
|
|
|
17021
17167
|
flex-shrink: 1;
|
|
17022
17168
|
flex-basis: 0;
|
|
17023
17169
|
}
|
|
17024
|
-
`;w();function
|
|
17170
|
+
`;w();function HJ(e){return x`
|
|
17025
17171
|
<section class="one-half-one-half-section">
|
|
17026
17172
|
<div class="one-half-one-half-section__body">
|
|
17027
17173
|
<header class="one-half-one-half-section__header"
|
|
@@ -17051,7 +17197,7 @@ else:
|
|
|
17051
17197
|
</footer>
|
|
17052
17198
|
</div>
|
|
17053
17199
|
</section>
|
|
17054
|
-
`}w(),O(),
|
|
17200
|
+
`}w(),O(),P(),Wq(),M();var UJ=class extends Bq(C){constructor(...e){super(...e),this.width=``,this.verticalAlignment=`top`}updated(e){if(super.updated(e),e.has(`width`)){let e=this.width;e&&e!==`full`&&CSS.supports(`max-width`,e)?this.style.setProperty(`--_one-half-one-half-section-max-width`,e):this.style.removeProperty(`--_one-half-one-half-section-max-width`)}}render(){return HJ(this)}},WJ=(UJ.styles=VJ,UJ);j([E({reflect:!0,converter:N(``)})],WJ.prototype,`width`,void 0),j([E({reflect:!0,attribute:`vertical-alignment`,converter:N(`top`)})],WJ.prototype,`verticalAlignment`,void 0),WJ=j([T(`nldd-one-half-one-half-section`)],WJ),w(),L();var GJ=l(I.smMax),KJ=l(I.mdMin),qJ=l(I.mdMax),JJ=l(I.lgMin),YJ=u`
|
|
17055
17201
|
:host {
|
|
17056
17202
|
box-sizing: border-box;
|
|
17057
17203
|
}
|
|
@@ -17063,7 +17209,7 @@ else:
|
|
|
17063
17209
|
<-> stacked switch and the padding follow the space the section is given.
|
|
17064
17210
|
The collapse-to-sheet is JS-driven — a ResizeObserver on the host sets
|
|
17065
17211
|
[collapsed] (see the .ts) — and only happens when the section is narrow AND
|
|
17066
|
-
not [no-collapse]; the lg breakpoint (>= ${
|
|
17212
|
+
not [no-collapse]; the lg breakpoint (>= ${JJ}) is the switch. */
|
|
17067
17213
|
|
|
17068
17214
|
:host {
|
|
17069
17215
|
container-type: inline-size;
|
|
@@ -17083,8 +17229,8 @@ else:
|
|
|
17083
17229
|
--_sidebar-section-sticky-top: calc(var(--context-inset-top, 0px) + var(--primitives-space-24));
|
|
17084
17230
|
--_sidebar-section-sticky-bottom: calc(var(--context-inset-bottom, 0px) + var(--primitives-space-24));
|
|
17085
17231
|
--_sidebar-section-width: var(--primitives-area-320);
|
|
17086
|
-
--_sidebar-section-sidebar-box-background-color: var(--semantics-surfaces-
|
|
17087
|
-
--_sidebar-section-sidebar-box-
|
|
17232
|
+
--_sidebar-section-sidebar-box-background-color: var(--context-parent-background-color, var(--semantics-surfaces-base-background-color));
|
|
17233
|
+
--_sidebar-section-sidebar-box-border-color: var(--semantics-dividers-color);
|
|
17088
17234
|
|
|
17089
17235
|
display: flex;
|
|
17090
17236
|
width: 100%;
|
|
@@ -17100,14 +17246,14 @@ else:
|
|
|
17100
17246
|
--_sidebar-section-max-width: none;
|
|
17101
17247
|
}
|
|
17102
17248
|
|
|
17103
|
-
/* # Growth — mirrors simple-section. The host only grows
|
|
17104
|
-
|
|
17249
|
+
/* # Growth — mirrors simple-section. The host only grows when it is the
|
|
17250
|
+
growing section of an nldd-page, or has grow itself; the chain below (block -> body ->
|
|
17105
17251
|
columns -> main) is unconditional, so whatever height the host gets
|
|
17106
17252
|
always reaches the main column. An nldd-inline-dialog there (itself
|
|
17107
17253
|
flex-grow: 1) then fills and centers in the leftover space. */
|
|
17108
17254
|
|
|
17109
|
-
:host(
|
|
17110
|
-
:host(
|
|
17255
|
+
:host([data-growing]),
|
|
17256
|
+
:host([grow]) {
|
|
17111
17257
|
flex-grow: 1;
|
|
17112
17258
|
}
|
|
17113
17259
|
|
|
@@ -17122,19 +17268,19 @@ else:
|
|
|
17122
17268
|
flex-grow: 1;
|
|
17123
17269
|
align-items: center;
|
|
17124
17270
|
|
|
17125
|
-
@container (max-width: ${
|
|
17271
|
+
@container (max-width: ${GJ}) {
|
|
17126
17272
|
padding-inline: var(--semantics-page-sections-sm-margin-inline);
|
|
17127
17273
|
padding-top: var(--_sidebar-section-sm-padding-top, var(--_sidebar-section-padding-top, var(--semantics-page-sections-sm-margin-block)));
|
|
17128
17274
|
padding-bottom: var(--_sidebar-section-sm-padding-bottom, var(--_sidebar-section-padding-bottom, var(--semantics-page-sections-sm-margin-block)));
|
|
17129
17275
|
}
|
|
17130
17276
|
|
|
17131
|
-
@container (min-width: ${
|
|
17277
|
+
@container (min-width: ${KJ}) and (max-width: ${qJ}) {
|
|
17132
17278
|
padding-inline: var(--semantics-page-sections-md-margin-inline);
|
|
17133
17279
|
padding-top: var(--_sidebar-section-md-padding-top, var(--_sidebar-section-padding-top, var(--semantics-page-sections-md-margin-block)));
|
|
17134
17280
|
padding-bottom: var(--_sidebar-section-md-padding-bottom, var(--_sidebar-section-padding-bottom, var(--semantics-page-sections-md-margin-block)));
|
|
17135
17281
|
}
|
|
17136
17282
|
|
|
17137
|
-
@container (min-width: ${
|
|
17283
|
+
@container (min-width: ${JJ}) {
|
|
17138
17284
|
padding-inline: var(--semantics-page-sections-lg-margin-inline);
|
|
17139
17285
|
padding-top: var(--_sidebar-section-lg-padding-top, var(--_sidebar-section-padding-top, var(--semantics-page-sections-lg-margin-block)));
|
|
17140
17286
|
padding-bottom: var(--_sidebar-section-lg-padding-bottom, var(--_sidebar-section-padding-bottom, var(--semantics-page-sections-lg-margin-block)));
|
|
@@ -17151,9 +17297,9 @@ else:
|
|
|
17151
17297
|
flex-direction: column;
|
|
17152
17298
|
flex-grow: 1;
|
|
17153
17299
|
|
|
17154
|
-
@container (max-width: ${
|
|
17155
|
-
@container (min-width: ${
|
|
17156
|
-
@container (min-width: ${
|
|
17300
|
+
@container (max-width: ${GJ}) { gap: var(--semantics-page-sections-sm-gap); }
|
|
17301
|
+
@container (min-width: ${KJ}) and (max-width: ${qJ}) { gap: var(--semantics-page-sections-md-gap); }
|
|
17302
|
+
@container (min-width: ${JJ}) { gap: var(--semantics-page-sections-lg-gap); }
|
|
17157
17303
|
}
|
|
17158
17304
|
|
|
17159
17305
|
.sidebar-section__header[hidden],
|
|
@@ -17172,9 +17318,9 @@ else:
|
|
|
17172
17318
|
flex-direction: column;
|
|
17173
17319
|
flex-grow: 1;
|
|
17174
17320
|
|
|
17175
|
-
@container (max-width: ${
|
|
17176
|
-
@container (min-width: ${
|
|
17177
|
-
@container (min-width: ${
|
|
17321
|
+
@container (max-width: ${GJ}) { gap: var(--semantics-page-sections-sm-gap); }
|
|
17322
|
+
@container (min-width: ${KJ}) and (max-width: ${qJ}) { gap: var(--semantics-page-sections-md-gap); }
|
|
17323
|
+
@container (min-width: ${JJ}) {
|
|
17178
17324
|
flex-direction: row;
|
|
17179
17325
|
gap: var(--semantics-page-sections-lg-gap);
|
|
17180
17326
|
}
|
|
@@ -17196,23 +17342,24 @@ else:
|
|
|
17196
17342
|
.sidebar-section__sidebar {
|
|
17197
17343
|
flex-shrink: 0;
|
|
17198
17344
|
|
|
17199
|
-
@container (min-width: ${
|
|
17345
|
+
@container (min-width: ${JJ}) {
|
|
17200
17346
|
width: var(--_sidebar-section-width);
|
|
17201
17347
|
max-width: var(--_sidebar-section-width);
|
|
17202
17348
|
}
|
|
17203
17349
|
}
|
|
17204
17350
|
|
|
17205
|
-
/* # Box —
|
|
17206
|
-
stacked it's a plain full-width
|
|
17207
|
-
would scroll over the main) and no viewport
|
|
17351
|
+
/* # Box — the surface around it, edged by a divider. Sticky + scrollable only
|
|
17352
|
+
beside the main (wide); when stacked it's a plain full-width box above the
|
|
17353
|
+
main, so no sticky (which would scroll over the main) and no viewport
|
|
17354
|
+
height cap. */
|
|
17208
17355
|
|
|
17209
17356
|
.sidebar-section__sidebar-box {
|
|
17210
17357
|
box-sizing: border-box;
|
|
17211
17358
|
border-radius: var(--semantics-surfaces-corner-radius);
|
|
17212
17359
|
background-color: var(--_sidebar-section-sidebar-box-background-color);
|
|
17213
|
-
box-shadow: inset 0 0 0 var(--semantics-surfaces-border-width) var(--_sidebar-section-sidebar-box-
|
|
17360
|
+
box-shadow: inset 0 0 0 var(--semantics-surfaces-border-width) var(--_sidebar-section-sidebar-box-border-color);
|
|
17214
17361
|
|
|
17215
|
-
@container (min-width: ${
|
|
17362
|
+
@container (min-width: ${JJ}) {
|
|
17216
17363
|
position: sticky;
|
|
17217
17364
|
top: var(--_sidebar-section-sticky-top);
|
|
17218
17365
|
bottom: var(--_sidebar-section-sticky-bottom);
|
|
@@ -17222,7 +17369,7 @@ else:
|
|
|
17222
17369
|
overflow-y: auto;
|
|
17223
17370
|
}
|
|
17224
17371
|
}
|
|
17225
|
-
`;w();function
|
|
17372
|
+
`;w();function XJ(e){let t=e.collapsed,n=e._resolvedSidebarLabel;return x`
|
|
17226
17373
|
<section class="sidebar-section">
|
|
17227
17374
|
<div class="sidebar-section__body">
|
|
17228
17375
|
<header class="sidebar-section__header"
|
|
@@ -17278,7 +17425,7 @@ else:
|
|
|
17278
17425
|
</nldd-page>
|
|
17279
17426
|
`:S}
|
|
17280
17427
|
</nldd-sheet>
|
|
17281
|
-
`}var
|
|
17428
|
+
`}var ZJ={"components.sidebar-section.sidebar-label":`Zijbalk`,"components.sidebar-section.sheet-dismiss-action":`Sluit`},QJ,$J,eY,tY,nY=n((()=>{w(),L(),QJ=l(I.smMax),$J=l(I.mdMin),eY=l(I.lgMin),tY=u`
|
|
17282
17429
|
:host {
|
|
17283
17430
|
box-sizing: border-box;
|
|
17284
17431
|
}
|
|
@@ -17363,7 +17510,7 @@ else:
|
|
|
17363
17510
|
padding: 0;
|
|
17364
17511
|
flex-direction: column;
|
|
17365
17512
|
|
|
17366
|
-
@media (max-width: ${
|
|
17513
|
+
@media (max-width: ${QJ}) {
|
|
17367
17514
|
inset: auto 0 0 0;
|
|
17368
17515
|
border-radius: var(--semantics-overlays-corner-radius) var(--semantics-overlays-corner-radius) 0 0;
|
|
17369
17516
|
width: 100%;
|
|
@@ -17380,7 +17527,7 @@ else:
|
|
|
17380
17527
|
}
|
|
17381
17528
|
}
|
|
17382
17529
|
|
|
17383
|
-
@media (min-width: ${
|
|
17530
|
+
@media (min-width: ${$J}) {
|
|
17384
17531
|
inset: var(--semantics-overlays-inset) var(--semantics-overlays-inset) var(--semantics-overlays-inset) auto;
|
|
17385
17532
|
border-radius: var(--semantics-overlays-corner-radius);
|
|
17386
17533
|
width: min(var(--_sheet-width, var(--semantics-sheets-side-md-width)), calc(100vw - var(--semantics-overlays-inset) * 2));
|
|
@@ -17395,7 +17542,7 @@ else:
|
|
|
17395
17542
|
}
|
|
17396
17543
|
}
|
|
17397
17544
|
|
|
17398
|
-
@media (min-width: ${
|
|
17545
|
+
@media (min-width: ${eY}) {
|
|
17399
17546
|
width: min(var(--_sheet-width, var(--semantics-sheets-side-lg-width)), calc(100vw - var(--semantics-overlays-inset) * 2));
|
|
17400
17547
|
}
|
|
17401
17548
|
}
|
|
@@ -17415,7 +17562,7 @@ else:
|
|
|
17415
17562
|
}
|
|
17416
17563
|
|
|
17417
17564
|
:host([placement="left"]) .sheet {
|
|
17418
|
-
@media (min-width: ${
|
|
17565
|
+
@media (min-width: ${$J}) {
|
|
17419
17566
|
inset: var(--semantics-overlays-inset) auto var(--semantics-overlays-inset) var(--semantics-overlays-inset);
|
|
17420
17567
|
border-radius: var(--semantics-overlays-corner-radius);
|
|
17421
17568
|
width: min(var(--_sheet-width, var(--semantics-sheets-side-md-width)), calc(100vw - var(--semantics-overlays-inset) * 2));
|
|
@@ -17430,13 +17577,13 @@ else:
|
|
|
17430
17577
|
}
|
|
17431
17578
|
}
|
|
17432
17579
|
|
|
17433
|
-
@media (min-width: ${
|
|
17580
|
+
@media (min-width: ${eY}) {
|
|
17434
17581
|
width: min(var(--_sheet-width, var(--semantics-sheets-side-lg-width)), calc(100vw - var(--semantics-overlays-inset) * 2));
|
|
17435
17582
|
}
|
|
17436
17583
|
}
|
|
17437
17584
|
|
|
17438
17585
|
:host([placement="bottom"]) .sheet {
|
|
17439
|
-
@media (min-width: ${
|
|
17586
|
+
@media (min-width: ${$J}) {
|
|
17440
17587
|
inset: auto 0 0 0;
|
|
17441
17588
|
margin-inline: auto;
|
|
17442
17589
|
border-radius: var(--semantics-overlays-corner-radius) var(--semantics-overlays-corner-radius) 0 0;
|
|
@@ -17454,7 +17601,7 @@ else:
|
|
|
17454
17601
|
}
|
|
17455
17602
|
}
|
|
17456
17603
|
|
|
17457
|
-
@media (min-width: ${
|
|
17604
|
+
@media (min-width: ${eY}) {
|
|
17458
17605
|
width: calc(100% - var(--semantics-sheets-bottom-lg-inline-inset));
|
|
17459
17606
|
}
|
|
17460
17607
|
}
|
|
@@ -17486,7 +17633,7 @@ else:
|
|
|
17486
17633
|
flex-shrink: 1;
|
|
17487
17634
|
flex-basis: 0;
|
|
17488
17635
|
}
|
|
17489
|
-
`}));function
|
|
17636
|
+
`}));function rY(e){return x`
|
|
17490
17637
|
<dialog class="sheet"
|
|
17491
17638
|
aria-label=${e._resolvedAccessibleLabel}
|
|
17492
17639
|
aria-modal="true"
|
|
@@ -17502,7 +17649,7 @@ else:
|
|
|
17502
17649
|
everything outside it. Plumbing, not consumer API. -->
|
|
17503
17650
|
<slot name="notifications"></slot>
|
|
17504
17651
|
</dialog>
|
|
17505
|
-
`}var
|
|
17652
|
+
`}var iY=n((()=>{w()}));function aY(e){let t=e.querySelector(`[autofocus]`);if(!t)return!1;t.focus();let n=t.updateComplete;return n&&typeof n.then==`function`&&n.then(()=>{(!e.contains(document.activeElement)||document.activeElement===e)&&t.focus()}),!0}var oY=n((()=>{}));function sY(e){return e.composedPath().some(e=>e instanceof Element&&e.tagName.toLowerCase()===`nldd-top-title-bar`)}var cY=n((()=>{}));function lY(e,t,n){let r=!1;return e.updateComplete.then(()=>{!r&&t()&&n()}),()=>{r=!0}}var uY=n((()=>{})),dY,fY,pY=n((()=>{dY=`nldd-sheet, nldd-window, nldd-modal-dialog, nldd-popover`,fY=class{constructor(e){this._host=e,this.text=``,this._observer=null,e.addController(this)}hostConnected(){this._read(),this._observer=new MutationObserver(e=>{e.some(e=>e.type===`childList`||e.target.localName===`nldd-top-title-bar`)&&this._read()}),this._observer.observe(this._host,{subtree:!0,childList:!0,attributes:!0,attributeFilter:[`text`]})}hostDisconnected(){this._observer?.disconnect(),this._observer=null}_read(){let e=[...this._host.querySelectorAll(`nldd-top-title-bar`)].find(e=>e.closest(dY)===this._host)?.getAttribute(`text`)?.trim()??``;e!==this.text&&(this.text=e,this._host.requestUpdate())}}})),mY=r({NLDDSheet:()=>_Y}),hY,gY,_Y,vY=n((()=>{w(),O(),P(),nY(),iY(),ji(),oY(),cY(),uY(),pY(),M(),gY=1e3,_Y=(hY=class extends C{constructor(...e){super(...e),this.width=``,this.height=``,this.placement=`right`,this.accessibleLabel=``,this._titleBar=new fY(this),this.open=!1,this._hasWarnedLabel=!1,this._hasWarnedHeight=!1,this._closing=!1,this._cancelPendingOpen=null,this._closeFallback=0,this._pointerDownOnBackdrop=!1,this._closeEmitted=!1,this._handleDismiss=e=>{sY(e)&&(e.stopPropagation(),this.hide())}}get _resolvedAccessibleLabel(){return this.accessibleLabel||this._titleBar.text||`Venster`}updated(e){if(e.has(`open`)){let e=this._dialog;this.open&&(!e?.open||this._closing)?this.show():!this.open&&e?.open&&!this._closing&&this.hide()}if(e.has(`width`)&&(this.width?this.style.setProperty(`--_sheet-width`,this.width):this.style.removeProperty(`--_sheet-width`)),e.has(`height`)){let e=this.height;e&&e!==`full`&&CSS.supports(`height`,e)?this.style.setProperty(`--_sheet-height`,e):this.style.removeProperty(`--_sheet-height`)}}get _dialog(){return this.shadowRoot?.querySelector(`dialog`)??null}connectedCallback(){super.connectedCallback(),this.style.containerType=`inline-size`,this.style.containerName=`layout-container`,this.addEventListener(`dismiss`,this._handleDismiss)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`dismiss`,this._handleDismiss)}show(){let e=this._dialog;if(!e){this._cancelPendingOpen?.(),this._cancelPendingOpen=lY(this,()=>this._dialog,()=>this.show());return}this._cancelPendingOpen?.(),this._cancelPendingOpen=null,this._closeEmitted=!1,this._closing?(window.clearTimeout(this._closeFallback),this._closing=!1,e.classList.remove(`is-closing`)):e.showModal(),this.open=!0,this._manageFocus(),this.dispatchEvent(new CustomEvent(`open`,{bubbles:!0,composed:!0}))}_manageFocus(){if(aY(this))return;let e=this._dialog;e&&(e.classList.toggle(`is-pointer-focus`,Ei()),e.focus())}hide(){this._cancelPendingOpen?.(),this._cancelPendingOpen=null;let e=this._dialog;if(!e||!e.open||this._closing)return;this.open=!1,this._closing=!0,e.classList.add(`is-closing`);let t=()=>{this._closing&&(window.clearTimeout(this._closeFallback),e.classList.remove(`is-closing`),this._closing=!1,e.close(),this._emitClose())};e.addEventListener(`animationend`,t,{once:!0}),requestAnimationFrame(()=>{this._closing&&getComputedStyle(e).animationName===`none`&&t()}),this._closeFallback=window.setTimeout(t,gY)}_handleDialogPointerDown(e){this._pointerDownOnBackdrop=e.target===this._dialog}_handleDialogClick(e){e.target===this._dialog&&this._pointerDownOnBackdrop&&this.hide()}_emitClose(){this.open=!1,!this._closeEmitted&&(this._closeEmitted=!0,this.dispatchEvent(new CustomEvent(`close`,{bubbles:!1,composed:!0})))}_handleDialogClose(e){e.target===this._dialog&&(this._closing=!1,this._dialog?.classList.remove(`is-closing`),this._emitClose())}_handleCancel(e){e.preventDefault(),this.hide()}render(){return rY(this)}},hY.styles=tY,hY),j([E({reflect:!0,converter:N(``)})],_Y.prototype,`width`,void 0),j([E({type:String,reflect:!0})],_Y.prototype,`height`,void 0),j([E({reflect:!0,converter:N(`right`)})],_Y.prototype,`placement`,void 0),j([E({type:String,attribute:`accessible-label`})],_Y.prototype,`accessibleLabel`,void 0),j([E({type:Boolean,reflect:!0})],_Y.prototype,`open`,void 0),_Y=j([T(`nldd-sheet`)],_Y)}));w(),O(),P(),Wq(),L(),vY(),Gz(),At(),M();var yY=class extends Bq(C){constructor(...e){super(...e),this.width=``,this.sidebarLabel=``,this.translations={},this.noCollapse=!1,this.stickyTop=``,this.stickyBottom=``,this.collapsed=!1,this._lgMin=parseInt(I.lgMin,10),this._hasMeasured=!1,this._sheetOpen=!1,this._onResize=e=>{let t=e[0],n=t.contentBoxSize?.[0]?.inlineSize??t.contentRect.width,r=this._hasMeasured;this._hasMeasured=!0,this._applyCollapsed(n,r)},this._onSheetOpen=()=>{this._sheetOpen=!0},this._onSheetClose=()=>{this._sheetOpen=!1}}get _resolvedSidebarLabel(){return this.sidebarLabel||this._t(`components.sidebar-section.sidebar-label`)}get _sheetDismissText(){return this._t(`components.sidebar-section.sheet-dismiss-action`)}_t(e){return Tt(this.translations,ZJ,e)}connectedCallback(){super.connectedCallback(),this._ro=new ResizeObserver(this._onResize),this._ro.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this._ro?.disconnect(),this._ro=void 0,this._hasMeasured=!1}firstUpdated(){this._applyCollapsed(this.clientWidth,!1)}_applyCollapsed(e,t){let n=e<this._lgMin&&!this.noCollapse;n!==this.collapsed&&(this.collapsed=n,t&&this.dispatchEvent(new CustomEvent(`collapse-change`,{detail:{collapsed:n},bubbles:!0,composed:!0})))}updated(e){if(super.updated(e),e.has(`width`)){let e=this.width;e&&e!==`full`&&CSS.supports(`max-width`,e)?this.style.setProperty(`--_sidebar-section-max-width`,e):this.style.removeProperty(`--_sidebar-section-max-width`)}e.has(`stickyTop`)&&this._applyInset(`--_sidebar-section-sticky-top`,this.stickyTop),e.has(`stickyBottom`)&&this._applyInset(`--_sidebar-section-sticky-bottom`,this.stickyBottom),e.has(`noCollapse`)&&this._applyCollapsed(this.clientWidth,!1),e.has(`collapsed`)&&!this.collapsed&&this._sheet?.hide()}_applyInset(e,t){t&&CSS.supports(`top`,t)?this.style.setProperty(e,t):this.style.removeProperty(e)}show(){this.collapsed&&this._sheet?.show()}hide(){this._sheet?.hide()}toggle(){this.collapsed&&(this._sheetOpen?this._sheet?.hide():this._sheet?.show())}render(){return XJ(this)}},bY=(yY.styles=YJ,yY);j([E({reflect:!0,converter:N(``)})],bY.prototype,`width`,void 0),j([E({type:String,attribute:`sidebar-label`})],bY.prototype,`sidebarLabel`,void 0),j([E({type:Object})],bY.prototype,`translations`,void 0),j([E({type:Boolean,reflect:!0,attribute:`no-collapse`})],bY.prototype,`noCollapse`,void 0),j([E({type:String,reflect:!0,attribute:`sticky-top`})],bY.prototype,`stickyTop`,void 0),j([E({type:String,reflect:!0,attribute:`sticky-bottom`})],bY.prototype,`stickyBottom`,void 0),j([E({type:Boolean,reflect:!0})],bY.prototype,`collapsed`,void 0),j([ut(`.sidebar-section__sheet`)],bY.prototype,`_sheet`,void 0),bY=j([T(`nldd-sidebar-section`)],bY),w();var xY=u`
|
|
17506
17653
|
:host {
|
|
17507
17654
|
box-sizing: border-box;
|
|
17508
17655
|
}
|
|
@@ -17556,11 +17703,11 @@ else:
|
|
|
17556
17703
|
border: var(--_box-border-width) solid CanvasText;
|
|
17557
17704
|
}
|
|
17558
17705
|
}
|
|
17559
|
-
`;w();function
|
|
17706
|
+
`;w();function SY(e){return x`
|
|
17560
17707
|
<div class="box">
|
|
17561
17708
|
<slot></slot>
|
|
17562
17709
|
</div>
|
|
17563
|
-
`}w(),O(),P(),M();var
|
|
17710
|
+
`}w(),O(),P(),M();var CY=class extends C{constructor(...e){super(...e),this.background=`tinted`}render(){return SY(this)}},wY=(CY.styles=xY,CY);j([E({reflect:!0,converter:N(`tinted`)})],wY.prototype,`background`,void 0),wY=j([T(`nldd-box`)],wY),w();var TY=u`
|
|
17564
17711
|
:host {
|
|
17565
17712
|
box-sizing: border-box;
|
|
17566
17713
|
}
|
|
@@ -17715,7 +17862,7 @@ else:
|
|
|
17715
17862
|
.card__footer[hidden] {
|
|
17716
17863
|
display: none;
|
|
17717
17864
|
}
|
|
17718
|
-
`;w(),bt();function
|
|
17865
|
+
`;w(),bt();function EY(e){let t=e.href&&e.target===`_blank`?e._t(`components.card.opens-in-new-tab-label`):``,n=[e.accessibleLabel,t].filter(Boolean).join(`, `)||S,r=!!e.href||e.button;return x`
|
|
17719
17866
|
<article class="card"
|
|
17720
17867
|
aria-label=${r?S:e.accessibleLabel??S}
|
|
17721
17868
|
>
|
|
@@ -17753,7 +17900,7 @@ else:
|
|
|
17753
17900
|
</footer>
|
|
17754
17901
|
</article>
|
|
17755
17902
|
<span class="card__focus-ring"></span>
|
|
17756
|
-
`}var
|
|
17903
|
+
`}var DY={"components.card.opens-in-new-tab-label":`Opent in nieuw tabblad`};w(),O(),P(),Mt(),M();var OY=class extends jt(C,DY){constructor(...e){super(...e),this.background=`base`,this.href=``,this.target=``,this.rel=``,this.button=!1,this._warnedLabel=!1,this._actionFocused=!1,this._onFocusIn=e=>{let t=e.composedPath()[0];this._actionFocused=!!t?.matches?.(`.card__action:focus-visible`)},this._onFocusOut=()=>{this._actionFocused=!1},this._onSlotChange=e=>{let t=e.target,n=t.parentElement;n.hidden=t.assignedElements().length===0}}connectedCallback(){super.connectedCallback(),this.addEventListener(`focusin`,this._onFocusIn),this.addEventListener(`focusout`,this._onFocusOut),this.style.containerType=`inline-size`,this.style.containerName=`layout-container`}updated(){this.classList.toggle(`is-action-focused`,this._actionFocused)}disconnectedCallback(){this.removeEventListener(`focusin`,this._onFocusIn),this.removeEventListener(`focusout`,this._onFocusOut),super.disconnectedCallback()}render(){return EY(this)}},kY=(OY.styles=TY,OY);j([E({reflect:!0,converter:N(`base`)})],kY.prototype,`background`,void 0),j([E({type:String,attribute:`accessible-label`})],kY.prototype,`accessibleLabel`,void 0),j([E({type:String,reflect:!0})],kY.prototype,`href`,void 0),j([E({type:String})],kY.prototype,`target`,void 0),j([E({type:String})],kY.prototype,`rel`,void 0),j([E({type:Boolean,reflect:!0})],kY.prototype,`button`,void 0),j([D()],kY.prototype,`_actionFocused`,void 0),kY=j([T(`nldd-card`)],kY),w(),L();var AY=l(I.smMax),jY=l(I.mdMin),MY=l(I.mdMax),NY=l(I.lgMin),PY=u`
|
|
17757
17904
|
:host {
|
|
17758
17905
|
box-sizing: border-box;
|
|
17759
17906
|
}
|
|
@@ -17773,13 +17920,13 @@ else:
|
|
|
17773
17920
|
--_collection-lg-gap: var(--primitives-space-24);
|
|
17774
17921
|
--_collection-gap: var(--_collection-sm-gap);
|
|
17775
17922
|
|
|
17776
|
-
@media (max-width: ${
|
|
17777
|
-
@media (min-width: ${
|
|
17778
|
-
@media (min-width: ${
|
|
17923
|
+
@media (max-width: ${AY}) { --_collection-gap: var(--_collection-sm-gap); }
|
|
17924
|
+
@media (min-width: ${jY}) and (max-width: ${MY}) { --_collection-gap: var(--_collection-md-gap); }
|
|
17925
|
+
@media (min-width: ${NY}) { --_collection-gap: var(--_collection-lg-gap); }
|
|
17779
17926
|
|
|
17780
|
-
@container layout-container (max-width: ${
|
|
17781
|
-
@container layout-container (min-width: ${
|
|
17782
|
-
@container layout-container (min-width: ${
|
|
17927
|
+
@container layout-container (max-width: ${AY}) { --_collection-gap: var(--_collection-sm-gap); }
|
|
17928
|
+
@container layout-container (min-width: ${jY}) and (max-width: ${MY}) { --_collection-gap: var(--_collection-md-gap); }
|
|
17929
|
+
@container layout-container (min-width: ${NY}) { --_collection-gap: var(--_collection-lg-gap); }
|
|
17783
17930
|
|
|
17784
17931
|
display: flex;
|
|
17785
17932
|
width: 100%;
|
|
@@ -17930,7 +18077,7 @@ else:
|
|
|
17930
18077
|
justify-content: flex-end;
|
|
17931
18078
|
gap: var(--primitives-space-16);
|
|
17932
18079
|
}
|
|
17933
|
-
`;w(),Rs();function
|
|
18080
|
+
`;w(),Rs();function FY(e){let t=e.layout===`horizontal-scroll`,n=!t&&e.showLoadMore&&e._hasMore,r=t&&e._isScrollable,i=r||n||e._hasFooterSlot;return x`
|
|
17934
18081
|
<div class="collection__scroll-area">
|
|
17935
18082
|
<div class="collection__items"
|
|
17936
18083
|
tabindex=${Is(r?`0`:void 0)}
|
|
@@ -17976,7 +18123,7 @@ else:
|
|
|
17976
18123
|
`:S}
|
|
17977
18124
|
</slot>
|
|
17978
18125
|
</footer>
|
|
17979
|
-
`}var
|
|
18126
|
+
`}var IY={"components.collection.previous-action":`Vorige`,"components.collection.next-action":`Volgende`,"components.collection.load-more-action":`Toon meer`,"components.collection.region-label":`Collectie`};w(),O(),P(),wn(),Ki(),F(),At(),M();var LY=class extends C{constructor(...e){super(...e),this.layout=`grid`,this.maxItems=24,this.translations={},this.showLoadMore=!1,this.lazyLoad=!1,this._visibleCount=0,this._totalCount=0,this._atStart=!0,this._atEnd=!1,this._isScrollable=!1,this._hasFooterSlot=!1,this._onFooterSlotChange=e=>{let t=e.target;queueMicrotask(()=>{this._hasFooterSlot=t.assignedElements().length>0})},this._scrollListener=()=>{let e=this._itemsEl;if(!e)return;let t=this._atStart,n=this._atEnd;this._atStart=e.scrollLeft<1,this._atEnd=e.scrollLeft+e.clientWidth>=e.scrollWidth-1,this._isScrollable=e.scrollWidth>e.clientWidth,!t&&this._atStart&&this._handOffControlFocus(`previous`),!n&&this._atEnd&&this._handOffControlFocus(`next`)},this._scrollListenerAttached=!1}_t(e){return Tt(this.translations,IY,e)}_handOffControlFocus(e){let t=this.shadowRoot?.querySelectorAll(`nldd-icon-button`);if(!t||t.length<2)return;let[n,r]=t,i=e===`previous`?n:r;if(this.shadowRoot?.activeElement!==i)return;let a=e===`previous`?r:n;this.updateComplete.then(()=>{a.disabled||a.focus()})}connectedCallback(){super.connectedCallback(),this._visibleCount=this.maxItems}disconnectedCallback(){super.disconnectedCallback(),this._intersectionObserver?.disconnect(),this._teardownScrollListeners()}updated(e){if(e.has(`layout`)&&this._setupScrollListeners(),e.has(`itemWidth`)&&(this.itemWidth?this.style.setProperty(`--_collection-item-width`,this.itemWidth):this.style.removeProperty(`--_collection-item-width`)),e.has(`gap`)||e.has(`smGap`)||e.has(`mdGap`)||e.has(`lgGap`)){let e=Os(this.gap,`nldd-collection`,`gap`),t=(t,n,r)=>{let i=n===void 0?e:Os(n,`nldd-collection`,r)??e;i===null?this.style.removeProperty(t):this.style.setProperty(t,i)};t(`--_collection-sm-gap`,this.smGap,`sm-gap`),t(`--_collection-md-gap`,this.mdGap,`md-gap`),t(`--_collection-lg-gap`,this.lgGap,`lg-gap`)}this.lazyLoad&&this._loadMoreBtn&&!this._intersectionObserver?(this._intersectionObserver=new IntersectionObserver(([e])=>{e.isIntersecting&&this._loadMore()},{threshold:.1}),this._intersectionObserver.observe(this._loadMoreBtn)):this._loadMoreBtn||(this._intersectionObserver?.disconnect(),this._intersectionObserver=void 0),this.toggleAttribute(`scrollable`,this.layout===`horizontal-scroll`&&this._isScrollable)}_setupScrollListeners(){this._teardownScrollListeners(),this.layout===`horizontal-scroll`&&this._itemsEl&&(this._itemsEl.addEventListener(`scroll`,this._scrollListener,{passive:!0}),this._resizeObserver=new ResizeObserver(()=>this._scrollListener()),this._resizeObserver.observe(this._itemsEl),this._scrollListenerAttached=!0,this._scrollListener())}_teardownScrollListeners(){this._itemsEl?.removeEventListener(`scroll`,this._scrollListener),this._resizeObserver?.disconnect(),this._resizeObserver=void 0,this._scrollListenerAttached=!1,this._isScrollable=!1}_onSlotChange(e){let t=e.target.assignedElements();queueMicrotask(()=>{this._totalCount=t.length}),this.layout===`horizontal-scroll`?this._scrollListener():this._applyVisibility(t)}_applyVisibility(e){let t=this._itemsEl?.querySelector(`slot`);(e??t?.assignedElements()??[]).forEach((e,t)=>{e.hidden=t>=this._visibleCount})}_loadMore(){this._visibleCount=Math.min(this._visibleCount+this.maxItems,this._totalCount),this._applyVisibility(),this.dispatchEvent(new CustomEvent(`load-more`,{bubbles:!0,composed:!0}))}get _hasMore(){return this._visibleCount<this._totalCount}_scrollBy(e){let t=this._itemsEl;if(!t)return;let n=t.querySelector(`slot`)?.assignedElements()??[];if(n.length===0)return;let r=t.getBoundingClientRect().left,i=parseFloat(getComputedStyle(t).scrollPaddingInlineStart)||0,a=n.map(e=>Math.round(e.getBoundingClientRect().left-r+t.scrollLeft-i)),o=t.scrollLeft,s=e===1?a.find(e=>e>o+2):a.filter(e=>e<o-2).pop();s!==void 0&&t.scrollTo({left:s,behavior:`smooth`})}render(){return FY(this)}},RY=(LY.styles=PY,LY);j([E({reflect:!0,converter:N(`grid`)})],RY.prototype,`layout`,void 0),j([E({type:String,reflect:!0,attribute:`item-width`})],RY.prototype,`itemWidth`,void 0),j([E({type:String,reflect:!0})],RY.prototype,`gap`,void 0),j([E({type:String,reflect:!0,attribute:`sm-gap`})],RY.prototype,`smGap`,void 0),j([E({type:String,reflect:!0,attribute:`md-gap`})],RY.prototype,`mdGap`,void 0),j([E({type:String,reflect:!0,attribute:`lg-gap`})],RY.prototype,`lgGap`,void 0),j([E({type:Number,attribute:`max-items`})],RY.prototype,`maxItems`,void 0),j([E({type:Object})],RY.prototype,`translations`,void 0),j([E({type:Boolean,reflect:!0,attribute:`show-load-more`})],RY.prototype,`showLoadMore`,void 0),j([E({type:Boolean,reflect:!0,attribute:`lazy-load`})],RY.prototype,`lazyLoad`,void 0),j([D()],RY.prototype,`_visibleCount`,void 0),j([D()],RY.prototype,`_totalCount`,void 0),j([D()],RY.prototype,`_atStart`,void 0),j([D()],RY.prototype,`_atEnd`,void 0),j([D()],RY.prototype,`_isScrollable`,void 0),j([D()],RY.prototype,`_hasFooterSlot`,void 0),j([ut(`.collection__items`)],RY.prototype,`_itemsEl`,void 0),j([ut(`nldd-button.load-more`)],RY.prototype,`_loadMoreBtn`,void 0),RY=j([T(`nldd-collection`)],RY),w();var zY=u`
|
|
17980
18127
|
:host {
|
|
17981
18128
|
box-sizing: border-box;
|
|
17982
18129
|
}
|
|
@@ -18010,9 +18157,9 @@ else:
|
|
|
18010
18157
|
background-color: CanvasText;
|
|
18011
18158
|
}
|
|
18012
18159
|
}
|
|
18013
|
-
`;w();function
|
|
18160
|
+
`;w();function BY(e){return x`
|
|
18014
18161
|
<hr class="divider">
|
|
18015
|
-
`}w(),O(),M();var
|
|
18162
|
+
`}w(),O(),M();var VY=class extends C{render(){return BY(this)}},HY=(VY.styles=zY,VY);HY=j([T(`nldd-divider`)],HY),w(),A();var UY=u`
|
|
18016
18163
|
:host {
|
|
18017
18164
|
box-sizing: border-box;
|
|
18018
18165
|
}
|
|
@@ -18083,7 +18230,7 @@ else:
|
|
|
18083
18230
|
::slotted(*) {
|
|
18084
18231
|
min-height: 0;
|
|
18085
18232
|
}
|
|
18086
|
-
`;w();function
|
|
18233
|
+
`;w();function WY(e){return x`
|
|
18087
18234
|
<dialog class="window"
|
|
18088
18235
|
aria-label=${e._resolvedAccessibleLabel}
|
|
18089
18236
|
aria-modal="true"
|
|
@@ -18099,7 +18246,7 @@ else:
|
|
|
18099
18246
|
everything outside it. Plumbing, not consumer API. -->
|
|
18100
18247
|
<slot name="notifications"></slot>
|
|
18101
18248
|
</dialog>
|
|
18102
|
-
`}var
|
|
18249
|
+
`}var GY={"components.window.accessible-label":`Venster`};w(),O(),ji(),oY(),cY(),pY(),uY(),At(),M();var KY=class extends C{constructor(...e){super(...e),this.scheme=`inherit`,this.centered=!1,this.accessibleLabel=``,this.translations={},this.noLightDismiss=!1,this.open=!1,this._closing=!1,this._hasWarnedLabel=!1,this._titleBar=new fY(this),this._cancelPendingOpen=null,this._closeEmitted=!1,this._handleDialogClose=e=>{e.target===this._dialog&&(this._closing=!1,this._emitClose())},this._pointerDownOnBackdrop=!1,this._handleDialogPointerDown=e=>{this._pointerDownOnBackdrop=this._isOnBackdrop(e)},this._handleDialogClick=e=>{this.noLightDismiss||this._isOnBackdrop(e)&&this._pointerDownOnBackdrop&&this.hide()},this._handleCancel=e=>{e.preventDefault(),this.hide()},this._handleDismiss=e=>{sY(e)&&(e.stopPropagation(),this.hide())}}get _dialog(){return this.shadowRoot?.querySelector(`dialog`)??null}connectedCallback(){super.connectedCallback(),this.style.containerType=`inline-size`,this.style.containerName=`layout-container`,this.addEventListener(`dismiss`,this._handleDismiss)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`dismiss`,this._handleDismiss)}firstUpdated(){this._applyScheme()}updated(e){if(e.has(`open`)){let e=this._dialog;this.open&&!e?.open?this.show():!this.open&&e?.open&&this.hide()}this._applyPositionStyles(),e.has(`scheme`)&&this._applyScheme()}_applyScheme(){let e=this._dialog;this.scheme===`light`||this.scheme===`dark`?(this.style.colorScheme=this.scheme,e&&(e.style.colorScheme=this.scheme)):(this.style.removeProperty(`color-scheme`),e&&e.style.removeProperty(`color-scheme`))}_t(e){return Tt(this.translations,GY,e)}get _resolvedAccessibleLabel(){return this.accessibleLabel||this._titleBar.text||this._t(`components.window.accessible-label`)}show(){let e=this._dialog;if(!e){this._cancelPendingOpen?.(),this._cancelPendingOpen=lY(this,()=>this._dialog,()=>this.show());return}this._cancelPendingOpen?.(),this._cancelPendingOpen=null,this._closeEmitted=!1,e.showModal(),this.open=!0,this._applyPositionStyles(),this._manageFocus(),this.dispatchEvent(new CustomEvent(`open`,{bubbles:!0,composed:!0}))}hide(){this._cancelPendingOpen?.(),this._cancelPendingOpen=null;let e=this._dialog;e&&e.open&&!this._closing&&(this.open=!1,this._closing=!0,e.close(),this._closing=!1,this._emitClose())}_emitClose(){this.open=!1,!this._closeEmitted&&(this._closeEmitted=!0,this.dispatchEvent(new CustomEvent(`close`,{bubbles:!1,composed:!0})))}_manageFocus(){if(aY(this))return;let e=this._dialog;e&&(e.classList.toggle(`is-pointer-focus`,Ei()),e.focus())}_applyPositionStyles(){let e=this._dialog;if(!e)return;let t=this.top!==void 0||this.left!==void 0||this.right!==void 0||this.bottom!==void 0||this.centered,n=this.centered&&this.top===void 0&&this.bottom===void 0,r=this.centered&&this.left===void 0&&this.right===void 0;e.style.top=this.top??(n?`50%`:this.bottom===void 0?``:`auto`),e.style.bottom=this.bottom??(this.top===void 0?``:`auto`),e.style.left=this.left??(r?`50%`:this.right===void 0?``:`auto`),e.style.right=this.right??(this.left===void 0?``:`auto`),e.style.width=this.width??``,e.style.height=this.height??``,e.style.transform=r||n?`translate(${r?`-50%`:`0`}, ${n?`-50%`:`0`})`:``,e.style.margin=t?`0`:``}_isOnBackdrop(e){let t=this._dialog;if(!t||e.composedPath()[0]!==t)return!1;let n=t.getBoundingClientRect();return e.clientX<n.left||e.clientX>n.right||e.clientY<n.top||e.clientY>n.bottom}render(){return WY(this)}},qY=(KY.styles=UY,KY);j([E({type:String,reflect:!0})],qY.prototype,`scheme`,void 0),j([E({type:String,reflect:!0})],qY.prototype,`width`,void 0),j([E({type:String,reflect:!0})],qY.prototype,`height`,void 0),j([E({type:String,reflect:!0})],qY.prototype,`top`,void 0),j([E({type:String,reflect:!0})],qY.prototype,`right`,void 0),j([E({type:String,reflect:!0})],qY.prototype,`bottom`,void 0),j([E({type:String,reflect:!0})],qY.prototype,`left`,void 0),j([E({type:Boolean,reflect:!0})],qY.prototype,`centered`,void 0),j([E({type:String,attribute:`accessible-label`})],qY.prototype,`accessibleLabel`,void 0),j([E({type:Object})],qY.prototype,`translations`,void 0),j([E({type:Boolean,reflect:!0,attribute:`no-light-dismiss`})],qY.prototype,`noLightDismiss`,void 0),j([E({type:Boolean,reflect:!0})],qY.prototype,`open`,void 0),qY=j([T(`nldd-window`)],qY),w(),L(),A();var JY=l(I.smMax),YY=l(I.mdMin),XY=l(I.mdMax),ZY=l(I.lgMin),QY=u`
|
|
18103
18250
|
:host {
|
|
18104
18251
|
box-sizing: border-box;
|
|
18105
18252
|
}
|
|
@@ -18138,17 +18285,17 @@ else:
|
|
|
18138
18285
|
flex-direction: column;
|
|
18139
18286
|
align-items: center;
|
|
18140
18287
|
|
|
18141
|
-
@container (max-width: ${
|
|
18288
|
+
@container (max-width: ${JY}) {
|
|
18142
18289
|
padding-inline: var(--semantics-page-sections-sm-margin-inline);
|
|
18143
18290
|
--_page-footer-ribbon-width: var(--semantics-brand-ribbon-sm-width);
|
|
18144
18291
|
}
|
|
18145
18292
|
|
|
18146
|
-
@container (min-width: ${
|
|
18293
|
+
@container (min-width: ${YY}) and (max-width: ${XY}) {
|
|
18147
18294
|
padding-inline: var(--semantics-page-sections-md-margin-inline);
|
|
18148
18295
|
--_page-footer-ribbon-width: var(--semantics-brand-ribbon-md-width);
|
|
18149
18296
|
}
|
|
18150
18297
|
|
|
18151
|
-
@container (min-width: ${
|
|
18298
|
+
@container (min-width: ${ZY}) {
|
|
18152
18299
|
padding-inline: var(--semantics-page-sections-lg-margin-inline);
|
|
18153
18300
|
--_page-footer-ribbon-width: var(--semantics-brand-ribbon-lg-width);
|
|
18154
18301
|
}
|
|
@@ -18189,29 +18336,29 @@ else:
|
|
|
18189
18336
|
|
|
18190
18337
|
.page-footer__breadcrumbs,
|
|
18191
18338
|
.page-footer__legal-bar {
|
|
18192
|
-
@container (max-width: ${
|
|
18339
|
+
@container (max-width: ${JY}) {
|
|
18193
18340
|
padding-block: var(--primitives-space-16);
|
|
18194
18341
|
}
|
|
18195
18342
|
|
|
18196
|
-
@container (min-width: ${
|
|
18343
|
+
@container (min-width: ${YY}) and (max-width: ${XY}) {
|
|
18197
18344
|
padding-block: var(--primitives-space-24);
|
|
18198
18345
|
}
|
|
18199
18346
|
|
|
18200
|
-
@container (min-width: ${
|
|
18347
|
+
@container (min-width: ${ZY}) {
|
|
18201
18348
|
padding-block: var(--primitives-space-24);
|
|
18202
18349
|
}
|
|
18203
18350
|
}
|
|
18204
18351
|
|
|
18205
18352
|
.page-footer__main {
|
|
18206
|
-
@container (max-width: ${
|
|
18353
|
+
@container (max-width: ${JY}) {
|
|
18207
18354
|
padding-block: var(--primitives-space-24);
|
|
18208
18355
|
}
|
|
18209
18356
|
|
|
18210
|
-
@container (min-width: ${
|
|
18357
|
+
@container (min-width: ${YY}) and (max-width: ${XY}) {
|
|
18211
18358
|
padding-block: var(--primitives-space-32);
|
|
18212
18359
|
}
|
|
18213
18360
|
|
|
18214
|
-
@container (min-width: ${
|
|
18361
|
+
@container (min-width: ${ZY}) {
|
|
18215
18362
|
padding-block: var(--primitives-space-48);
|
|
18216
18363
|
}
|
|
18217
18364
|
}
|
|
@@ -18244,7 +18391,7 @@ else:
|
|
|
18244
18391
|
background-color: CanvasText;
|
|
18245
18392
|
}
|
|
18246
18393
|
}
|
|
18247
|
-
|
|
18394
|
+
`,$Y=u`
|
|
18248
18395
|
:host {
|
|
18249
18396
|
display: block;
|
|
18250
18397
|
}
|
|
@@ -18287,7 +18434,7 @@ else:
|
|
|
18287
18434
|
.page-footer__legal-bar-start[hidden] + .page-footer__legal-bar-end {
|
|
18288
18435
|
margin-inline-start: auto;
|
|
18289
18436
|
}
|
|
18290
|
-
`,
|
|
18437
|
+
`,eX=u`
|
|
18291
18438
|
:host {
|
|
18292
18439
|
--_page-footer-legal-bar-item-color: var(--semantics-content-secondary-color);
|
|
18293
18440
|
|
|
@@ -18316,7 +18463,7 @@ else:
|
|
|
18316
18463
|
border-radius: var(--primitives-corner-radius-xs);
|
|
18317
18464
|
box-shadow: var(--semantics-focus-ring-box-shadow);
|
|
18318
18465
|
}
|
|
18319
|
-
`;w();function
|
|
18466
|
+
`;w();function tX(e){let t=e._hasBreadcrumbs&&e._hasMain,n=(e._hasBreadcrumbs||e._hasMain)&&e._hasLegalBar;return x`
|
|
18320
18467
|
<div class="page-footer">
|
|
18321
18468
|
<div class="page-footer__body">
|
|
18322
18469
|
<div class="page-footer__breadcrumbs"
|
|
@@ -18348,7 +18495,7 @@ else:
|
|
|
18348
18495
|
</div>
|
|
18349
18496
|
</div>
|
|
18350
18497
|
</div>
|
|
18351
|
-
`}function
|
|
18498
|
+
`}function nX(e){let t=e._t(`components.page-footer.legal-bar-accessible-label`);return x`
|
|
18352
18499
|
<nav class="page-footer__legal-bar"
|
|
18353
18500
|
aria-label=${t||S}
|
|
18354
18501
|
?hidden=${!e._hasStart&&!e._hasEnd}
|
|
@@ -18370,13 +18517,13 @@ else:
|
|
|
18370
18517
|
></slot>
|
|
18371
18518
|
</div>
|
|
18372
18519
|
</nav>
|
|
18373
|
-
`}function
|
|
18520
|
+
`}function rX(e){let t=e.text||x`<slot></slot>`;return e.href?x`
|
|
18374
18521
|
<span class="page-footer__legal-bar-item">
|
|
18375
18522
|
<a class="page-footer__legal-bar-item-link"
|
|
18376
18523
|
href=${e.href}
|
|
18377
18524
|
>${t}</a>
|
|
18378
18525
|
</span>
|
|
18379
|
-
`:x`<span class="page-footer__legal-bar-item">${t}</span>`}var
|
|
18526
|
+
`:x`<span class="page-footer__legal-bar-item">${t}</span>`}var iX={"components.page-footer.legal-bar-accessible-label":`Juridische links`};w(),O(),P(),At(),M();var aX,oX,sX,cX=class extends C{constructor(...e){super(...e),this.text=``}render(){return rX(this)}};aX=cX,aX.styles=eX,j([E({reflect:!0,converter:N(``)})],cX.prototype,`text`,void 0),j([E({type:String,reflect:!0})],cX.prototype,`href`,void 0),customElements.get(`nldd-page-footer-legal-bar-item`)||customElements.define(`nldd-page-footer-legal-bar-item`,cX);var lX=class extends C{constructor(...e){super(...e),this.accessibleLabel=``,this.translations={},this._hasStart=!1,this._hasEnd=!1,this._onSlotChange=e=>{let t=e.target,n=t.assignedElements().length>0,r=t.getAttribute(`name`)??``;r===`start`?this._hasStart=n:r===`end`&&(this._hasEnd=n)}}_t(e){return e===`components.page-footer.legal-bar-accessible-label`&&this.accessibleLabel?this.accessibleLabel:Tt(this.translations,iX,e)}render(){return nX(this)}};oX=lX,oX.styles=$Y,j([E({type:String,attribute:`accessible-label`})],lX.prototype,`accessibleLabel`,void 0),j([E({type:Object})],lX.prototype,`translations`,void 0),j([D()],lX.prototype,`_hasStart`,void 0),j([D()],lX.prototype,`_hasEnd`,void 0),customElements.get(`nldd-page-footer-legal-bar`)||customElements.define(`nldd-page-footer-legal-bar`,lX);var uX=(sX=class extends C{constructor(...e){super(...e),this.width=``,this._hasBreadcrumbs=!1,this._hasMain=!1,this._hasLegalBar=!1,this._onSlotChange=e=>{let t=e.target,n=this._hasMeaningfulContent(t),r=t.getAttribute(`name`)??``;r===`breadcrumbs`?this._hasBreadcrumbs=n:r===`legal-bar`?this._hasLegalBar=n:this._hasMain=n}}connectedCallback(){super.connectedCallback(),this.hasAttribute(`role`)||this.setAttribute(`role`,`contentinfo`),this.id||(this.id=`page-footer`)}_hasMeaningfulContent(e){return(e?.assignedNodes({flatten:!0})??[]).some(e=>e.nodeType===Node.ELEMENT_NODE||e.nodeType===Node.TEXT_NODE&&(e.textContent?.trim()??``)!==``)}updated(e){let t=+!!this._hasBreadcrumbs+ +!!this._hasMain+ +!!this._hasLegalBar;if(this.toggleAttribute(`single-slot`,t===1),this.toggleAttribute(`empty`,t===0),e.has(`width`)){let e=this.width;e&&e!==`full`&&CSS.supports(`max-width`,e)?this.style.setProperty(`--_page-footer-max-width`,e):this.style.removeProperty(`--_page-footer-max-width`)}}render(){return tX(this)}},sX.styles=QY,sX);j([E({reflect:!0,converter:N(``)})],uX.prototype,`width`,void 0),j([D()],uX.prototype,`_hasBreadcrumbs`,void 0),j([D()],uX.prototype,`_hasMain`,void 0),j([D()],uX.prototype,`_hasLegalBar`,void 0),uX=j([T(`nldd-page-footer`)],uX),w();var dX=u`
|
|
18380
18527
|
:host {
|
|
18381
18528
|
box-sizing: border-box;
|
|
18382
18529
|
}
|
|
@@ -18542,7 +18689,7 @@ else:
|
|
|
18542
18689
|
box-shadow: var(--semantics-focus-ring-box-shadow);
|
|
18543
18690
|
pointer-events: none;
|
|
18544
18691
|
}
|
|
18545
|
-
`;w(),bt();function
|
|
18692
|
+
`;w(),bt();function fX(e,t,n,r,i,a,o,s,c,l,u,d,f,p){let m=x`<slot></slot>`,h=a===void 0?u?`false`:S:String(a),g=o??S,_=c||S;return e===`link`?x`<a class="list-item-segment"
|
|
18546
18693
|
href=${t??S}
|
|
18547
18694
|
target=${n??S}
|
|
18548
18695
|
rel=${yt(r,n)||S}
|
|
@@ -18564,7 +18711,7 @@ else:
|
|
|
18564
18711
|
aria-label=${_}
|
|
18565
18712
|
?disabled=${s}
|
|
18566
18713
|
tabindex=${l??S}
|
|
18567
|
-
>${m}</button>`:x`<div class="list-item-segment">${m}</div>`}w(),O(),P(),ji(),M();var
|
|
18714
|
+
>${m}</button>`:x`<div class="list-item-segment">${m}</div>`}w(),O(),P(),ji(),M();var pX=class extends C{constructor(...e){super(...e),this.width=`fit-content`,this.button=!1,this.checkbox=!1,this.disclosure=!1,this.accessibleLabel=``,this.checked=!1,this.popoverTargetElement=null,this.popoverTargetAction=`toggle`,this.current=!1,this.currentType=`page`,this.disabled=!1,this._parentType=`list`,this._handleClick=e=>{if(this.disabled){e.preventDefault(),e.stopPropagation();return}this._control?.focus(),this._controlType===`checkbox`&&e.composedPath().includes(this._control)&&(this.checked=!this.checked,this.dispatchEvent(new CustomEvent(`change`,{detail:{checked:this.checked},bubbles:!0,composed:!0})))},this._handleFocusIn=()=>{this._control?.classList.toggle(`is-pointer-focus`,Ei())},this._handleFocusOut=()=>{this._control?.classList.remove(`is-pointer-focus`)},this._onMouseDown=e=>{e.button>0||this.disabled||e.preventDefault()},this._onPointerDown=e=>{e.button>0||this.disabled||(this._control?.classList.add(`is-pressed`),window.addEventListener(`pointerup`,this._clearPressed),window.addEventListener(`pointercancel`,this._clearPressed),this._control?.focus({preventScroll:!0}))},this._clearPressed=()=>{window.removeEventListener(`pointerup`,this._clearPressed),window.removeEventListener(`pointercancel`,this._clearPressed),this._control?.classList.remove(`is-pressed`)}}connectedCallback(){super.connectedCallback(),this.addEventListener(`focusin`,this._handleFocusIn),this.addEventListener(`focusout`,this._handleFocusOut),this.addEventListener(`click`,this._handleClick),this.addEventListener(`pointerdown`,this._onPointerDown),this.addEventListener(`mousedown`,this._onMouseDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`focusin`,this._handleFocusIn),this.removeEventListener(`focusout`,this._handleFocusOut),this.removeEventListener(`click`,this._handleClick),this.removeEventListener(`pointerdown`,this._onPointerDown),this.removeEventListener(`mousedown`,this._onMouseDown),this._clearPressed()}firstUpdated(){let e=this.closest(`nldd-list`);e&&this._applyParentType(e.type)}_applyParentType(e){this._parentType=e}get _wantsControl(){return!!this.href||this.button||this.checkbox}get _controlType(){return this._parentType===`listbox`||!this._wantsControl?`plain`:this.href?`link`:this.checkbox?`checkbox`:`button`}focus(e){this._control?.focus(e)}updated(){let e=this.disclosure?this._rowExpanded:this.expanded;this.classList.toggle(`is-expanded`,e===!0)}render(){return fX(this._controlType,this.href,this.target,this.rel,this.checked,this.disclosure?this._rowExpanded:this.expanded,this.current?this.currentType:void 0,this.disabled,this.accessibleLabel,this._tabbable===void 0?void 0:this._tabbable?`0`:`-1`,this.popupType,this.popovertarget,this.popoverTargetElement,this.popoverTargetAction)}},mX=(pX.styles=[dX],pX);j([E({reflect:!0,converter:N(`fit-content`)})],mX.prototype,`width`,void 0),j([E({reflect:!0})],mX.prototype,`href`,void 0),j([E({reflect:!0})],mX.prototype,`target`,void 0),j([E({reflect:!0})],mX.prototype,`rel`,void 0),j([E({type:Boolean,reflect:!0})],mX.prototype,`button`,void 0),j([E({type:Boolean,reflect:!0})],mX.prototype,`checkbox`,void 0),j([E({type:Boolean,reflect:!0})],mX.prototype,`disclosure`,void 0),j([E({attribute:`accessible-label`})],mX.prototype,`accessibleLabel`,void 0),j([E({type:Boolean,reflect:!0})],mX.prototype,`checked`,void 0),j([E({type:Boolean,reflect:!0})],mX.prototype,`expanded`,void 0),j([E({attribute:`popup-type`,reflect:!0})],mX.prototype,`popupType`,void 0),j([E({reflect:!0})],mX.prototype,`popovertarget`,void 0),j([E({attribute:!1})],mX.prototype,`popoverTargetElement`,void 0),j([E({attribute:!1})],mX.prototype,`popoverTargetAction`,void 0),j([E({type:Boolean,reflect:!0})],mX.prototype,`current`,void 0),j([E({reflect:!0,attribute:`current-type`,converter:N(`page`)})],mX.prototype,`currentType`,void 0),j([E({type:Boolean,reflect:!0})],mX.prototype,`disabled`,void 0),j([D()],mX.prototype,`_parentType`,void 0),j([D()],mX.prototype,`_tabbable`,void 0),j([D()],mX.prototype,`_rowExpanded`,void 0),j([ut(`.list-item-segment`)],mX.prototype,`_control`,void 0),mX=j([T(`nldd-list-item-segment`)],mX),w(),A();var hX=u`
|
|
18568
18715
|
:host {
|
|
18569
18716
|
box-sizing: border-box;
|
|
18570
18717
|
}
|
|
@@ -18652,7 +18799,7 @@ else:
|
|
|
18652
18799
|
:host(.is-blank) {
|
|
18653
18800
|
display: none;
|
|
18654
18801
|
}
|
|
18655
|
-
`,
|
|
18802
|
+
`,gX=u`
|
|
18656
18803
|
:host {
|
|
18657
18804
|
--_table-row-min-height: var(--semantics-tables-row-min-height);
|
|
18658
18805
|
/* Block padding goes to the cells (same hook the list uses) so it belongs
|
|
@@ -18703,7 +18850,7 @@ else:
|
|
|
18703
18850
|
slot {
|
|
18704
18851
|
display: contents;
|
|
18705
18852
|
}
|
|
18706
|
-
`;w();function
|
|
18853
|
+
`;w();function _X(){return x`
|
|
18707
18854
|
<slot name="header"></slot>
|
|
18708
18855
|
<slot></slot>
|
|
18709
18856
|
<div class="table__empty"
|
|
@@ -18716,7 +18863,7 @@ else:
|
|
|
18716
18863
|
<slot name="empty"></slot>
|
|
18717
18864
|
</div>
|
|
18718
18865
|
</div>
|
|
18719
|
-
`}function
|
|
18866
|
+
`}function vX(e){return x`<slot @slotchange=${e}></slot>`}var yX={"components.table.accessible-label":`Tabel`};w(),O(),P(),L(),uo(),At(),M();var bX,xX,SX=parseInt(I.smMax,10),CX=parseInt(I.mdMax,10),wX=(bX=class extends C{constructor(...e){super(...e),this.background=`base`,this.columns=``,this.smColumns=``,this.mdColumns=``,this.lgColumns=``,this.accessibleLabel=``,this.translations={},this.selectable=!1,this._warnedColumns=!1,this._warnedLabel=!1,this._width=0,this._warnedSilentEmpty=!1}_t(e){return Tt(this.translations,yX,e)}connectedCallback(){super.connectedCallback(),this.setAttribute(`role`,`table`),this.style.containerType=`inline-size`,this.style.containerName=`cells-container`,this._resizeObserver=new ResizeObserver(e=>{this._width=e[0].contentRect.width,this._applyColumns(),this._syncHostA11y()}),this._resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver?.disconnect(),this._resizeObserver=void 0,this._rowsObserver?.disconnect(),this._rowsObserver=void 0}firstUpdated(){(this.shadowRoot?.querySelector(`slot:not([name])`))?.addEventListener(`slotchange`,()=>this._updateEmpty()),this._rowsObserver=new MutationObserver(e=>{e.some(e=>e.type===`childList`?e.target===this:e.type===`attributes`&&e.attributeName===`hidden`&&e.target instanceof Element&&e.target.parentElement===this)&&this._updateEmpty()}),this._rowsObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[`hidden`]}),this._updateEmpty()}_updateEmpty(){let e=this.shadowRoot?.querySelector(`.table__empty`);if(!e)return;let t=((this.shadowRoot?.querySelector(`slot:not([name])`))?.assignedElements()??[]).filter(e=>e.localName===`nldd-table-row`),n=t.length===0||t.every(e=>e.hasAttribute(`hidden`));e.toggleAttribute(`hidden`,!n),this.classList.toggle(`is-empty`,n),this.classList.toggle(`is-blank`,n&&!this.querySelector(`:scope > [slot="empty"]`)),this._warnSilentEmpty(n)}_warnSilentEmpty(e){}_activeColumns(){return this._width<=SX?this.smColumns||this.columns:this._width<=CX?this.mdColumns||this.columns:this.lgColumns||this.columns}_applyColumns(){let e=this._activeColumns();e?this.style.setProperty(`--_table-columns`,e):this.style.removeProperty(`--_table-columns`)}_syncHostA11y(){let e=getComputedStyle(this).overflowX;(e===`auto`||e===`scroll`)&&this.scrollWidth>this.clientWidth?this.setAttribute(`tabindex`,`0`):this.removeAttribute(`tabindex`),this._syncLabel()}_syncLabel(){this.setAttribute(`aria-label`,this.accessibleLabel||this._t(`components.table.accessible-label`))}updated(e){if((e.has(`columns`)||e.has(`smColumns`)||e.has(`mdColumns`)||e.has(`lgColumns`))&&this._applyColumns(),e.has(`accessibleLabel`)?this._syncHostA11y():this._syncLabel(),e.has(`selectable`))for(let e of this.querySelectorAll(`nldd-table-row`))e._syncAriaSelected();this.columns&&(this._warnedColumns=!1),this.accessibleLabel&&(this._warnedLabel=!1)}render(){return _X()}},bX.styles=hX,bX);j([E({reflect:!0,converter:N(`base`)})],wX.prototype,`background`,void 0),j([E({type:String,reflect:!0})],wX.prototype,`columns`,void 0),j([E({type:String,reflect:!0,attribute:`sm-columns`})],wX.prototype,`smColumns`,void 0),j([E({type:String,reflect:!0,attribute:`md-columns`})],wX.prototype,`mdColumns`,void 0),j([E({type:String,reflect:!0,attribute:`lg-columns`})],wX.prototype,`lgColumns`,void 0),j([E({type:String,reflect:!0,attribute:`accessible-label`})],wX.prototype,`accessibleLabel`,void 0),j([E({type:Object})],wX.prototype,`translations`,void 0),j([E({type:Boolean,reflect:!0})],wX.prototype,`selectable`,void 0),wX=j([T(`nldd-table`)],wX);var TX=(xX=class extends C{constructor(...e){super(...e),this.selected=!1,this._onSlotChangeBound=this._onSlotChange.bind(this)}connectedCallback(){super.connectedCallback(),this.setAttribute(`role`,`row`),this._syncAriaSelected()}updated(e){e.has(`selected`)&&this._syncAriaSelected()}get _isHeader(){return this.getAttribute(`slot`)===`header`}_syncAriaSelected(){!this._isHeader&&this.closest(`nldd-table`)?.hasAttribute(`selectable`)===!0?this.setAttribute(`aria-selected`,String(this.selected)):this.removeAttribute(`aria-selected`)}_onSlotChange(e){let t=e.target.assignedElements(),n=this._isHeader?`columnheader`:`cell`;for(let e of t)if(e.setAttribute(`role`,n),e.localName===`nldd-cell`){let t=e.getAttribute(`width`);(t===null||t===``||t===`fit-content`)&&e.setAttribute(`width`,`full`)}}render(){return vX(this._onSlotChangeBound)}},xX.styles=gX,xX);j([E({type:Boolean,reflect:!0})],TX.prototype,`selected`,void 0),TX=j([T(`nldd-table-row`)],TX),w(),A();var EX=u`
|
|
18720
18867
|
:host {
|
|
18721
18868
|
box-sizing: border-box;
|
|
18722
18869
|
}
|
|
@@ -18882,6 +19029,7 @@ else:
|
|
|
18882
19029
|
color: var(--_title-cell-secondary-color);
|
|
18883
19030
|
font: var(--primitives-font-body-xs-regular-tight);
|
|
18884
19031
|
overflow-wrap: anywhere;
|
|
19032
|
+
text-wrap: pretty;
|
|
18885
19033
|
}
|
|
18886
19034
|
|
|
18887
19035
|
/* Balanced, not pretty: a title is a handful of words, and evening out the
|
|
@@ -18912,14 +19060,15 @@ else:
|
|
|
18912
19060
|
color: var(--_title-cell-secondary-color);
|
|
18913
19061
|
font: var(--primitives-font-body-sm-regular-tight);
|
|
18914
19062
|
overflow-wrap: anywhere;
|
|
19063
|
+
text-wrap: pretty;
|
|
18915
19064
|
}
|
|
18916
|
-
`;w(),RF(),Fa();var
|
|
19065
|
+
`;w(),RF(),Fa();var DX={1:MF(`h1`),2:MF(`h2`),3:MF(`h3`),4:MF(`h4`),5:MF(`h5`),6:MF(`h6`)};function OX(e){let t=e.text&&!e._hasDefaultSlotted?Pa(e.text,e.query,e.queryMarkMode):S,n=!e.text&&!e._hasDefaultSlotted,r=DX[e.headingLevel];return r?IF`<${r}
|
|
18917
19066
|
class="title-cell__title"
|
|
18918
19067
|
?hidden=${n}
|
|
18919
19068
|
>${t}<slot @slotchange=${e._onSlotChange}></slot></${r}>`:x`<p
|
|
18920
19069
|
class="title-cell__title"
|
|
18921
19070
|
?hidden=${n}
|
|
18922
|
-
>${t}<slot @slotchange=${e._onSlotChange}></slot></p>`}var
|
|
19071
|
+
>${t}<slot @slotchange=${e._onSlotChange}></slot></p>`}var kX=function(){return x`
|
|
18923
19072
|
<p
|
|
18924
19073
|
class="title-cell__overline"
|
|
18925
19074
|
?hidden=${!this.overline&&!this._hasOverlineSlotted}
|
|
@@ -18930,7 +19079,7 @@ else:
|
|
|
18930
19079
|
@slotchange=${this._onSlotChange}
|
|
18931
19080
|
></slot>
|
|
18932
19081
|
</p>
|
|
18933
|
-
${
|
|
19082
|
+
${OX(this)}
|
|
18934
19083
|
<p
|
|
18935
19084
|
class="title-cell__supporting-text"
|
|
18936
19085
|
?hidden=${!this.supportingText&&!this._hasSupportingTextSlotted}
|
|
@@ -18941,7 +19090,7 @@ else:
|
|
|
18941
19090
|
@slotchange=${this._onSlotChange}
|
|
18942
19091
|
></slot>
|
|
18943
19092
|
</p>
|
|
18944
|
-
`};w(),O(),P(),Ca(),M();var
|
|
19093
|
+
`};w(),O(),P(),Ca(),M();var AX=class extends xa(C,`cells-container`){constructor(...e){super(...e),this.size=5,this.color=`content`,this.width=`full`,this.horizontalAlignment=`left`,this.verticalAlignment=`center`,this.text=``,this.supportingText=``,this.overline=``,this.headingLevel=void 0,this.query=``,this.queryMarkMode=`predictive`,this._hasOverlineSlotted=!1,this._hasDefaultSlotted=!1,this._hasSupportingTextSlotted=!1,this._onSlotChange=e=>{let t=e.target,n=t.assignedNodes().some(e=>e.nodeType===Node.TEXT_NODE?(e.textContent??``).trim().length>0:e.nodeType===Node.ELEMENT_NODE);switch(t.name){case`overline`:this._hasOverlineSlotted=n;break;case`supporting-text`:this._hasSupportingTextSlotted=n;break;default:this._hasDefaultSlotted=n}}}updated(e){super.updated(e),(e.has(`width`)||e.has(`minWidth`)||e.has(`maxWidth`)||e.has(`minHeight`))&&this._applyDimensionStyles()}_applyDimensionStyles(){let e=this.width,t=e===`full`||e===`fit-content`,n=!!e&&!t&&CSS.supports(`width`,e);n?this.style.setProperty(`--_title-cell-width`,e):this.style.removeProperty(`--_title-cell-width`),e&&!t&&!n&&(this.width=``),this.minWidth?this.style.setProperty(`--_title-cell-min-width`,this.minWidth):this.style.removeProperty(`--_title-cell-min-width`),this.maxWidth?this.style.setProperty(`--_title-cell-max-width`,this.maxWidth):this.style.removeProperty(`--_title-cell-max-width`),this.minHeight?this.style.setProperty(`--_title-cell-min-height`,this.minHeight):this.style.removeProperty(`--_title-cell-min-height`)}render(){return kX.call(this)}},jX=(AX.styles=[EX],AX);j([E({type:Number,reflect:!0})],jX.prototype,`size`,void 0),j([E({reflect:!0,converter:N(`content`)})],jX.prototype,`color`,void 0),j([E({reflect:!0,converter:N(`full`)})],jX.prototype,`width`,void 0),j([E({type:String,reflect:!0,attribute:`min-width`})],jX.prototype,`minWidth`,void 0),j([E({type:String,reflect:!0,attribute:`max-width`})],jX.prototype,`maxWidth`,void 0),j([E({type:String,reflect:!0,attribute:`min-height`})],jX.prototype,`minHeight`,void 0),j([E({reflect:!0,attribute:`horizontal-alignment`,converter:N(`left`)})],jX.prototype,`horizontalAlignment`,void 0),j([E({reflect:!0,attribute:`vertical-alignment`,converter:N(`center`)})],jX.prototype,`verticalAlignment`,void 0),j([E({reflect:!0,converter:N(``)})],jX.prototype,`text`,void 0),j([E({reflect:!0,attribute:`supporting-text`,converter:N(``)})],jX.prototype,`supportingText`,void 0),j([E({reflect:!0,converter:N(``)})],jX.prototype,`overline`,void 0),j([E({type:Number,attribute:`heading-level`})],jX.prototype,`headingLevel`,void 0),j([E({reflect:!0,converter:N(``)})],jX.prototype,`query`,void 0),j([E({type:String,attribute:`query-mark-mode`})],jX.prototype,`queryMarkMode`,void 0),j([D()],jX.prototype,`_hasOverlineSlotted`,void 0),j([D()],jX.prototype,`_hasDefaultSlotted`,void 0),j([D()],jX.prototype,`_hasSupportingTextSlotted`,void 0),jX=j([T(`nldd-title-cell`)],jX),w(),A();var MX=u`
|
|
18945
19094
|
:host {
|
|
18946
19095
|
box-sizing: border-box;
|
|
18947
19096
|
}
|
|
@@ -19058,10 +19207,10 @@ else:
|
|
|
19058
19207
|
forced-color-adjust: none !important;
|
|
19059
19208
|
}
|
|
19060
19209
|
}
|
|
19061
|
-
`;w();var
|
|
19210
|
+
`;w();var NX=()=>x`
|
|
19062
19211
|
<slot name="title"></slot>
|
|
19063
19212
|
<slot name="description"></slot>
|
|
19064
|
-
`;w(),O(),P(),Ca(),M();var
|
|
19213
|
+
`;w(),O(),P(),Ca(),M();var PX=class extends xa(C,`cells-container`){constructor(...e){super(...e),this.width=`full`,this.verticalAlignment=`center`}updated(e){super.updated(e),(e.has(`width`)||e.has(`minWidth`)||e.has(`maxWidth`)||e.has(`minHeight`))&&this._applyDimensionStyles()}_applyDimensionStyles(){let e=this.width,t=e===`full`||e===`fit-content`,n=!!e&&!t&&CSS.supports(`width`,e);n?this.style.setProperty(`--_description-cell-width`,e):this.style.removeProperty(`--_description-cell-width`),e&&!t&&!n&&(this.width=``),this.minWidth?this.style.setProperty(`--_description-cell-min-width`,this.minWidth):this.style.removeProperty(`--_description-cell-min-width`),this.maxWidth?this.style.setProperty(`--_description-cell-max-width`,this.maxWidth):this.style.removeProperty(`--_description-cell-max-width`),this.minHeight?this.style.setProperty(`--_description-cell-min-height`,this.minHeight):this.style.removeProperty(`--_description-cell-min-height`)}render(){return NX()}},FX=(PX.styles=[MX],PX);j([E({reflect:!0,converter:N(`full`)})],FX.prototype,`width`,void 0),j([E({type:String,reflect:!0,attribute:`min-width`})],FX.prototype,`minWidth`,void 0),j([E({type:String,reflect:!0,attribute:`max-width`})],FX.prototype,`maxWidth`,void 0),j([E({type:String,reflect:!0,attribute:`min-height`})],FX.prototype,`minHeight`,void 0),j([E({reflect:!0,attribute:`vertical-alignment`,converter:N(`center`)})],FX.prototype,`verticalAlignment`,void 0),FX=j([T(`nldd-description-cell`)],FX),w();var IX=u`
|
|
19065
19214
|
:host {
|
|
19066
19215
|
box-sizing: border-box;
|
|
19067
19216
|
}
|
|
@@ -19129,7 +19278,7 @@ else:
|
|
|
19129
19278
|
display: block;
|
|
19130
19279
|
color: var(--semantics-grab-handles-grip-color);
|
|
19131
19280
|
}
|
|
19132
|
-
`;w();var
|
|
19281
|
+
`;w();var LX=Pe`
|
|
19133
19282
|
<svg
|
|
19134
19283
|
aria-hidden="true" class="drag-handle-cell__control-grip"
|
|
19135
19284
|
width="10"
|
|
@@ -19186,7 +19335,7 @@ else:
|
|
|
19186
19335
|
fill="currentColor"
|
|
19187
19336
|
/>
|
|
19188
19337
|
</svg>
|
|
19189
|
-
`,
|
|
19338
|
+
`,RX=Pe`
|
|
19190
19339
|
<svg
|
|
19191
19340
|
aria-hidden="true" class="drag-handle-cell__control-grip"
|
|
19192
19341
|
width="10"
|
|
@@ -19231,14 +19380,14 @@ else:
|
|
|
19231
19380
|
fill="currentColor"
|
|
19232
19381
|
/>
|
|
19233
19382
|
</svg>
|
|
19234
|
-
`;function
|
|
19383
|
+
`;function zX(e,t){return x`
|
|
19235
19384
|
<button class="drag-handle-cell__control"
|
|
19236
19385
|
type="button"
|
|
19237
19386
|
aria-label=${t}
|
|
19238
19387
|
>
|
|
19239
|
-
${e===`sm`?
|
|
19388
|
+
${e===`sm`?RX:LX}
|
|
19240
19389
|
</button>
|
|
19241
|
-
`}var
|
|
19390
|
+
`}var BX={"components.drag-handle-cell.accessible-label":`Sleepgreep, druk spatie of enter om te verplaatsen`};w(),O(),P(),At(),M();var VX=class extends C{constructor(...e){super(...e),this.size=`md`,this.translations={}}_t(e){return Tt(this.translations,BX,e)}render(){let e=this._t(`components.drag-handle-cell.accessible-label`);return zX(this.size,e)}},HX=(VX.styles=IX,VX);j([E({reflect:!0,converter:N(`md`)})],HX.prototype,`size`,void 0),j([E({type:Object})],HX.prototype,`translations`,void 0),HX=j([T(`nldd-drag-handle-cell`)],HX),w();var UX=u`
|
|
19242
19391
|
:host {
|
|
19243
19392
|
box-sizing: border-box;
|
|
19244
19393
|
}
|
|
@@ -19419,7 +19568,7 @@ else:
|
|
|
19419
19568
|
forced-color-adjust: none;
|
|
19420
19569
|
}
|
|
19421
19570
|
}
|
|
19422
|
-
`;w();function
|
|
19571
|
+
`;w();function WX(e){if(e.level===`none`)return x`
|
|
19423
19572
|
<div class="step-cell">
|
|
19424
19573
|
${e.position===`only`?S:x`<div class="step-cell__full-line"></div>`}
|
|
19425
19574
|
</div>
|
|
@@ -19429,7 +19578,7 @@ else:
|
|
|
19429
19578
|
<div class="step-cell__marker">${o}</div>
|
|
19430
19579
|
${i?x`<div class="step-cell__bottom-line"></div>`:S}
|
|
19431
19580
|
</div>
|
|
19432
|
-
`}w(),O(),P(),Ca(),F(),M();var
|
|
19581
|
+
`}w(),O(),P(),Ca(),F(),M();var GX=class extends xa(C,`cells-container`){constructor(...e){super(...e),this.level=`major`,this.status=`past`,this.size=`sm`,this.direction=`down`,this.position=`between`,this.line=`auto`,this.text=``,this.icon=``,this._warnedContent=!1}get showsContent(){return this.level===`major`&&this.size===`md`}updated(e){super.updated(e)}render(){return WX(this)}},KX=(GX.styles=UX,GX);j([E({reflect:!0,converter:N(`major`)})],KX.prototype,`level`,void 0),j([E({reflect:!0,converter:N(`past`)})],KX.prototype,`status`,void 0),j([E({reflect:!0,converter:N(`sm`)})],KX.prototype,`size`,void 0),j([E({reflect:!0,converter:N(`down`)})],KX.prototype,`direction`,void 0),j([E({reflect:!0,converter:N(`between`)})],KX.prototype,`position`,void 0),j([E({reflect:!0,converter:N(`auto`)})],KX.prototype,`line`,void 0),j([E({type:String})],KX.prototype,`text`,void 0),j([E({type:String})],KX.prototype,`icon`,void 0),KX=j([T(`nldd-step-cell`)],KX),w(),A();var qX=u`
|
|
19433
19582
|
.breadcrumbs__separator {
|
|
19434
19583
|
display: inline-flex;
|
|
19435
19584
|
position: relative;
|
|
@@ -19440,7 +19589,7 @@ else:
|
|
|
19440
19589
|
height: var(--primitives-space-16);
|
|
19441
19590
|
flex-shrink: 0;
|
|
19442
19591
|
}
|
|
19443
|
-
`,
|
|
19592
|
+
`,JX=u`
|
|
19444
19593
|
:host {
|
|
19445
19594
|
box-sizing: border-box;
|
|
19446
19595
|
}
|
|
@@ -19462,7 +19611,7 @@ else:
|
|
|
19462
19611
|
flex-wrap: wrap;
|
|
19463
19612
|
row-gap: var(--primitives-space-4);
|
|
19464
19613
|
}
|
|
19465
|
-
`,
|
|
19614
|
+
`,YX=u`
|
|
19466
19615
|
:host {
|
|
19467
19616
|
/* Small downward offset so the chevron-right-small icon sits closer
|
|
19468
19617
|
to the text's optical centerline (the icon's bbox renders slightly
|
|
@@ -19505,12 +19654,12 @@ else:
|
|
|
19505
19654
|
box-shadow: var(--semantics-focus-ring-box-shadow);
|
|
19506
19655
|
}
|
|
19507
19656
|
|
|
19508
|
-
${
|
|
19657
|
+
${qX}
|
|
19509
19658
|
|
|
19510
19659
|
:host(:last-of-type) .breadcrumbs__separator {
|
|
19511
19660
|
display: none;
|
|
19512
19661
|
}
|
|
19513
|
-
`;w(),F();function
|
|
19662
|
+
`;w(),F();function XX(e){let t=e._t(`components.breadcrumbs.accessible-label`);return x`
|
|
19514
19663
|
<nav class="breadcrumbs"
|
|
19515
19664
|
aria-label=${t||S}
|
|
19516
19665
|
>
|
|
@@ -19520,7 +19669,7 @@ else:
|
|
|
19520
19669
|
<slot></slot>
|
|
19521
19670
|
</div>
|
|
19522
19671
|
</nav>
|
|
19523
|
-
`}function
|
|
19672
|
+
`}function ZX(e){let t=e.text||x`<slot></slot>`,n=x`<span class="breadcrumbs__separator"
|
|
19524
19673
|
aria-hidden="true"
|
|
19525
19674
|
><nldd-icon icon="chevron-right-small"></nldd-icon></span>`;return!e.current&&e.href?x`
|
|
19526
19675
|
<span class="breadcrumbs__item">
|
|
@@ -19530,7 +19679,7 @@ else:
|
|
|
19530
19679
|
</span>${n}
|
|
19531
19680
|
`:x`<span class="breadcrumbs__item"
|
|
19532
19681
|
aria-current=${e.current?`page`:S}
|
|
19533
|
-
>${t}</span>${n}`}var
|
|
19682
|
+
>${t}</span>${n}`}var QX={"components.breadcrumbs.accessible-label":`Kruimelpad`};w(),O(),P(),At(),M();var $X,eZ,tZ=class extends C{constructor(...e){super(...e),this.current=!1,this.text=``}connectedCallback(){super.connectedCallback(),this.hasAttribute(`role`)||this.setAttribute(`role`,`listitem`)}updated(e){e.has(`current`)&&(this.current?this.setAttribute(`aria-current`,`page`):this.removeAttribute(`aria-current`))}render(){return ZX(this)}};$X=tZ,$X.styles=YX,j([E({type:String,reflect:!0})],tZ.prototype,`href`,void 0),j([E({type:Boolean,reflect:!0})],tZ.prototype,`current`,void 0),j([E({reflect:!0,converter:N(``)})],tZ.prototype,`text`,void 0),customElements.get(`nldd-breadcrumbs-item`)||customElements.define(`nldd-breadcrumbs-item`,tZ);var nZ=(eZ=class extends C{constructor(...e){super(...e),this.accessibleLabel=``,this.translations={}}_t(e){return e===`components.breadcrumbs.accessible-label`&&this.accessibleLabel?this.accessibleLabel:Tt(this.translations,QX,e)}render(){return XX(this)}},eZ.styles=JX,eZ);j([E({type:String,attribute:`accessible-label`})],nZ.prototype,`accessibleLabel`,void 0),j([E({type:Object})],nZ.prototype,`translations`,void 0),nZ=j([T(`nldd-breadcrumbs`)],nZ),w(),A();var rZ=u`
|
|
19534
19683
|
:host {
|
|
19535
19684
|
box-sizing: border-box;
|
|
19536
19685
|
}
|
|
@@ -19571,7 +19720,7 @@ else:
|
|
|
19571
19720
|
.menu-bar__overflow-button {
|
|
19572
19721
|
display: none;
|
|
19573
19722
|
}
|
|
19574
|
-
`;w();function
|
|
19723
|
+
`;w();function iZ(e){return x`
|
|
19575
19724
|
<nav class="menu-bar"
|
|
19576
19725
|
aria-label=${e.accessibleLabel||S}
|
|
19577
19726
|
>
|
|
@@ -19597,7 +19746,7 @@ else:
|
|
|
19597
19746
|
</nldd-menu-bar-item>
|
|
19598
19747
|
</div>
|
|
19599
19748
|
</nav>
|
|
19600
|
-
`}var
|
|
19749
|
+
`}var aZ={"components.menu-bar.overflow-action":`Meer opties`};w(),A();var oZ=u`
|
|
19601
19750
|
:host {
|
|
19602
19751
|
box-sizing: border-box;
|
|
19603
19752
|
}
|
|
@@ -19720,6 +19869,16 @@ else:
|
|
|
19720
19869
|
flex-shrink: 0;
|
|
19721
19870
|
}
|
|
19722
19871
|
|
|
19872
|
+
.menu-bar-item__icon[hidden] {
|
|
19873
|
+
display: none;
|
|
19874
|
+
}
|
|
19875
|
+
|
|
19876
|
+
::slotted([slot="icon"]) {
|
|
19877
|
+
display: flex;
|
|
19878
|
+
width: 100%;
|
|
19879
|
+
height: 100%;
|
|
19880
|
+
}
|
|
19881
|
+
|
|
19723
19882
|
/* ## Disclosure icon */
|
|
19724
19883
|
|
|
19725
19884
|
.menu-bar-item__disclosure-icon {
|
|
@@ -19765,12 +19924,12 @@ else:
|
|
|
19765
19924
|
/* # Icon-only */
|
|
19766
19925
|
|
|
19767
19926
|
:host([icon-only]) .menu-bar-item,
|
|
19768
|
-
:host([content-priority="icon"][compact][icon]:not([icon=""])) .menu-bar-item {
|
|
19927
|
+
:host([content-priority="icon"][compact]:is([icon]:not([icon=""]), [data-has-icon])) .menu-bar-item {
|
|
19769
19928
|
padding: var(--primitives-space-8);
|
|
19770
19929
|
}
|
|
19771
19930
|
|
|
19772
19931
|
:host([icon-only]) .menu-bar-item__text,
|
|
19773
|
-
:host([content-priority="icon"][compact][icon]:not([icon=""])) .menu-bar-item__text {
|
|
19932
|
+
:host([content-priority="icon"][compact]:is([icon]:not([icon=""]), [data-has-icon])) .menu-bar-item__text {
|
|
19774
19933
|
position: absolute;
|
|
19775
19934
|
margin: -1px;
|
|
19776
19935
|
border: 0;
|
|
@@ -19785,7 +19944,13 @@ else:
|
|
|
19785
19944
|
:host([content-priority="text"][compact]) .menu-bar-item__icon {
|
|
19786
19945
|
display: none;
|
|
19787
19946
|
}
|
|
19788
|
-
`;w();function
|
|
19947
|
+
`;w();function sZ(e){let t=ea(e.href),n=!!t,r=!!((e.iconOnly||e.contentPriority===`icon`&&e.compact)&&e.text),i=e.accessibleLabel||(r?e.text:S),a=e.current?e.currentType:S,o=e.expandable?`menu`:e.haspopup||S,s=e.expandable||e.haspopup?String(e.expanded):S,c=x`
|
|
19948
|
+
<span class="menu-bar-item__icon" ?hidden=${!e.icon&&!e._hasSlottedIcon}>
|
|
19949
|
+
<slot name="icon" @slotchange=${e._onIconSlotChange}>
|
|
19950
|
+
${e.icon?x`<nldd-icon icon=${e.icon}></nldd-icon>`:S}
|
|
19951
|
+
</slot>
|
|
19952
|
+
</span>
|
|
19953
|
+
`;return n?x`
|
|
19789
19954
|
<a class="menu-bar-item"
|
|
19790
19955
|
href=${t}
|
|
19791
19956
|
aria-disabled=${e.disabled||S}
|
|
@@ -19795,11 +19960,7 @@ else:
|
|
|
19795
19960
|
aria-haspopup=${o}
|
|
19796
19961
|
aria-expanded=${s}
|
|
19797
19962
|
>
|
|
19798
|
-
${
|
|
19799
|
-
<span class="menu-bar-item__icon">
|
|
19800
|
-
<nldd-icon icon=${e.icon}></nldd-icon>
|
|
19801
|
-
</span>
|
|
19802
|
-
`:S}
|
|
19963
|
+
${c}
|
|
19803
19964
|
<span class="menu-bar-item__text">
|
|
19804
19965
|
${e.text}
|
|
19805
19966
|
</span>
|
|
@@ -19821,11 +19982,7 @@ else:
|
|
|
19821
19982
|
.popoverTargetElement=${e.popoverTargetElement}
|
|
19822
19983
|
.popoverTargetAction=${e.popoverTargetAction}
|
|
19823
19984
|
>
|
|
19824
|
-
${
|
|
19825
|
-
<span class="menu-bar-item__icon">
|
|
19826
|
-
<nldd-icon icon=${e.icon}></nldd-icon>
|
|
19827
|
-
</span>
|
|
19828
|
-
`:S}
|
|
19985
|
+
${c}
|
|
19829
19986
|
<span class="menu-bar-item__text">
|
|
19830
19987
|
${e.text}
|
|
19831
19988
|
</span>
|
|
@@ -19836,7 +19993,7 @@ else:
|
|
|
19836
19993
|
`:S}
|
|
19837
19994
|
</button>
|
|
19838
19995
|
<slot @slotchange=${e._onSlotChange}></slot>
|
|
19839
|
-
`}w(),O(),P(),F(),M();var
|
|
19996
|
+
`}w(),O(),P(),F(),M();var cZ=class extends C{constructor(...e){super(...e),this.text=``,this.current=!1,this.currentType=`page`,this.href=``,this.icon=``,this.expandable=!1,this.iconOnly=!1,this.contentPriority=``,this.compact=!1,this.disabled=!1,this.accessibleLabel=``,this.haspopup=``,this.expanded=!1,this.popoverTargetElement=null,this.popoverTargetAction=`toggle`,this._menu=null,this._menuOpen=!1,this._pointerdownWhileMenuOpen=!1,this._menuToggleHandler=null,this._hasSlottedIcon=!1,this._onIconSlotChange=e=>{this._hasSlottedIcon=e.target.assignedElements().length>0,this.toggleAttribute(`data-has-icon`,this._hasSlottedIcon)},this._onSlotChange=()=>{this._wireMenu()},this._handlePointerdown=()=>{this._menuOpen&&(this._pointerdownWhileMenuOpen=!0)},this._handleClick=e=>{if(this.disabled){e.preventDefault(),e.stopPropagation();return}if(this.expandable&&this._findMenu()){e.preventDefault(),this._toggleMenu();return}this.href||(e.preventDefault(),this.dispatchEvent(new CustomEvent(`select`,{bubbles:!0,composed:!0,detail:{item:this}})))}}connectedCallback(){super.connectedCallback(),this.addEventListener(`pointerdown`,this._handlePointerdown),this.addEventListener(`click`,this._handleClick),this._wireMenu()}firstUpdated(){this._wireMenu()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`pointerdown`,this._handlePointerdown),this.removeEventListener(`click`,this._handleClick),this._unwireMenu()}focus(e){(this.shadowRoot?.querySelector(`button, a`))?.focus(e)}_findMenu(){return this.querySelector(`nldd-menu`)}_wireMenu(){let e=this._findMenu();e!==this._menu&&(this._unwireMenu(),e&&(this._menu=e,this._menuToggleHandler=e=>{let t=e.newState===`open`;this._menuOpen=t,this.expanded=t},e.addEventListener(`toggle`,this._menuToggleHandler)))}_unwireMenu(){this._menu&&this._menuToggleHandler&&this._menu.removeEventListener(`toggle`,this._menuToggleHandler),this._menu=null,this._menuToggleHandler=null,this._menuOpen=!1}_toggleMenu(){if(this._pointerdownWhileMenuOpen){this._pointerdownWhileMenuOpen=!1;return}this._menu&&(this._menu.anchorElement=this,this._menuOpen?this._menu.hidePopover():this._menu.showPopover())}render(){return sZ(this)}},lZ=(cZ.styles=oZ,cZ);j([E({reflect:!0,converter:N(``)})],lZ.prototype,`text`,void 0),j([E({type:Boolean,reflect:!0})],lZ.prototype,`current`,void 0),j([E({reflect:!0,attribute:`current-type`,converter:N(`page`)})],lZ.prototype,`currentType`,void 0),j([E({type:String})],lZ.prototype,`href`,void 0),j([E({type:String,reflect:!0})],lZ.prototype,`icon`,void 0),j([E({type:Boolean,reflect:!0})],lZ.prototype,`expandable`,void 0),j([E({type:Boolean,attribute:`icon-only`,reflect:!0})],lZ.prototype,`iconOnly`,void 0),j([E({reflect:!0,attribute:`content-priority`,converter:N(``)})],lZ.prototype,`contentPriority`,void 0),j([E({type:Boolean,reflect:!0})],lZ.prototype,`compact`,void 0),j([E({type:Boolean,reflect:!0})],lZ.prototype,`disabled`,void 0),j([E({type:String,attribute:`accessible-label`})],lZ.prototype,`accessibleLabel`,void 0),j([E({type:String})],lZ.prototype,`haspopup`,void 0),j([E({type:Boolean,reflect:!0})],lZ.prototype,`expanded`,void 0),j([E({attribute:!1})],lZ.prototype,`popoverTargetElement`,void 0),j([E({attribute:!1})],lZ.prototype,`popoverTargetAction`,void 0),j([D()],lZ.prototype,`_hasSlottedIcon`,void 0),lZ=j([T(`nldd-menu-bar-item`)],lZ),w(),O(),P(),Mt(),M();var uZ=class extends jt(C,aZ){constructor(...e){super(...e),this.overflowText=``,this.accessibleLabel=``,this.compact=!1,this._menuOpen=!1,this._overflowMenu=null,this._overflowPointerdownWhileOpen=!1,this._overflowUpdatePending=!1,this._resizeObserver=null,this._overflowRAF=null,this._setupRAF=null,this._onSlotChange=()=>{this._syncCompactAttribute(),this._scheduleOverflowUpdate(),this._syncEmpty()},this._scheduleOverflowUpdate=()=>{this._overflowRAF&&cancelAnimationFrame(this._overflowRAF),this._overflowRAF=requestAnimationFrame(()=>{this._overflowRAF=null,this._updateOverflow()})},this._toggleOverflowMenu=()=>{if(this._overflowPointerdownWhileOpen){this._overflowPointerdownWhileOpen=!1;return}if(this._createOverflowMenu(),!this._overflowMenu)return;let e=this._overflowButton?.querySelector(`nldd-menu-bar-item`);this._overflowMenu.anchorElement=e??this._overflowButton,this._menuOpen?this._overflowMenu.hidePopover():(this._populateOverflowMenu(),this._overflowMenu.showPopover())},this._handleOverflowButtonPointerdown=()=>{this._menuOpen&&(this._overflowPointerdownWhileOpen=!0)}}willUpdate(e){super.willUpdate(e),e.has(`compact`)&&this._syncCompactAttribute()}get _overflowText(){return this.overflowText||this._t(`components.menu-bar.overflow-action`)}disconnectedCallback(){super.disconnectedCallback(),this._cleanupOverflowDetection(),this._overflowMenu?.remove(),this._overflowMenu=null}firstUpdated(){this._setupOverflowDetection(),this._syncCompactAttribute(),this._syncEmpty()}requestOverflowUpdate(){this._scheduleOverflowUpdate()}_syncEmpty(){let e=(this._defaultSlot?.assignedElements({flatten:!0})??[]).some(e=>e.tagName===`NLDD-MENU-BAR-ITEM`);this.toggleAttribute(`empty`,!e)}_syncCompactAttribute(){let e=this._defaultSlot?.assignedElements({flatten:!0})??[];for(let t of e)t.toggleAttribute(`compact`,this.compact)}_setupOverflowDetection(){this._cleanupOverflowDetection(),this._setupRAF=requestAnimationFrame(()=>{this._setupRAF=null,this.isConnected&&(this._resizeObserver=new ResizeObserver(()=>{this._scheduleOverflowUpdate()}),this._resizeObserver.observe(this),this._defaultSlot&&this._defaultSlot.addEventListener(`slotchange`,this._onSlotChange),this._scheduleOverflowUpdate())})}_cleanupOverflowDetection(){this._setupRAF&&(cancelAnimationFrame(this._setupRAF),this._setupRAF=null),this._overflowRAF&&(cancelAnimationFrame(this._overflowRAF),this._overflowRAF=null),this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._defaultSlot&&this._defaultSlot.removeEventListener(`slotchange`,this._onSlotChange)}_updateOverflow(){let e=this._overflowButton;if(!e)return;if(this._menuOpen){this._overflowUpdatePending=!0;return}let t=(this._defaultSlot?.assignedElements({flatten:!0})??[]).filter(e=>e.tagName===`NLDD-MENU-BAR-ITEM`);if(t.length===0){e.style.display=`none`;return}t.forEach(e=>{e.style.display=``,e.removeAttribute(`data-overflow`)}),e.style.display=`inline-block`;let n=this.clientWidth;if(t.reduce((e,t)=>e+t.offsetWidth,0)<=n){e.style.display=`none`;return}let r=n-e.offsetWidth,i=0,a=-1;for(let e=0;e<t.length;e++){let n=t[e].offsetWidth;if(i+n>r){a=e;break}i+=n}if(a>=0)for(let e=a;e<t.length;e++)t[e].style.display=`none`,t[e].setAttribute(`data-overflow`,`true`);else e.style.display=`none`}_createOverflowMenu(){if(this._overflowMenu||typeof document>`u`)return;let e=document.createElement(`nldd-menu`);e.setAttribute(`placement`,`bottom-end`),e.addEventListener(`toggle`,e=>{let t=e.newState===`open`;this._menuOpen=t,t||this._overflowUpdatePending&&(this._overflowUpdatePending=!1,this._scheduleOverflowUpdate())}),document.body.appendChild(e),this._overflowMenu=e}_populateOverflowMenu(){if(!this._overflowMenu)return;this._overflowMenu.replaceChildren();let e=(this._defaultSlot?.assignedElements({flatten:!0})??[]).filter(e=>e.tagName===`NLDD-MENU-BAR-ITEM`&&e.hasAttribute(`data-overflow`));for(let t of e){let e=document.createElement(`nldd-menu-item`);if(e.setAttribute(`text`,t.text),t.icon&&e.setAttribute(`icon`,t.icon),t.current&&e.setAttribute(`selected`,``),t.disabled&&e.setAttribute(`disabled`,``),t.expandable){let n=t.querySelectorAll(`nldd-menu-item, nldd-menu-divider`);if(n.length>0){let t=document.createElement(`nldd-menu`);n.forEach(e=>{let n=e.cloneNode(!0),r=e;typeof r.select==`function`&&n.addEventListener(`click`,()=>r.select()),t.appendChild(n)}),e.appendChild(t),this._overflowMenu.appendChild(e);continue}}e.addEventListener(`click`,()=>{t.click()}),this._overflowMenu.appendChild(e)}}render(){return iZ(this)}},dZ=(uZ.styles=rZ,uZ);j([E({reflect:!0,attribute:`overflow-text`,converter:N(``)})],dZ.prototype,`overflowText`,void 0),j([E({type:String,attribute:`accessible-label`})],dZ.prototype,`accessibleLabel`,void 0),j([E({type:Boolean,reflect:!0})],dZ.prototype,`compact`,void 0),j([ut(`slot:not([name])`)],dZ.prototype,`_defaultSlot`,void 0),j([ut(`.menu-bar__overflow-button`)],dZ.prototype,`_overflowButton`,void 0),j([D()],dZ.prototype,`_menuOpen`,void 0),dZ=j([T(`nldd-menu-bar`)],dZ),w(),A();var fZ=u`
|
|
19840
19997
|
:host {
|
|
19841
19998
|
box-sizing: border-box;
|
|
19842
19999
|
}
|
|
@@ -19993,7 +20150,7 @@ else:
|
|
|
19993
20150
|
white-space: nowrap;
|
|
19994
20151
|
clip-path: inset(50%);
|
|
19995
20152
|
}
|
|
19996
|
-
`;w(),bt();function
|
|
20153
|
+
`;w(),bt();function pZ(e){let t=yt(this.rel,this.target),n=!this.disabled&&this.href&&this.target===`_blank`?this._t(`components.link.opens-in-new-tab-label`):``,r=this.accessibleLabel?[this.accessibleLabel,n].filter(Boolean).join(`, `):S,i=!!n&&!this.accessibleLabel;return x`
|
|
19997
20154
|
<a class="link"
|
|
19998
20155
|
href=${this.disabled?S:this.href||S}
|
|
19999
20156
|
role=${this.disabled?`link`:S}
|
|
@@ -20013,7 +20170,7 @@ else:
|
|
|
20013
20170
|
`:x`<slot name="end-icon"></slot>`}
|
|
20014
20171
|
${i?x`<span class="link__opens-in-new-tab-hint">${n}</span>`:S}
|
|
20015
20172
|
</a>
|
|
20016
|
-
`}var
|
|
20173
|
+
`}var mZ={"components.link.opens-in-new-tab-label":`Opent in nieuw tabblad`};w(),O(),P(),Mt(),F(),M();var hZ=class extends jt(C,mZ){constructor(...e){super(...e),this.href=void 0,this.target=void 0,this.rel=void 0,this.size=`inherit`,this.text=``,this.startIcon=``,this.endIcon=``,this.accessibleLabel=``,this.disabled=!1,this.noTab=!1}_handleClick(e){this.disabled&&(e.preventDefault(),e.stopPropagation())}render(){return pZ.call(this,{handleClick:this._handleClick.bind(this)})}},gZ=(hZ.styles=fZ,hZ);j([E({type:String,reflect:!0})],gZ.prototype,`href`,void 0),j([E({type:String})],gZ.prototype,`target`,void 0),j([E({type:String})],gZ.prototype,`rel`,void 0),j([E({reflect:!0,converter:N(`inherit`)})],gZ.prototype,`size`,void 0),j([E({reflect:!0,converter:N(``)})],gZ.prototype,`text`,void 0),j([E({type:String,attribute:`start-icon`})],gZ.prototype,`startIcon`,void 0),j([E({type:String,attribute:`end-icon`})],gZ.prototype,`endIcon`,void 0),j([E({type:String,attribute:`accessible-label`})],gZ.prototype,`accessibleLabel`,void 0),j([E({type:Boolean,reflect:!0})],gZ.prototype,`disabled`,void 0),j([E({type:Boolean,reflect:!0,attribute:`no-tab`})],gZ.prototype,`noTab`,void 0),gZ=j([T(`nldd-link`)],gZ),w(),A();var _Z=u`
|
|
20017
20174
|
:host {
|
|
20018
20175
|
box-sizing: border-box;
|
|
20019
20176
|
}
|
|
@@ -20088,7 +20245,7 @@ else:
|
|
|
20088
20245
|
outline-offset: var(--_skip-link-focus-outline-offset);
|
|
20089
20246
|
box-shadow: var(--_skip-link-focus-box-shadow);
|
|
20090
20247
|
}
|
|
20091
|
-
`;w();function
|
|
20248
|
+
`;w();function vZ(e){let t=ea(e.href);return x`
|
|
20092
20249
|
<div class="skip-link">
|
|
20093
20250
|
${t?x`
|
|
20094
20251
|
<a class="skip-link__control"
|
|
@@ -20106,7 +20263,7 @@ else:
|
|
|
20106
20263
|
`}
|
|
20107
20264
|
</div>
|
|
20108
20265
|
<slot></slot>
|
|
20109
|
-
`}var
|
|
20266
|
+
`}var yZ={"components.skip-link.action":`Sla over`};w(),O(),P(),Mt(),M();var bZ=class extends jt(C,yZ){constructor(...e){super(...e),this.text=``,this.href=``,this._handleClick=()=>{let e=this.nextElementSibling;e&&(e.hasAttribute(`tabindex`)||(e.setAttribute(`tabindex`,`-1`),e.addEventListener(`blur`,()=>{e.removeAttribute(`tabindex`)},{once:!0})),e.focus())}}get _text(){return this.text||this._t(`components.skip-link.action`)}render(){return vZ(this)}},xZ=(bZ.styles=_Z,bZ);j([E({reflect:!0,converter:N(``)})],xZ.prototype,`text`,void 0),j([E({type:String})],xZ.prototype,`href`,void 0),xZ=j([T(`nldd-skip-link`)],xZ),w(),L(),A();var SZ=l(I.smMax),CZ=l(I.mdMin),wZ=l(I.mdMax),TZ=l(I.lgMin),EZ=u`
|
|
20110
20267
|
:host {
|
|
20111
20268
|
box-sizing: border-box;
|
|
20112
20269
|
}
|
|
@@ -20144,15 +20301,15 @@ else:
|
|
|
20144
20301
|
because a container query cannot measure the container it sits on. */
|
|
20145
20302
|
--_top-navigation-bar-logo-height: calc(var(--_top-navigation-bar-logo-width) * 2);
|
|
20146
20303
|
|
|
20147
|
-
@container (max-width: ${
|
|
20304
|
+
@container (max-width: ${SZ}) {
|
|
20148
20305
|
--_top-navigation-bar-logo-width: var(--semantics-brand-ribbon-sm-width);
|
|
20149
20306
|
}
|
|
20150
20307
|
|
|
20151
|
-
@container (min-width: ${
|
|
20308
|
+
@container (min-width: ${CZ}) and (max-width: ${wZ}) {
|
|
20152
20309
|
--_top-navigation-bar-logo-width: var(--semantics-brand-ribbon-md-width);
|
|
20153
20310
|
}
|
|
20154
20311
|
|
|
20155
|
-
@container (min-width: ${
|
|
20312
|
+
@container (min-width: ${TZ}) {
|
|
20156
20313
|
--_top-navigation-bar-logo-width: var(--semantics-brand-ribbon-lg-width);
|
|
20157
20314
|
}
|
|
20158
20315
|
|
|
@@ -20165,15 +20322,15 @@ else:
|
|
|
20165
20322
|
/* The page-section inline margin lives on the wrapper; each bar caps to
|
|
20166
20323
|
the content width and centers, so bar content lines up with page
|
|
20167
20324
|
sections. width=full drops the cap (bars fill the margin box). */
|
|
20168
|
-
@container (max-width: ${
|
|
20325
|
+
@container (max-width: ${SZ}) {
|
|
20169
20326
|
padding-inline: var(--semantics-page-sections-sm-margin-inline);
|
|
20170
20327
|
}
|
|
20171
20328
|
|
|
20172
|
-
@container (min-width: ${
|
|
20329
|
+
@container (min-width: ${CZ}) and (max-width: ${wZ}) {
|
|
20173
20330
|
padding-inline: var(--semantics-page-sections-md-margin-inline);
|
|
20174
20331
|
}
|
|
20175
20332
|
|
|
20176
|
-
@container (min-width: ${
|
|
20333
|
+
@container (min-width: ${TZ}) {
|
|
20177
20334
|
padding-inline: var(--semantics-page-sections-lg-margin-inline);
|
|
20178
20335
|
}
|
|
20179
20336
|
}
|
|
@@ -20327,7 +20484,7 @@ else:
|
|
|
20327
20484
|
ribbon. Only at the top: space under it would raise the bar for
|
|
20328
20485
|
nothing. The minimum gives up the same 12, so the text still centres
|
|
20329
20486
|
on the middle of the ribbon rather than 6px below it. */
|
|
20330
|
-
@container (max-width: ${
|
|
20487
|
+
@container (max-width: ${SZ}) {
|
|
20331
20488
|
align-self: start;
|
|
20332
20489
|
min-height: calc(var(--_top-navigation-bar-logo-height) - var(--primitives-space-12));
|
|
20333
20490
|
padding-block-start: var(--primitives-space-12);
|
|
@@ -20339,7 +20496,7 @@ else:
|
|
|
20339
20496
|
flex-grow: 0;
|
|
20340
20497
|
flex-shrink: 0;
|
|
20341
20498
|
|
|
20342
|
-
@container (max-width: ${
|
|
20499
|
+
@container (max-width: ${SZ}) {
|
|
20343
20500
|
display: none;
|
|
20344
20501
|
}
|
|
20345
20502
|
}
|
|
@@ -20361,7 +20518,7 @@ else:
|
|
|
20361
20518
|
auto margin takes positive free space and never negative, so the text
|
|
20362
20519
|
cannot ride up past the top. Growing is the flex item's job here, and
|
|
20363
20520
|
an item that grows leaves nothing for the margins to centre with. */
|
|
20364
|
-
@container (max-width: ${
|
|
20521
|
+
@container (max-width: ${SZ}) {
|
|
20365
20522
|
flex-grow: 0;
|
|
20366
20523
|
flex-basis: auto;
|
|
20367
20524
|
margin-block: auto;
|
|
@@ -20394,17 +20551,17 @@ else:
|
|
|
20394
20551
|
width: 100%;
|
|
20395
20552
|
max-width: var(--_top-navigation-bar-max-width);
|
|
20396
20553
|
|
|
20397
|
-
@container (max-width: ${
|
|
20554
|
+
@container (max-width: ${SZ}) {
|
|
20398
20555
|
flex-direction: column;
|
|
20399
20556
|
}
|
|
20400
20557
|
|
|
20401
|
-
@container (min-width: ${
|
|
20558
|
+
@container (min-width: ${CZ}) and (max-width: ${wZ}) {
|
|
20402
20559
|
flex-direction: row;
|
|
20403
20560
|
align-items: center;
|
|
20404
20561
|
gap: var(--semantics-menu-bar-items-inline-padding);
|
|
20405
20562
|
}
|
|
20406
20563
|
|
|
20407
|
-
@container (min-width: ${
|
|
20564
|
+
@container (min-width: ${TZ}) {
|
|
20408
20565
|
flex-direction: row;
|
|
20409
20566
|
align-items: center;
|
|
20410
20567
|
gap: var(--semantics-menu-bar-items-inline-padding);
|
|
@@ -20417,11 +20574,11 @@ else:
|
|
|
20417
20574
|
display: flex;
|
|
20418
20575
|
align-items: center;
|
|
20419
20576
|
|
|
20420
|
-
@container (max-width: ${
|
|
20577
|
+
@container (max-width: ${SZ}) {
|
|
20421
20578
|
justify-content: center;
|
|
20422
20579
|
}
|
|
20423
20580
|
|
|
20424
|
-
@container (min-width: ${
|
|
20581
|
+
@container (min-width: ${CZ}) {
|
|
20425
20582
|
padding-inline-end: var(--semantics-menu-bar-items-inline-padding);
|
|
20426
20583
|
justify-content: flex-start;
|
|
20427
20584
|
}
|
|
@@ -20432,7 +20589,7 @@ else:
|
|
|
20432
20589
|
offset, two of outline, and the halo that follows it. */
|
|
20433
20590
|
|
|
20434
20591
|
:host([no-logo]) .top-navigation-bar__website-title-bar {
|
|
20435
|
-
@container (max-width: ${
|
|
20592
|
+
@container (max-width: ${SZ}) {
|
|
20436
20593
|
padding-top: var(--primitives-space-6);
|
|
20437
20594
|
}
|
|
20438
20595
|
}
|
|
@@ -20449,15 +20606,15 @@ else:
|
|
|
20449
20606
|
color: var(--semantics-content-color);
|
|
20450
20607
|
white-space: nowrap;
|
|
20451
20608
|
|
|
20452
|
-
@container (max-width: ${
|
|
20609
|
+
@container (max-width: ${SZ}) {
|
|
20453
20610
|
padding-top: var(--primitives-space-4);
|
|
20454
20611
|
}
|
|
20455
20612
|
|
|
20456
|
-
@container (min-width: ${
|
|
20613
|
+
@container (min-width: ${CZ}) {
|
|
20457
20614
|
font: var(--_top-navigation-bar-title-md-font);
|
|
20458
20615
|
}
|
|
20459
20616
|
|
|
20460
|
-
@container (min-width: ${
|
|
20617
|
+
@container (min-width: ${TZ}) {
|
|
20461
20618
|
font: var(--_top-navigation-bar-title-lg-font);
|
|
20462
20619
|
}
|
|
20463
20620
|
}
|
|
@@ -20493,12 +20650,12 @@ else:
|
|
|
20493
20650
|
min-width: 0;
|
|
20494
20651
|
align-items: center;
|
|
20495
20652
|
|
|
20496
|
-
@container (max-width: ${
|
|
20653
|
+
@container (max-width: ${wZ}) {
|
|
20497
20654
|
flex-grow: 0;
|
|
20498
20655
|
flex-shrink: 0;
|
|
20499
20656
|
}
|
|
20500
20657
|
|
|
20501
|
-
@container (min-width: ${
|
|
20658
|
+
@container (min-width: ${TZ}) {
|
|
20502
20659
|
flex-grow: 1;
|
|
20503
20660
|
flex-shrink: 1;
|
|
20504
20661
|
}
|
|
@@ -20511,12 +20668,12 @@ else:
|
|
|
20511
20668
|
min-width: 0;
|
|
20512
20669
|
align-items: center;
|
|
20513
20670
|
|
|
20514
|
-
@container (max-width: ${
|
|
20671
|
+
@container (max-width: ${wZ}) {
|
|
20515
20672
|
flex-grow: 1;
|
|
20516
20673
|
flex-shrink: 1;
|
|
20517
20674
|
}
|
|
20518
20675
|
|
|
20519
|
-
@container (min-width: ${
|
|
20676
|
+
@container (min-width: ${TZ}) {
|
|
20520
20677
|
flex-grow: 0;
|
|
20521
20678
|
flex-shrink: 0;
|
|
20522
20679
|
}
|
|
@@ -20529,7 +20686,7 @@ else:
|
|
|
20529
20686
|
min-width: 0;
|
|
20530
20687
|
flex-grow: 1;
|
|
20531
20688
|
flex-shrink: 1;
|
|
20532
|
-
@container (min-width: ${
|
|
20689
|
+
@container (min-width: ${TZ}) {
|
|
20533
20690
|
:host(.has-global-items) & {
|
|
20534
20691
|
display: flex;
|
|
20535
20692
|
}
|
|
@@ -20541,7 +20698,7 @@ else:
|
|
|
20541
20698
|
.top-navigation-bar__menu-button {
|
|
20542
20699
|
display: none;
|
|
20543
20700
|
|
|
20544
|
-
@container (max-width: ${
|
|
20701
|
+
@container (max-width: ${wZ}) {
|
|
20545
20702
|
:host(.has-global-items) & {
|
|
20546
20703
|
display: inline-block;
|
|
20547
20704
|
}
|
|
@@ -20561,7 +20718,7 @@ else:
|
|
|
20561
20718
|
slot[name="utility"]::slotted(nldd-menu-bar) {
|
|
20562
20719
|
flex-grow: 0;
|
|
20563
20720
|
}
|
|
20564
|
-
`,CZ=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 100" aria-hidden="true" focusable="false"><path d="M0 0h50v100H0z" fill="#154273"/><path d="M25.9 77.36h-.87v-2.41h.87zm3.93-10.64h-.87v-2.41h.87zM13.7 62.56c-.06 0-.51 0-.51.1 0 .09.2.04.51.1.7.11.97.46 1.46.46.45 0 .9-.3.72-.94q-.06-.13-.1-.01c-.07.29-.42.45-.8.45-.46 0-.55-.16-1.28-.16m-4.79 2.41c.08.11.9 1.17-.36 1.58q-.1.04 0 .11c.94.39 1.39-.33 1.39-.33.47 1.08-.25 1.67-.25 1.67.1.2.54.52 1.22.67.26-.14.62-.4.77-.8 0 0 .18.46.01.91 1.9.17 2.58-1.35 4.04-1.07q.06 0 .06-.07c0-.94-.57-2.65-2.38-3s-1.33-1.09-1.33-1.09c.77-.03 1.2.3 1.2.3.15-.23-.05-.48-.05-.48.07-.08.11-.4.11-.4-.86 0-1.08-.18-1.08-.18-.13-.5.22-1.23 1.5-.46.32-.28.3-.72.3-.72.09-.04.15-.2.15-.26 0-.2-1.02-.78-1.28-.85-.07-.3-.46-.75-1.66-.6-.57.08-.98-.07-.79-.4.03-.06-.07-.07-.12-.01-.13.13-.31.5.18.75.55.28.59.83.6.9 0 .12-.14.14-.17.02-.25-.93-1.53-1.13-2.28-.64.04.5.58.83.87.83.17 0 .4-.17.4-.4 0-.11.06-.1.1-.01.12.33-.37 1.01-1.1.6-.74.74-.44 1.65-.37 1.99.14.6-.16 1.2-.7.92q-.05-.05-.06.04c0 .38.5.81 1.08.48M13 61.24c-.34.38-.9.3-1.04-.34.7-.04 1.01.03 1.04.34m22.07 1.48c-.37 0-.72-.16-.79-.45-.01-.07-.08-.1-.1 0-.18.65.27.95.72.95.48 0 .76-.35 1.45-.47.31-.05.52 0 .52-.1 0-.09-.45-.09-.52-.09-.72 0-.82.16-1.28.16m7.16 1.77q0-.09-.06-.04c-.54.27-.84-.31-.7-.92.07-.34.36-1.25-.38-2-.73.42-1.22-.26-1.1-.6.04-.08.1-.1.1.02 0 .23.23.4.4.4.3 0 .83-.33.88-.83-.76-.5-2.03-.3-2.28.64-.03.12-.17.1-.16-.01 0-.08.03-.63.58-.91.5-.25.32-.62.19-.75-.06-.06-.16-.05-.13 0 .2.34-.21.49-.78.42-1.2-.16-1.6.28-1.66.6-.26.06-1.28.63-1.28.84 0 .07.06.22.16.26 0 0-.03.44.29.72 1.27-.77 1.63-.05 1.5.46 0 0-.23.18-1.09.19 0 0 .04.3.12.4 0 0-.2.24-.06.47 0 0 .44-.33 1.2-.3 0 0 .49.74-1.32 1.1-1.81.34-2.39 2.05-2.39 3q0 .06.06.06c1.47-.28 2.14 1.24 4.04 1.07-.16-.45.02-.91.02-.91.15.4.51.66.77.8.67-.15 1.12-.48 1.22-.67 0 0-.72-.6-.25-1.67 0 0 .45.72 1.38.33q.11-.07.01-.1c-1.26-.42-.44-1.48-.36-1.59.58.33 1.08-.1 1.08-.48m-4.12-3.6c-.14.64-.7.73-1.05.35.03-.31.34-.38 1.05-.34M24.7 50.22c0 .16.07.3.12.38.12.16.1.25.04.3-.05.05-.14.07-.3-.04a1 1 0 0 0-.37-.12c-.28 0-.41.18-.41.33s.13.33.4.33q.26-.01.38-.12.23-.15.3-.04c.06.05-.02.6-.08 1.04-.46.1-.67.45-.67.67 0 .54.58.86.92 1.04.35-.18.93-.5.93-1.04 0-.22-.22-.58-.67-.67a4 4 0 0 1-.09-1.04c.05-.05.14-.07.3.04q.13.1.38.12c.28 0 .41-.18.41-.33s-.13-.33-.41-.33q-.25.01-.38.12-.23.15-.3.04c-.05-.05-.07-.14.04-.3a1 1 0 0 0 .13-.38c0-.27-.18-.4-.34-.4-.15 0-.33.13-.33.4m.33 4.06a.67.67 0 1 0 0 1.33.67.67 0 0 0 0-1.33m0 6.41c2.67 0 4.18.51 4.18.51.01-1.34 0-2.1.78-1.98-.43-1.14 1.4-1.58 1.4-3.06 0-.97-.7-1.08-.9-1.08-.6 0-.5.4-1.02.4-.06 0-.13-.02-.13.02 0 .17.14.46.38.46.32 0 .32-.31.56-.31.1 0 .24.08.24.4 0 .63-.4 1.33-.9 1.87a.6.6 0 0 0-.44-.25c-.28 0-.54.3-.54.67q0 .18.08.35a1 1 0 0 1-.42.14c-.22 0-.55-.09-.55-.57 0-1.07 1.44-2.01 1.44-3.37 0-.64-.44-1.29-1.34-1.29-.97 0-.79.89-1.63.89q-.06-.01-.07.04c0 .06.15.55.58.55.47 0 .6-.8 1-.8.16 0 .4.09.4.63 0 .42-.22 1.1-.52 1.76a.6.6 0 0 0-.42-.19c-.36 0-.62.35-.62.77q0 .4.28.68c-.2.27-.42.49-.72.49-.58 0-.83-.33-.83-.69 0-.38.7-.53.7-1.13 0-.41-.26-.64-.52-.64-.28 0-.42.18-.45.18s-.17-.18-.44-.18c-.26 0-.53.23-.53.64 0 .6.7.75.7 1.13 0 .36-.25.69-.83.69-.29 0-.5-.22-.72-.5a1 1 0 0 0 .28-.67c0-.42-.25-.77-.61-.77a.6.6 0 0 0-.43.2 5 5 0 0 1-.5-1.77c0-.54.22-.63.38-.63.4 0 .54.8 1 .8.44 0 .58-.5.58-.55q0-.04-.07-.04c-.84 0-.65-.89-1.62-.89-.9 0-1.34.65-1.34 1.3 0 1.35 1.43 2.3 1.43 3.36 0 .48-.33.57-.54.57a1 1 0 0 1-.42-.14 1 1 0 0 0 .07-.35c0-.37-.25-.67-.54-.67q-.27.01-.44.25c-.49-.54-.9-1.24-.9-1.87 0-.32.15-.4.25-.4.23 0 .24.31.56.31.23 0 .38-.29.38-.46 0-.04-.07-.03-.13-.03-.52 0-.42-.39-1.03-.39-.2 0-.89.11-.89 1.08 0 1.48 1.82 1.92 1.4 3.06.77-.12.76.64.78 1.98 0 0 1.5-.5 4.17-.5m-4.89 2q-1.11.24-1.48.38c.01-.33.13-.62.42-.69.04 0 .05-.06.01-.08-.65-.43-1 .4-1 .42-.23-.02-.58.05-.58.37 0 .92-2.12 1.44-2.61 1.51.86.34 1.22 1.43 1.22 1.43a5 5 0 0 1 1.53-1.18c.17 0 .23.2.24.33q.02.06.07.02c.33-.5.17-.6.15-.75-.03-.11 0-.54.49-.5v6.2l-.25.05c-.11.02-1.02-.75-2.05-1.47-1.04-.72-1.6-.29-2.78.35-1.54.84-3.1.08-3.1.08-1.34.95-1.8 3.7-1.8 3.7-.26.12-.7.24-1.12.24-1.01 0-1.2-.62-1.2-.99 0-1.57 1.97-2.24 1.97-3.79 0-.37-.18-1.9-2.07-1.9H4.51c-.7 0-.88-.51-.98-.7-.04-.08-.11-.04-.08.02.05.13-.09.33-.09.72 0 .63.37 1 1.06 1 .31 0 .6-.08.7-.14.07-.04.1.02.07.06-.3.35-.32 1-.2 1.16q.05.05.08 0a1.7 1.7 0 0 1 1.62-1.3c1.03 0 1.02.88 1.02 1.1 0 1.25-2.21 2.18-2.21 3.9 0 1.77 1.85 2.14 2.93 1.86-.06 1.76-2.08 2.36-2.14 1.1q-.02-.1-.08 0c-.25.63-.15 1.18.63 1.35q.06.03-.02.08c-.78.5-.36 2.43-.32 3 .06.82-.76.72-.82.7q-.08-.02-.02.07c.58.71 1.3.06 1.3.06.54.17.2.63-.16.87q-.08.07.01.08c.08 0 .92.08 1.07-.59.37.44.92.28 1.03.22.16-.08.95-.36 1.02.52 0 .06.05.02.07-.01.6-.75-.04-1.2-.4-1.26a.6.6 0 0 1 .94.11q.04.08.06-.03c.05-.95-.72-1.03-1.22-.62-.02-.1-.19-.63.56-.61.02 0 .06-.03.02-.06-.58-.62-1.06-.06-1.18.07-.26.31-.9.19-.96.18.2-3.29 3.1-2.12 3.5-3.72.01-.08.05-.05.06-.02.1.39 1.1.44 1.27-.32q.02-.1-.03-.05c-.84.83-2.73-1.78-.15-3.91a3.74 3.74 0 0 1 4.92-.2c.04.26-.12.34-.22.37q-.05.03.01.07c.21.08.5.05.65-.14.47.33.07.74-.13.86q-.05.05.02.07c.43.08.79-.37.8-.62l.08.04v1.87c0 2.66 3.07 3.03 6.43 5.28 3.37-2.25 6.44-2.62 6.44-5.28v-1.87l.07-.04c.02.25.38.7.81.62q.07-.01.01-.07c-.19-.12-.6-.53-.12-.86.14.2.43.22.64.14q.08-.04.01-.07c-.1-.03-.25-.11-.21-.38.75-.6 2.72-1.6 4.92.2 2.57 2.14.68 4.75-.15 3.92q-.05-.04-.03.05c.18.76 1.16.7 1.27.32 0-.03.04-.06.06.02.4 1.6 3.3.43 3.5 3.72-.06 0-.7.13-.97-.18-.1-.13-.59-.7-1.17-.07-.04.03 0 .06.01.06.76-.02.59.51.57.61-.5-.41-1.27-.33-1.22.62q0 .1.06.03a.6.6 0 0 1 .93-.11c-.35.05-.99.51-.4 1.26.03.03.07.07.07 0 .08-.87.86-.59 1.03-.5.11.05.66.21 1.03-.23.15.67.98.6 1.06.6q.1-.02.01-.09c-.36-.24-.7-.7-.15-.87 0 0 .72.65 1.3-.06.05-.07.01-.08-.02-.07-.07.02-.89.12-.83-.7.04-.57.46-2.5-.31-3q-.1-.06-.02-.08c.78-.17.88-.72.63-1.34q-.07-.11-.09 0c-.06 1.25-2.07.65-2.13-1.1 1.07.27 2.93-.1 2.93-1.86 0-1.73-2.21-2.66-2.21-3.92 0-.2-.01-1.08 1.02-1.08.83 0 1.46.63 1.62 1.3 0 .02.05.03.07 0 .13-.17.1-.82-.2-1.17-.03-.04 0-.1.07-.06.1.06.4.15.7.15.7 0 1.06-.38 1.06-1.01 0-.4-.13-.59-.08-.72.03-.06-.05-.1-.08-.03-.1.2-.28.7-.99.7h-1.69c-1.89 0-2.06 1.54-2.06 1.91 0 1.55 1.97 2.22 1.97 3.8 0 .36-.19.98-1.2.98-.42 0-.87-.12-1.13-.23 0 0-.45-2.76-1.79-3.71 0 0-1.56.76-3.1-.08-1.19-.64-1.74-1.07-2.78-.35s-1.94 1.49-2.05 1.47l-.25-.05v-6.2c.48-.04.51.39.5.5-.04.15-.2.26.14.75q.05.04.06-.02c.02-.12.08-.33.25-.33s.9.55 1.52 1.18c0 0 .36-1.1 1.23-1.43-.5-.07-2.61-.59-2.61-1.51 0-.32-.35-.39-.58-.37-.01-.03-.36-.85-1-.42a.04.04 0 0 0 0 .08c.3.07.42.36.43.69-.62-.2-3.25-.93-6.38-.93-1.51 0-2.9.17-4.02.37v2.15h-.87zm-5.76 21.98c-.23-.1-.38-.24-.38-.55v-1.33c-.38-.13-1.43-.53-3.5-.53-1.74 0-2.28.39-2.3.53l-.47 2.53s.7-.64 3.21-.47c3.02.19 6.16 1.97 6.16.07v-1.12c-2.37 0-2.72.76-2.72.87m18.6-.87v1.12c0 1.9 3.12.12 6.14-.07 2.51-.17 3.21.47 3.21.47l-.46-2.53c-.02-.14-.56-.53-2.3-.53-2.07 0-3.12.4-3.5.53v1.33q-.02.43-.38.55c0-.11-.35-.87-2.72-.87m-7.95-1.15c4.87 0 9.81.26 10.46.99.05.06.07 0 .07-.05V81c0-.76-5.1-1.2-10.53-1.2s-10.52.44-10.52 1.2v2.57c0 .05.02.1.07.05.65-.73 5.59-.99 10.45-.99M20.7 70.47l-.49-.12-.04.06-.57-.25h.51q.07-.02.03-.06l-.44-.43.56.21q.06.01.04-.04l-.38-.55.55.37q.05.02.05-.03l-.27-.65.5.48q.05.02.05-.02l-.14-.65.37.54q.04.04.05-.01l.01-.6.24.55q.02.06.06-.01l.2-.46.01.62-.08.01-.1.74c.73-.17 1.65-1.43 2.35-1.43.84 0 1.14.98 2.68.49.4.57.53 1.08.68 1.77.6.56 1.43.37 1.43-.22 0-.8-.87-.95-.87-1.79 0-.37.26-.9.98-.9.37 0 .93.16 1.24.16.38 0 .46-.28.5-.39.04-.08.14-.06.13 0-.01.09.04.2.04.38 0 .52-.76.6-.86.53-.04-.03-.07.01-.04.03.12.1.09.41-.05.61q-.02.03-.04 0c-.08-.38-.53-.85-.92-.85-.14 0-.43.09-.43.42 0 .47.96.9.96 1.9 0 1.01-1.02 1.26-2.04 1 .04.97 1.48 1.55 1.52.86 0-.05.03-.02.04 0 .22.3.12.52-.16.63.26.12.3.62.38.93.1.45.59.2.61.19q.05-.02.03.03c-.19.47-.67.3-.67.3-.26.17.05.33.28.4q.06.01 0 .04c-.16.07-.53.18-.7-.12-.13.31-.4.3-.5.3-.2 0-.32.2-.27.45q0 .03-.03.01c-.45-.3-.2-.64-.01-.72-.03-.02-.34-.15-.47.2q-.01.06-.04.01c-.19-.51.23-.66.54-.53-.02-.08-.18-.33-.58-.25q-.03 0-.02-.03c.06-.15.26-.39.63-.15.18.11.5-.05.53-.07-.65-1.29-1.9-.2-2.18-1.22 0-.02-.03-.04-.05.02-.07.21-.62.23-.72-.2q0-.04.03-.01c.08.08.25.15.48-.18.15-.21.17-.5.17-.7 0-.78-.78-2.1-2-2.1-.78 0-1.6.3-2.22.75l.57.14a.9.9 0 0 1-1.12.77l.09-.66a1 1 0 0 0-.44.28l-.03-.01c-.1-.38.2-.57.3-.61q.03-.02 0-.02a.6.6 0 0 0-.48.26q-.01.02-.02 0c-.03-.07-.08-.26.05-.4m1.7 4.48c-.21.27-.4.01-.7.01-.27 0-.31.23-.32.32q0 .03-.02 0c-.3-.41.04-.64.24-.67-.03-.03-.33-.23-.53.04q-.02.02-.03 0c0-.53.4-.57.68-.34.05-.2-.08-.33-.3-.34q-.04 0-.02-.03.14-.14.27-.14c.29 0 .33.36.51.36.29 0 .69-.38.73-.42 0-.02-.28-.75-.23-1.2q0-.02-.02 0c-.13.07-.48.07-.48-.36q0-.06.03-.01c.15.2.4-.03.52-.17.13-.15.85-1.19 1.8-1.19.21 0 .48.12.7.27-.33.4 0 .78.24.74q.05 0 0 .03c-1.25.47-1.82.66-1.82 1.71 0 .55.2.86.52.79q.04 0 .01.02a.5.5 0 0 1-.36.19c-.27 0-.31-.15-.45-.15s-.62.28-.62.51q-.01.14.22.31v.02c-.1.02-.48.05-.56-.3m3.32-10.25c-.4-.03-.64.06-.63.19.19.2.44.18.63-.2m-1.45.97c.28-.07.58-.04.62-.03s.04.09-.01.1c-.58.07-.6.33-.98.33-.24 0-.5-.24-.4-.6q.02-.08.05 0c.04.15.27.32.72.2m-7.53 12.86c.38.5.75.03 1.26.03.24 0 .54.08.6.58q0 .04.05 0c.55-.76-.08-1.18-.44-1.23.08-.07.61-.4.96.08q.03.04.05-.01c0-.95-.71-1.02-1.23-.6-.1-.38.19-.62.55-.62q.06 0 .03-.06c-.64-.68-1.11.18-1.22.31-.25.34-1.16-.3-1.52-.67 0 0 .8-.84.8-1.61v-.14q0-.03.03-.02.12.08.3.08c.17 0 .52-.06.52-.71q0-.07-.04-.02-.16.19-.28.17c-.65 0-2-2.16-3.6-2.16-.42 0-1.2.3-1.6.73.19.11.22.35.2.52-.03.27-.24.4-.47.47q-.06.02 0 .06c.81.3 2.28.86 2.61 1.15.4.34.32.98.09 1.87-.22.85-.7.73-.87.7q-.03 0-.02.04c.21.26.47.35.68.35.42 0 .58-.26.8-.26.36 0 1.12.52 1.12.92 0 .22-.17.42-.4.57q-.01.02.01.03c.18.03.9.1 1.03-.55m17.63.55q.04 0 .01-.03c-.22-.15-.4-.35-.4-.57 0-.4.77-.92 1.13-.92.22 0 .38.26.8.26q.34.02.67-.35.02-.04-.02-.03c-.17.02-.64.14-.86-.71-.23-.89-.3-1.53.09-1.87.33-.3 1.8-.85 2.6-1.15q.07-.04 0-.06c-.22-.06-.44-.2-.47-.47-.02-.17.02-.4.21-.52a2.7 2.7 0 0 0-1.6-.73c-1.6 0-2.95 2.16-3.6 2.16q-.13.02-.28-.17-.04-.05-.04.02c0 .65.34.7.53.7q.16.01.3-.07.02-.01.02.02v.14c0 .77.8 1.6.8 1.6-.36.39-1.27 1.02-1.52.68-.11-.13-.59-.99-1.22-.3q-.04.04.03.05c.36 0 .64.24.54.61-.51-.41-1.22-.34-1.22.6q.01.06.05.02c.34-.48.88-.15.96-.08-.36.05-.99.47-.44 1.23q.03.04.05 0c.05-.5.36-.58.6-.58.5 0 .87.46 1.26-.03.14.64.85.58 1.02.55M21.45 66.61c-.05.07-.22 0-.28-.03h-.02c.04.1.2.37.45.37.1 0 .26-.07.3-.14l1.41.43q-.27.37-.31.85c-.38-.23-1.88-1.04-1.88-1.04l-.46.64c-.08.1-.45-.17-.37-.27l.35-.49c-.12-.12-.4-.05-.48-.02q-.02 0 0-.02c.04-.1.22-.4.66-.26 0-.27-.4-.18-.5-.15q-.03 0-.01-.02c.1-.12.43-.38.8-.16l.16-.22-.33-.34.2-.28.23.3 1.73-2.37c.05-.05.39-.15.52-.18.01.13.03.49-.02.55l-1.7 2.39.36.12-.2.27-.42-.2zm6.07-.39c0 .22.13.54.42.44q.03 0 .03.02c-.05.24-.48.46-.68.17-.17.37-.13.72.25.93q.03.01 0 .05a.5.5 0 0 1-.74-.19c-.31.24-.27.73-.08.9 0 0-.86.52-1.64.15-.52-.25-.94-.56-1.6-.51.09-.94.56-1.18 1.42-1.32.68-.1.77-.42.67-.66-.23-.07-.66.15-.66.15-.08-.13.04-.26.04-.26-.05-.06-.07-.23-.07-.23.48 0 .57-.1.57-.1.08-.5-.43-.56-.81-.29-.18-.16-.16-.37-.16-.37q-.08-.06-.08-.15c0-.11.57-.43.71-.47.04-.17.25-.4.85-.34.07-.16-.04-.75-.12-.9q-.02-.08.07-.05c.2.14.42.63.56.64 0 0 .68-.36.72-.34s.12.78.12.78c.1.11.62 0 .85.1q.08.06 0 .08c-.17.03-.72.26-.8.41.3.48.16 1.17.16 1.36" fill="#fff"/></svg>`;w(),qt();function wZ(e){return x`
|
|
20721
|
+
`,DZ=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 100" aria-hidden="true" focusable="false"><path d="M0 0h50v100H0z" fill="#154273"/><path d="M25.9 77.36h-.87v-2.41h.87zm3.93-10.64h-.87v-2.41h.87zM13.7 62.56c-.06 0-.51 0-.51.1 0 .09.2.04.51.1.7.11.97.46 1.46.46.45 0 .9-.3.72-.94q-.06-.13-.1-.01c-.07.29-.42.45-.8.45-.46 0-.55-.16-1.28-.16m-4.79 2.41c.08.11.9 1.17-.36 1.58q-.1.04 0 .11c.94.39 1.39-.33 1.39-.33.47 1.08-.25 1.67-.25 1.67.1.2.54.52 1.22.67.26-.14.62-.4.77-.8 0 0 .18.46.01.91 1.9.17 2.58-1.35 4.04-1.07q.06 0 .06-.07c0-.94-.57-2.65-2.38-3s-1.33-1.09-1.33-1.09c.77-.03 1.2.3 1.2.3.15-.23-.05-.48-.05-.48.07-.08.11-.4.11-.4-.86 0-1.08-.18-1.08-.18-.13-.5.22-1.23 1.5-.46.32-.28.3-.72.3-.72.09-.04.15-.2.15-.26 0-.2-1.02-.78-1.28-.85-.07-.3-.46-.75-1.66-.6-.57.08-.98-.07-.79-.4.03-.06-.07-.07-.12-.01-.13.13-.31.5.18.75.55.28.59.83.6.9 0 .12-.14.14-.17.02-.25-.93-1.53-1.13-2.28-.64.04.5.58.83.87.83.17 0 .4-.17.4-.4 0-.11.06-.1.1-.01.12.33-.37 1.01-1.1.6-.74.74-.44 1.65-.37 1.99.14.6-.16 1.2-.7.92q-.05-.05-.06.04c0 .38.5.81 1.08.48M13 61.24c-.34.38-.9.3-1.04-.34.7-.04 1.01.03 1.04.34m22.07 1.48c-.37 0-.72-.16-.79-.45-.01-.07-.08-.1-.1 0-.18.65.27.95.72.95.48 0 .76-.35 1.45-.47.31-.05.52 0 .52-.1 0-.09-.45-.09-.52-.09-.72 0-.82.16-1.28.16m7.16 1.77q0-.09-.06-.04c-.54.27-.84-.31-.7-.92.07-.34.36-1.25-.38-2-.73.42-1.22-.26-1.1-.6.04-.08.1-.1.1.02 0 .23.23.4.4.4.3 0 .83-.33.88-.83-.76-.5-2.03-.3-2.28.64-.03.12-.17.1-.16-.01 0-.08.03-.63.58-.91.5-.25.32-.62.19-.75-.06-.06-.16-.05-.13 0 .2.34-.21.49-.78.42-1.2-.16-1.6.28-1.66.6-.26.06-1.28.63-1.28.84 0 .07.06.22.16.26 0 0-.03.44.29.72 1.27-.77 1.63-.05 1.5.46 0 0-.23.18-1.09.19 0 0 .04.3.12.4 0 0-.2.24-.06.47 0 0 .44-.33 1.2-.3 0 0 .49.74-1.32 1.1-1.81.34-2.39 2.05-2.39 3q0 .06.06.06c1.47-.28 2.14 1.24 4.04 1.07-.16-.45.02-.91.02-.91.15.4.51.66.77.8.67-.15 1.12-.48 1.22-.67 0 0-.72-.6-.25-1.67 0 0 .45.72 1.38.33q.11-.07.01-.1c-1.26-.42-.44-1.48-.36-1.59.58.33 1.08-.1 1.08-.48m-4.12-3.6c-.14.64-.7.73-1.05.35.03-.31.34-.38 1.05-.34M24.7 50.22c0 .16.07.3.12.38.12.16.1.25.04.3-.05.05-.14.07-.3-.04a1 1 0 0 0-.37-.12c-.28 0-.41.18-.41.33s.13.33.4.33q.26-.01.38-.12.23-.15.3-.04c.06.05-.02.6-.08 1.04-.46.1-.67.45-.67.67 0 .54.58.86.92 1.04.35-.18.93-.5.93-1.04 0-.22-.22-.58-.67-.67a4 4 0 0 1-.09-1.04c.05-.05.14-.07.3.04q.13.1.38.12c.28 0 .41-.18.41-.33s-.13-.33-.41-.33q-.25.01-.38.12-.23.15-.3.04c-.05-.05-.07-.14.04-.3a1 1 0 0 0 .13-.38c0-.27-.18-.4-.34-.4-.15 0-.33.13-.33.4m.33 4.06a.67.67 0 1 0 0 1.33.67.67 0 0 0 0-1.33m0 6.41c2.67 0 4.18.51 4.18.51.01-1.34 0-2.1.78-1.98-.43-1.14 1.4-1.58 1.4-3.06 0-.97-.7-1.08-.9-1.08-.6 0-.5.4-1.02.4-.06 0-.13-.02-.13.02 0 .17.14.46.38.46.32 0 .32-.31.56-.31.1 0 .24.08.24.4 0 .63-.4 1.33-.9 1.87a.6.6 0 0 0-.44-.25c-.28 0-.54.3-.54.67q0 .18.08.35a1 1 0 0 1-.42.14c-.22 0-.55-.09-.55-.57 0-1.07 1.44-2.01 1.44-3.37 0-.64-.44-1.29-1.34-1.29-.97 0-.79.89-1.63.89q-.06-.01-.07.04c0 .06.15.55.58.55.47 0 .6-.8 1-.8.16 0 .4.09.4.63 0 .42-.22 1.1-.52 1.76a.6.6 0 0 0-.42-.19c-.36 0-.62.35-.62.77q0 .4.28.68c-.2.27-.42.49-.72.49-.58 0-.83-.33-.83-.69 0-.38.7-.53.7-1.13 0-.41-.26-.64-.52-.64-.28 0-.42.18-.45.18s-.17-.18-.44-.18c-.26 0-.53.23-.53.64 0 .6.7.75.7 1.13 0 .36-.25.69-.83.69-.29 0-.5-.22-.72-.5a1 1 0 0 0 .28-.67c0-.42-.25-.77-.61-.77a.6.6 0 0 0-.43.2 5 5 0 0 1-.5-1.77c0-.54.22-.63.38-.63.4 0 .54.8 1 .8.44 0 .58-.5.58-.55q0-.04-.07-.04c-.84 0-.65-.89-1.62-.89-.9 0-1.34.65-1.34 1.3 0 1.35 1.43 2.3 1.43 3.36 0 .48-.33.57-.54.57a1 1 0 0 1-.42-.14 1 1 0 0 0 .07-.35c0-.37-.25-.67-.54-.67q-.27.01-.44.25c-.49-.54-.9-1.24-.9-1.87 0-.32.15-.4.25-.4.23 0 .24.31.56.31.23 0 .38-.29.38-.46 0-.04-.07-.03-.13-.03-.52 0-.42-.39-1.03-.39-.2 0-.89.11-.89 1.08 0 1.48 1.82 1.92 1.4 3.06.77-.12.76.64.78 1.98 0 0 1.5-.5 4.17-.5m-4.89 2q-1.11.24-1.48.38c.01-.33.13-.62.42-.69.04 0 .05-.06.01-.08-.65-.43-1 .4-1 .42-.23-.02-.58.05-.58.37 0 .92-2.12 1.44-2.61 1.51.86.34 1.22 1.43 1.22 1.43a5 5 0 0 1 1.53-1.18c.17 0 .23.2.24.33q.02.06.07.02c.33-.5.17-.6.15-.75-.03-.11 0-.54.49-.5v6.2l-.25.05c-.11.02-1.02-.75-2.05-1.47-1.04-.72-1.6-.29-2.78.35-1.54.84-3.1.08-3.1.08-1.34.95-1.8 3.7-1.8 3.7-.26.12-.7.24-1.12.24-1.01 0-1.2-.62-1.2-.99 0-1.57 1.97-2.24 1.97-3.79 0-.37-.18-1.9-2.07-1.9H4.51c-.7 0-.88-.51-.98-.7-.04-.08-.11-.04-.08.02.05.13-.09.33-.09.72 0 .63.37 1 1.06 1 .31 0 .6-.08.7-.14.07-.04.1.02.07.06-.3.35-.32 1-.2 1.16q.05.05.08 0a1.7 1.7 0 0 1 1.62-1.3c1.03 0 1.02.88 1.02 1.1 0 1.25-2.21 2.18-2.21 3.9 0 1.77 1.85 2.14 2.93 1.86-.06 1.76-2.08 2.36-2.14 1.1q-.02-.1-.08 0c-.25.63-.15 1.18.63 1.35q.06.03-.02.08c-.78.5-.36 2.43-.32 3 .06.82-.76.72-.82.7q-.08-.02-.02.07c.58.71 1.3.06 1.3.06.54.17.2.63-.16.87q-.08.07.01.08c.08 0 .92.08 1.07-.59.37.44.92.28 1.03.22.16-.08.95-.36 1.02.52 0 .06.05.02.07-.01.6-.75-.04-1.2-.4-1.26a.6.6 0 0 1 .94.11q.04.08.06-.03c.05-.95-.72-1.03-1.22-.62-.02-.1-.19-.63.56-.61.02 0 .06-.03.02-.06-.58-.62-1.06-.06-1.18.07-.26.31-.9.19-.96.18.2-3.29 3.1-2.12 3.5-3.72.01-.08.05-.05.06-.02.1.39 1.1.44 1.27-.32q.02-.1-.03-.05c-.84.83-2.73-1.78-.15-3.91a3.74 3.74 0 0 1 4.92-.2c.04.26-.12.34-.22.37q-.05.03.01.07c.21.08.5.05.65-.14.47.33.07.74-.13.86q-.05.05.02.07c.43.08.79-.37.8-.62l.08.04v1.87c0 2.66 3.07 3.03 6.43 5.28 3.37-2.25 6.44-2.62 6.44-5.28v-1.87l.07-.04c.02.25.38.7.81.62q.07-.01.01-.07c-.19-.12-.6-.53-.12-.86.14.2.43.22.64.14q.08-.04.01-.07c-.1-.03-.25-.11-.21-.38.75-.6 2.72-1.6 4.92.2 2.57 2.14.68 4.75-.15 3.92q-.05-.04-.03.05c.18.76 1.16.7 1.27.32 0-.03.04-.06.06.02.4 1.6 3.3.43 3.5 3.72-.06 0-.7.13-.97-.18-.1-.13-.59-.7-1.17-.07-.04.03 0 .06.01.06.76-.02.59.51.57.61-.5-.41-1.27-.33-1.22.62q0 .1.06.03a.6.6 0 0 1 .93-.11c-.35.05-.99.51-.4 1.26.03.03.07.07.07 0 .08-.87.86-.59 1.03-.5.11.05.66.21 1.03-.23.15.67.98.6 1.06.6q.1-.02.01-.09c-.36-.24-.7-.7-.15-.87 0 0 .72.65 1.3-.06.05-.07.01-.08-.02-.07-.07.02-.89.12-.83-.7.04-.57.46-2.5-.31-3q-.1-.06-.02-.08c.78-.17.88-.72.63-1.34q-.07-.11-.09 0c-.06 1.25-2.07.65-2.13-1.1 1.07.27 2.93-.1 2.93-1.86 0-1.73-2.21-2.66-2.21-3.92 0-.2-.01-1.08 1.02-1.08.83 0 1.46.63 1.62 1.3 0 .02.05.03.07 0 .13-.17.1-.82-.2-1.17-.03-.04 0-.1.07-.06.1.06.4.15.7.15.7 0 1.06-.38 1.06-1.01 0-.4-.13-.59-.08-.72.03-.06-.05-.1-.08-.03-.1.2-.28.7-.99.7h-1.69c-1.89 0-2.06 1.54-2.06 1.91 0 1.55 1.97 2.22 1.97 3.8 0 .36-.19.98-1.2.98-.42 0-.87-.12-1.13-.23 0 0-.45-2.76-1.79-3.71 0 0-1.56.76-3.1-.08-1.19-.64-1.74-1.07-2.78-.35s-1.94 1.49-2.05 1.47l-.25-.05v-6.2c.48-.04.51.39.5.5-.04.15-.2.26.14.75q.05.04.06-.02c.02-.12.08-.33.25-.33s.9.55 1.52 1.18c0 0 .36-1.1 1.23-1.43-.5-.07-2.61-.59-2.61-1.51 0-.32-.35-.39-.58-.37-.01-.03-.36-.85-1-.42a.04.04 0 0 0 0 .08c.3.07.42.36.43.69-.62-.2-3.25-.93-6.38-.93-1.51 0-2.9.17-4.02.37v2.15h-.87zm-5.76 21.98c-.23-.1-.38-.24-.38-.55v-1.33c-.38-.13-1.43-.53-3.5-.53-1.74 0-2.28.39-2.3.53l-.47 2.53s.7-.64 3.21-.47c3.02.19 6.16 1.97 6.16.07v-1.12c-2.37 0-2.72.76-2.72.87m18.6-.87v1.12c0 1.9 3.12.12 6.14-.07 2.51-.17 3.21.47 3.21.47l-.46-2.53c-.02-.14-.56-.53-2.3-.53-2.07 0-3.12.4-3.5.53v1.33q-.02.43-.38.55c0-.11-.35-.87-2.72-.87m-7.95-1.15c4.87 0 9.81.26 10.46.99.05.06.07 0 .07-.05V81c0-.76-5.1-1.2-10.53-1.2s-10.52.44-10.52 1.2v2.57c0 .05.02.1.07.05.65-.73 5.59-.99 10.45-.99M20.7 70.47l-.49-.12-.04.06-.57-.25h.51q.07-.02.03-.06l-.44-.43.56.21q.06.01.04-.04l-.38-.55.55.37q.05.02.05-.03l-.27-.65.5.48q.05.02.05-.02l-.14-.65.37.54q.04.04.05-.01l.01-.6.24.55q.02.06.06-.01l.2-.46.01.62-.08.01-.1.74c.73-.17 1.65-1.43 2.35-1.43.84 0 1.14.98 2.68.49.4.57.53 1.08.68 1.77.6.56 1.43.37 1.43-.22 0-.8-.87-.95-.87-1.79 0-.37.26-.9.98-.9.37 0 .93.16 1.24.16.38 0 .46-.28.5-.39.04-.08.14-.06.13 0-.01.09.04.2.04.38 0 .52-.76.6-.86.53-.04-.03-.07.01-.04.03.12.1.09.41-.05.61q-.02.03-.04 0c-.08-.38-.53-.85-.92-.85-.14 0-.43.09-.43.42 0 .47.96.9.96 1.9 0 1.01-1.02 1.26-2.04 1 .04.97 1.48 1.55 1.52.86 0-.05.03-.02.04 0 .22.3.12.52-.16.63.26.12.3.62.38.93.1.45.59.2.61.19q.05-.02.03.03c-.19.47-.67.3-.67.3-.26.17.05.33.28.4q.06.01 0 .04c-.16.07-.53.18-.7-.12-.13.31-.4.3-.5.3-.2 0-.32.2-.27.45q0 .03-.03.01c-.45-.3-.2-.64-.01-.72-.03-.02-.34-.15-.47.2q-.01.06-.04.01c-.19-.51.23-.66.54-.53-.02-.08-.18-.33-.58-.25q-.03 0-.02-.03c.06-.15.26-.39.63-.15.18.11.5-.05.53-.07-.65-1.29-1.9-.2-2.18-1.22 0-.02-.03-.04-.05.02-.07.21-.62.23-.72-.2q0-.04.03-.01c.08.08.25.15.48-.18.15-.21.17-.5.17-.7 0-.78-.78-2.1-2-2.1-.78 0-1.6.3-2.22.75l.57.14a.9.9 0 0 1-1.12.77l.09-.66a1 1 0 0 0-.44.28l-.03-.01c-.1-.38.2-.57.3-.61q.03-.02 0-.02a.6.6 0 0 0-.48.26q-.01.02-.02 0c-.03-.07-.08-.26.05-.4m1.7 4.48c-.21.27-.4.01-.7.01-.27 0-.31.23-.32.32q0 .03-.02 0c-.3-.41.04-.64.24-.67-.03-.03-.33-.23-.53.04q-.02.02-.03 0c0-.53.4-.57.68-.34.05-.2-.08-.33-.3-.34q-.04 0-.02-.03.14-.14.27-.14c.29 0 .33.36.51.36.29 0 .69-.38.73-.42 0-.02-.28-.75-.23-1.2q0-.02-.02 0c-.13.07-.48.07-.48-.36q0-.06.03-.01c.15.2.4-.03.52-.17.13-.15.85-1.19 1.8-1.19.21 0 .48.12.7.27-.33.4 0 .78.24.74q.05 0 0 .03c-1.25.47-1.82.66-1.82 1.71 0 .55.2.86.52.79q.04 0 .01.02a.5.5 0 0 1-.36.19c-.27 0-.31-.15-.45-.15s-.62.28-.62.51q-.01.14.22.31v.02c-.1.02-.48.05-.56-.3m3.32-10.25c-.4-.03-.64.06-.63.19.19.2.44.18.63-.2m-1.45.97c.28-.07.58-.04.62-.03s.04.09-.01.1c-.58.07-.6.33-.98.33-.24 0-.5-.24-.4-.6q.02-.08.05 0c.04.15.27.32.72.2m-7.53 12.86c.38.5.75.03 1.26.03.24 0 .54.08.6.58q0 .04.05 0c.55-.76-.08-1.18-.44-1.23.08-.07.61-.4.96.08q.03.04.05-.01c0-.95-.71-1.02-1.23-.6-.1-.38.19-.62.55-.62q.06 0 .03-.06c-.64-.68-1.11.18-1.22.31-.25.34-1.16-.3-1.52-.67 0 0 .8-.84.8-1.61v-.14q0-.03.03-.02.12.08.3.08c.17 0 .52-.06.52-.71q0-.07-.04-.02-.16.19-.28.17c-.65 0-2-2.16-3.6-2.16-.42 0-1.2.3-1.6.73.19.11.22.35.2.52-.03.27-.24.4-.47.47q-.06.02 0 .06c.81.3 2.28.86 2.61 1.15.4.34.32.98.09 1.87-.22.85-.7.73-.87.7q-.03 0-.02.04c.21.26.47.35.68.35.42 0 .58-.26.8-.26.36 0 1.12.52 1.12.92 0 .22-.17.42-.4.57q-.01.02.01.03c.18.03.9.1 1.03-.55m17.63.55q.04 0 .01-.03c-.22-.15-.4-.35-.4-.57 0-.4.77-.92 1.13-.92.22 0 .38.26.8.26q.34.02.67-.35.02-.04-.02-.03c-.17.02-.64.14-.86-.71-.23-.89-.3-1.53.09-1.87.33-.3 1.8-.85 2.6-1.15q.07-.04 0-.06c-.22-.06-.44-.2-.47-.47-.02-.17.02-.4.21-.52a2.7 2.7 0 0 0-1.6-.73c-1.6 0-2.95 2.16-3.6 2.16q-.13.02-.28-.17-.04-.05-.04.02c0 .65.34.7.53.7q.16.01.3-.07.02-.01.02.02v.14c0 .77.8 1.6.8 1.6-.36.39-1.27 1.02-1.52.68-.11-.13-.59-.99-1.22-.3q-.04.04.03.05c.36 0 .64.24.54.61-.51-.41-1.22-.34-1.22.6q.01.06.05.02c.34-.48.88-.15.96-.08-.36.05-.99.47-.44 1.23q.03.04.05 0c.05-.5.36-.58.6-.58.5 0 .87.46 1.26-.03.14.64.85.58 1.02.55M21.45 66.61c-.05.07-.22 0-.28-.03h-.02c.04.1.2.37.45.37.1 0 .26-.07.3-.14l1.41.43q-.27.37-.31.85c-.38-.23-1.88-1.04-1.88-1.04l-.46.64c-.08.1-.45-.17-.37-.27l.35-.49c-.12-.12-.4-.05-.48-.02q-.02 0 0-.02c.04-.1.22-.4.66-.26 0-.27-.4-.18-.5-.15q-.03 0-.01-.02c.1-.12.43-.38.8-.16l.16-.22-.33-.34.2-.28.23.3 1.73-2.37c.05-.05.39-.15.52-.18.01.13.03.49-.02.55l-1.7 2.39.36.12-.2.27-.42-.2zm6.07-.39c0 .22.13.54.42.44q.03 0 .03.02c-.05.24-.48.46-.68.17-.17.37-.13.72.25.93q.03.01 0 .05a.5.5 0 0 1-.74-.19c-.31.24-.27.73-.08.9 0 0-.86.52-1.64.15-.52-.25-.94-.56-1.6-.51.09-.94.56-1.18 1.42-1.32.68-.1.77-.42.67-.66-.23-.07-.66.15-.66.15-.08-.13.04-.26.04-.26-.05-.06-.07-.23-.07-.23.48 0 .57-.1.57-.1.08-.5-.43-.56-.81-.29-.18-.16-.16-.37-.16-.37q-.08-.06-.08-.15c0-.11.57-.43.71-.47.04-.17.25-.4.85-.34.07-.16-.04-.75-.12-.9q-.02-.08.07-.05c.2.14.42.63.56.64 0 0 .68-.36.72-.34s.12.78.12.78c.1.11.62 0 .85.1q.08.06 0 .08c-.17.03-.72.26-.8.41.3.48.16 1.17.16 1.36" fill="#fff"/></svg>`;w(),qt();function OZ(e){return x`
|
|
20565
20722
|
<div class="top-navigation-bar__wordmark">
|
|
20566
20723
|
<div class="top-navigation-bar__wordmark-spacer"></div>
|
|
20567
20724
|
<div class="top-navigation-bar__wordmark-content">
|
|
@@ -20585,7 +20742,7 @@ else:
|
|
|
20585
20742
|
`:S}
|
|
20586
20743
|
</div>
|
|
20587
20744
|
</div>
|
|
20588
|
-
`}function
|
|
20745
|
+
`}function kZ(e){let t=ea(e.logoHref),n=ea(e.websiteHref);return x`
|
|
20589
20746
|
<div class="top-navigation-bar">
|
|
20590
20747
|
${e.noLogo?S:x`<div class="top-navigation-bar__logo-bar">
|
|
20591
20748
|
${e.logoTitle&&t?x`
|
|
@@ -20595,25 +20752,25 @@ else:
|
|
|
20595
20752
|
<div class="top-navigation-bar__logo"
|
|
20596
20753
|
aria-hidden="true"
|
|
20597
20754
|
>
|
|
20598
|
-
${Gt(
|
|
20755
|
+
${Gt(DZ)}
|
|
20599
20756
|
</div>
|
|
20600
|
-
${
|
|
20757
|
+
${OZ(e)}
|
|
20601
20758
|
</a>
|
|
20602
20759
|
`:t?x`
|
|
20603
20760
|
<a class="top-navigation-bar__logo"
|
|
20604
20761
|
href="${t}"
|
|
20605
20762
|
aria-label="${e._t(`components.top-navigation-bar.logo-label`)}"
|
|
20606
20763
|
>
|
|
20607
|
-
<span aria-hidden="true">${Gt(
|
|
20764
|
+
<span aria-hidden="true">${Gt(DZ)}</span>
|
|
20608
20765
|
</a>
|
|
20609
20766
|
`:x`
|
|
20610
20767
|
<div class="top-navigation-bar__logo"
|
|
20611
20768
|
role="img"
|
|
20612
20769
|
aria-label="${e._t(`components.top-navigation-bar.logo-label`)}"
|
|
20613
20770
|
>
|
|
20614
|
-
${Gt(
|
|
20771
|
+
${Gt(DZ)}
|
|
20615
20772
|
</div>
|
|
20616
|
-
${e.logoTitle?
|
|
20773
|
+
${e.logoTitle?OZ(e):S}
|
|
20617
20774
|
`}
|
|
20618
20775
|
</div>`}
|
|
20619
20776
|
<div class="top-navigation-bar__main-bar">
|
|
@@ -20671,8 +20828,8 @@ else:
|
|
|
20671
20828
|
</div>
|
|
20672
20829
|
</div>
|
|
20673
20830
|
</div>
|
|
20674
|
-
`}var
|
|
20675
|
-
`)}willUpdate(e){super.willUpdate(e);let t=this._translatedTexts();if(t!==this._appliedTexts&&(this._appliedTexts=t,this._globalMenuSheet?.setAttribute(`accessible-label`,this._menuText),this._globalMenuSheetTitleBar?.setAttribute(`dismiss-text`,this._t(`components.top-navigation-bar.menu-sheet-dismiss-action`)),this._sheetStack.length>0&&(this._sheetStack[0].title=this._menuText,this._renderSheetLevel()),this._syncSlottedMenuBarLabels()),e.has(`width`)){let e=this.width;e&&e!==`full`&&CSS.supports(`max-width`,e)?this.style.setProperty(`--_top-navigation-bar-max-width`,e):this.style.removeProperty(`--_top-navigation-bar-max-width`)}}_getSlottedMenuBar(e){return(e?.assignedElements({flatten:!0})??[]).find(e=>e.tagName===`NLDD-MENU-BAR`)??null}_getSlottedItems(e){let t=this._getSlottedMenuBar(e);return t?Array.from(t.querySelectorAll(`:scope > nldd-menu-bar-item`)):[]}_syncSlottedMenuBarLabels(){let e=(e,t)=>{if(!e)return;let n=e.getAttribute(`accessible-label`),r=this._appliedMenuBarLabels.get(e);if(n!==null&&n!==r){this._appliedMenuBarLabels.delete(e);return}let i=this._t(t);e.setAttribute(`accessible-label`,i),this._appliedMenuBarLabels.set(e,i)};e(this._getSlottedMenuBar(this._globalSlot),`components.top-navigation-bar.global-menu-bar-label`),e(this._getSlottedMenuBar(this._utilitySlot),`components.top-navigation-bar.utility-menu-bar-label`)}get _hasBackButton(){return!!(this.backHref||this.backText)}get _backText(){return this.backText||this._t(`components.top-navigation-bar.back-action`)}get _menuText(){return this._t(`components.top-navigation-bar.menu-action`)}connectedCallback(){super.connectedCallback(),this.addEventListener(`select`,this._handleItemSelect),window.addEventListener(`scroll`,this._syncLogoOffset,{passive:!0}),window.addEventListener(`resize`,this._syncLogoOffset,{passive:!0})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`select`,this._handleItemSelect),window.removeEventListener(`scroll`,this._syncLogoOffset),window.removeEventListener(`resize`,this._syncLogoOffset),this._cleanupCompactDetection(),this._globalMenuSheet?.remove(),this._globalMenuSheet=null,this._globalMenuSheetList=null,this._globalMenuSheetTitleBar=null,this._sheetStack=[]}firstUpdated(){this._syncHasGlobalItems(),this._setupCompactDetection(),this._syncLogoOffset()}_setupCompactDetection(){this._cleanupCompactDetection(),this._setupRAF=requestAnimationFrame(()=>{this._setupRAF=null,this.isConnected&&(this._resizeObserver=new ResizeObserver(()=>{this._scheduleCompactUpdate()}),this._resizeObserver.observe(this),this._scheduleCompactUpdate())})}_cleanupCompactDetection(){this._setupRAF&&(cancelAnimationFrame(this._setupRAF),this._setupRAF=null),this._compactRAF&&(cancelAnimationFrame(this._compactRAF),this._compactRAF=null),this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null)}_syncHasGlobalItems(){this.classList.toggle(`has-global-items`,this._getSlottedItems(this._globalSlot).length>0)}_syncCompactAttribute(){let e=this._isSmBreakpoint(),t=[this._getSlottedMenuBar(this._globalSlot),this._getSlottedMenuBar(this._utilitySlot)].filter(e=>e!==null);for(let n of t)n.toggleAttribute(`compact`,e),n.requestOverflowUpdate();let n=this.shadowRoot?.querySelectorAll(`nldd-menu-bar-item`)??[];for(let t of n)t.toggleAttribute(`compact`,e);this._syncHasGlobalItems()}_isSmBreakpoint(){let e=this.shadowRoot?.querySelector(`.top-navigation-bar`);return e?e.clientWidth<=parseInt(I.smMax):!1}async _loadGlobalMenuSheetDependencies(){await Promise.all([Promise.resolve().then(()=>(
|
|
20831
|
+
`}var AZ={"components.top-navigation-bar.global-menu-bar-label":`Hoofdnavigatie`,"components.top-navigation-bar.back-action":`Terug`,"components.top-navigation-bar.menu-action":`Menu`,"components.top-navigation-bar.logo-label":`Rijkswapen - Rijksoverheid`,"components.top-navigation-bar.utility-menu-bar-label":`Hulplinks`,"components.top-navigation-bar.menu-sheet-dismiss-action":`Sluit`};w(),O(),P(),Mt(),F(),L(),M();var jZ=class extends jt(C,AZ){constructor(...e){super(...e),this.websiteTitle=``,this.noLogo=!1,this.width=``,this.logoTitle=``,this.logoSubtitle=``,this.logoSupportingText1=``,this.logoSupportingText2=``,this.logoHref=``,this.websiteHref=``,this.backHref=``,this.backText=``,this._globalMenuSheet=null,this._globalMenuSheetList=null,this._globalMenuSheetTitleBar=null,this._sheetStack=[],this._resizeObserver=null,this._compactRAF=null,this._setupRAF=null,this._appliedMenuBarLabels=new WeakMap,this._appliedTexts=null,this._syncLogoOffset=()=>{if(window.scrollY>0)return;let e=this.shadowRoot?.querySelector(`.top-navigation-bar__logo`);if(!e)return;let t=Math.max(0,Math.round(e.getBoundingClientRect().top+window.scrollY));this.style.setProperty(`--_top-navigation-bar-logo-offset`,`${t}px`)},this._handleItemSelect=e=>{let t=e.detail;if(!t?.item)return;let n=this._getSlottedItems(this._globalSlot);if(!n.includes(t.item))return;let r=new CustomEvent(`itemselect`,{bubbles:!0,composed:!0,cancelable:!0,detail:t});this.dispatchEvent(r),r.defaultPrevented||(t.item.current=!0,n.forEach(e=>{e!==t.item&&e.removeAttribute(`current`)}))},this._onGlobalSlotChange=()=>{this._syncHasGlobalItems(),this._syncSlottedMenuBarLabels(),this._syncCompactAttribute()},this._onUtilitySlotChange=()=>{this._syncSlottedMenuBarLabels(),this._syncCompactAttribute()},this._scheduleCompactUpdate=()=>{this._compactRAF&&cancelAnimationFrame(this._compactRAF),this._compactRAF=requestAnimationFrame(()=>{this._syncCompactAttribute()})},this._onSheetBack=()=>{if(this._sheetStack.length<=1)return;let e=this._sheetStack[this._sheetStack.length-1].title;this._sheetStack.pop(),this._renderSheetLevel(!0,e)},this._onMenuButtonClick=async()=>{if(!this._globalMenuSheet){try{await this._loadGlobalMenuSheetDependencies()}catch{return}if(!this.isConnected||this._globalMenuSheet)return;this._globalMenuSheet=this._createGlobalMenuSheet();let e=this._menuButton?.querySelector(`nldd-menu-bar-item`);this._globalMenuSheet.addEventListener(`open`,()=>{e&&(e.expanded=!0)}),this._globalMenuSheet.addEventListener(`close`,()=>{e&&(e.expanded=!1)})}this._resetSheetToRoot(),requestAnimationFrame(()=>{this._globalMenuSheet?.show()})},this._handleBackClick=e=>{this.backHref||(e.preventDefault(),this.dispatchEvent(new CustomEvent(`back-click`,{bubbles:!0,composed:!0})))}}_translatedTexts(){return[this._menuText,this._t(`components.top-navigation-bar.menu-sheet-dismiss-action`),this._t(`components.top-navigation-bar.global-menu-bar-label`),this._t(`components.top-navigation-bar.utility-menu-bar-label`)].join(`
|
|
20832
|
+
`)}willUpdate(e){super.willUpdate(e);let t=this._translatedTexts();if(t!==this._appliedTexts&&(this._appliedTexts=t,this._globalMenuSheet?.setAttribute(`accessible-label`,this._menuText),this._globalMenuSheetTitleBar?.setAttribute(`dismiss-text`,this._t(`components.top-navigation-bar.menu-sheet-dismiss-action`)),this._sheetStack.length>0&&(this._sheetStack[0].title=this._menuText,this._renderSheetLevel()),this._syncSlottedMenuBarLabels()),e.has(`width`)){let e=this.width;e&&e!==`full`&&CSS.supports(`max-width`,e)?this.style.setProperty(`--_top-navigation-bar-max-width`,e):this.style.removeProperty(`--_top-navigation-bar-max-width`)}}_getSlottedMenuBar(e){return(e?.assignedElements({flatten:!0})??[]).find(e=>e.tagName===`NLDD-MENU-BAR`)??null}_getSlottedItems(e){let t=this._getSlottedMenuBar(e);return t?Array.from(t.querySelectorAll(`:scope > nldd-menu-bar-item`)):[]}_syncSlottedMenuBarLabels(){let e=(e,t)=>{if(!e)return;let n=e.getAttribute(`accessible-label`),r=this._appliedMenuBarLabels.get(e);if(n!==null&&n!==r){this._appliedMenuBarLabels.delete(e);return}let i=this._t(t);e.setAttribute(`accessible-label`,i),this._appliedMenuBarLabels.set(e,i)};e(this._getSlottedMenuBar(this._globalSlot),`components.top-navigation-bar.global-menu-bar-label`),e(this._getSlottedMenuBar(this._utilitySlot),`components.top-navigation-bar.utility-menu-bar-label`)}get _hasBackButton(){return!!(this.backHref||this.backText)}get _backText(){return this.backText||this._t(`components.top-navigation-bar.back-action`)}get _menuText(){return this._t(`components.top-navigation-bar.menu-action`)}connectedCallback(){super.connectedCallback(),this.addEventListener(`select`,this._handleItemSelect),window.addEventListener(`scroll`,this._syncLogoOffset,{passive:!0}),window.addEventListener(`resize`,this._syncLogoOffset,{passive:!0})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`select`,this._handleItemSelect),window.removeEventListener(`scroll`,this._syncLogoOffset),window.removeEventListener(`resize`,this._syncLogoOffset),this._cleanupCompactDetection(),this._globalMenuSheet?.remove(),this._globalMenuSheet=null,this._globalMenuSheetList=null,this._globalMenuSheetTitleBar=null,this._sheetStack=[]}firstUpdated(){this._syncHasGlobalItems(),this._setupCompactDetection(),this._syncLogoOffset()}_setupCompactDetection(){this._cleanupCompactDetection(),this._setupRAF=requestAnimationFrame(()=>{this._setupRAF=null,this.isConnected&&(this._resizeObserver=new ResizeObserver(()=>{this._scheduleCompactUpdate()}),this._resizeObserver.observe(this),this._scheduleCompactUpdate())})}_cleanupCompactDetection(){this._setupRAF&&(cancelAnimationFrame(this._setupRAF),this._setupRAF=null),this._compactRAF&&(cancelAnimationFrame(this._compactRAF),this._compactRAF=null),this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null)}_syncHasGlobalItems(){this.classList.toggle(`has-global-items`,this._getSlottedItems(this._globalSlot).length>0)}_syncCompactAttribute(){let e=this._isSmBreakpoint(),t=[this._getSlottedMenuBar(this._globalSlot),this._getSlottedMenuBar(this._utilitySlot)].filter(e=>e!==null);for(let n of t)n.toggleAttribute(`compact`,e),n.requestOverflowUpdate();let n=this.shadowRoot?.querySelectorAll(`nldd-menu-bar-item`)??[];for(let t of n)t.toggleAttribute(`compact`,e);this._syncHasGlobalItems()}_isSmBreakpoint(){let e=this.shadowRoot?.querySelector(`.top-navigation-bar`);return e?e.clientWidth<=parseInt(I.smMax):!1}async _loadGlobalMenuSheetDependencies(){await Promise.all([Promise.resolve().then(()=>(vY(),mY)),Promise.resolve().then(()=>(Rq(),Mq)),Promise.resolve().then(()=>(nJ(),$q)),Promise.resolve().then(()=>(Gz(),Hz)),Promise.resolve().then(()=>(qs(),Us)),Promise.resolve().then(()=>(fc(),nc)),Promise.resolve().then(()=>(Va(),Ra)),Promise.resolve().then(()=>(Da(),wa)),Promise.resolve().then(()=>(F(),en))])}_createGlobalMenuSheet(){let e=document.createElement(`nldd-sheet`);e.setAttribute(`placement`,`left`),e.setAttribute(`accessible-label`,this._t(`components.top-navigation-bar.menu-action`));let t=document.createElement(`nldd-page`);t.setAttribute(`sticky-header`,``);let n=document.createElement(`nldd-top-title-bar`);n.setAttribute(`slot`,`header`),n.setAttribute(`dismiss-text`,this._t(`components.top-navigation-bar.menu-sheet-dismiss-action`)),n.addEventListener(`back`,this._onSheetBack),this._globalMenuSheetTitleBar=n,t.appendChild(n);let r=document.createElement(`nldd-simple-section`);return this._globalMenuSheetList=document.createElement(`nldd-list`),this._globalMenuSheetList.setAttribute(`appearance`,`simple`),this._globalMenuSheetList.setAttribute(`dividers`,`never`),r.appendChild(this._globalMenuSheetList),t.appendChild(r),e.appendChild(t),document.body.appendChild(e),e}_resetSheetToRoot(){this._sheetStack=[{title:this._menuText,container:this._getSlottedMenuBar(this._globalSlot)}],this._renderSheetLevel()}_readSheetEntries(e){return e?e.tagName===`NLDD-MENU-BAR`?Array.from(e.querySelectorAll(`:scope > nldd-menu-bar-item`)).map(e=>({text:e.text,href:ea(e.href)??``,selected:e.current,submenu:e.querySelector(`:scope > nldd-menu`),activate:()=>e.click()})):Array.from(e.querySelectorAll(`:scope > nldd-menu-item, :scope > nldd-menu-group > nldd-menu-item`)).map(e=>({text:e.text||e.getAttribute(`text`)||``,href:ea(e.href||``)??``,selected:e.hasAttribute(`selected`),submenu:e.querySelector(`:scope > nldd-menu`),activate:()=>e.dispatchEvent(new CustomEvent(`select`,{bubbles:!0,composed:!0}))})):[]}_renderSheetLevel(e=!1,t){let n=this._globalMenuSheetList,r=this._globalMenuSheetTitleBar;if(!n||!r||this._sheetStack.length===0)return;let i=this._sheetStack.length,a=this._sheetStack[i-1];r.setAttribute(`text`,a.title),i>1?r.setAttribute(`back-text`,this._sheetStack[i-2].title):r.removeAttribute(`back-text`),n.replaceChildren();let o=null;for(let e of this._readSheetEntries(a.container)){let r=document.createElement(`nldd-list-item`),i=document.createElement(`nldd-text-cell`);if(i.setAttribute(`text`,e.text),r.appendChild(i),e.submenu){r.setAttribute(`button`,``);let t=document.createElement(`nldd-icon-cell`);t.setAttribute(`icon`,`chevron-right-small`),r.appendChild(t);let{text:n,submenu:i}=e;r.addEventListener(`click`,()=>{this._sheetStack.push({title:n,container:i}),this._renderSheetLevel(!0)})}else if(e.href)r.setAttribute(`href`,e.href),r.addEventListener(`click`,()=>this._globalMenuSheet?.hide());else{r.setAttribute(`button`,``);let{activate:t}=e;r.addEventListener(`click`,()=>{t(),this._globalMenuSheet?.hide()})}e.selected&&r.setAttribute(`selected`,``),t!==void 0&&e.text===t&&(o=r),n.appendChild(r)}e&&requestAnimationFrame(()=>{(o??n.querySelector(`nldd-list-item`))?.focus()})}render(){return kZ(this)}},MZ=(jZ.styles=EZ,jZ);j([E({reflect:!0,attribute:`website-title`,converter:N(``)})],MZ.prototype,`websiteTitle`,void 0),j([E({type:Boolean,attribute:`no-logo`,reflect:!0})],MZ.prototype,`noLogo`,void 0),j([E({type:String,reflect:!0})],MZ.prototype,`width`,void 0),j([E({reflect:!0,attribute:`logo-title`,converter:N(``)})],MZ.prototype,`logoTitle`,void 0),j([E({reflect:!0,attribute:`logo-subtitle`,converter:N(``)})],MZ.prototype,`logoSubtitle`,void 0),j([E({reflect:!0,attribute:`logo-supporting-text-1`,converter:N(``)})],MZ.prototype,`logoSupportingText1`,void 0),j([E({reflect:!0,attribute:`logo-supporting-text-2`,converter:N(``)})],MZ.prototype,`logoSupportingText2`,void 0),j([E({type:String,attribute:`logo-href`})],MZ.prototype,`logoHref`,void 0),j([E({type:String,attribute:`website-href`})],MZ.prototype,`websiteHref`,void 0),j([E({type:String,attribute:`back-href`})],MZ.prototype,`backHref`,void 0),j([E({reflect:!0,attribute:`back-text`,converter:N(``)})],MZ.prototype,`backText`,void 0),j([ut(`.top-navigation-bar__menu-button`)],MZ.prototype,`_menuButton`,void 0),j([ut(`slot[name="global"]`)],MZ.prototype,`_globalSlot`,void 0),j([ut(`slot[name="utility"]`)],MZ.prototype,`_utilitySlot`,void 0),MZ=j([T(`nldd-top-navigation-bar`)],MZ),w(),A();var NZ=u`
|
|
20676
20833
|
:host {
|
|
20677
20834
|
box-sizing: border-box;
|
|
20678
20835
|
}
|
|
@@ -20760,7 +20917,7 @@ else:
|
|
|
20760
20917
|
position: relative;
|
|
20761
20918
|
z-index: var(--_tab-bar-focus-z-index);
|
|
20762
20919
|
}
|
|
20763
|
-
`,
|
|
20920
|
+
`,PZ=u`
|
|
20764
20921
|
|
|
20765
20922
|
|
|
20766
20923
|
/* # Host */
|
|
@@ -20950,7 +21107,7 @@ else:
|
|
|
20950
21107
|
:host([variant="icon"]) .tab-bar__item-text {
|
|
20951
21108
|
display: none;
|
|
20952
21109
|
}
|
|
20953
|
-
`;w(),Ri(),F();function
|
|
21110
|
+
`;w(),Ri(),F();function FZ(e){let t=e.accessibleLabel||`Tabs`,n=e.navigation,r=x`
|
|
20954
21111
|
<div class="tab-bar__items"
|
|
20955
21112
|
role=${n?S:`tablist`}
|
|
20956
21113
|
aria-label=${n?S:t}
|
|
@@ -20967,7 +21124,7 @@ else:
|
|
|
20967
21124
|
<div class="tab-bar">
|
|
20968
21125
|
${r}
|
|
20969
21126
|
</div>
|
|
20970
|
-
`}function
|
|
21127
|
+
`}function IZ(e){let t=ea(e.href),n=!!t,r=e._navigation,i=e._groupDisabled,a=i?`-1`:e.current||e._isFallbackFocusable?`0`:`-1`,o=e._effectiveVariant===`icon`,s=o&&e.text||S,c=o||e._effectiveVariant===`icon-and-text`,l=x`
|
|
20971
21128
|
<span class="tab-bar__item-icon"
|
|
20972
21129
|
aria-hidden="true"
|
|
20973
21130
|
>
|
|
@@ -20997,7 +21154,7 @@ else:
|
|
|
20997
21154
|
tabindex=${a}
|
|
20998
21155
|
@click=${e._handleClick}
|
|
20999
21156
|
>${l}</button>
|
|
21000
|
-
`,o&&e.text?x`<nldd-tooltip text=${e.text}>${u}</nldd-tooltip>`:u}w(),O(),P(),M();var
|
|
21157
|
+
`,o&&e.text?x`<nldd-tooltip text=${e.text}>${u}</nldd-tooltip>`:u}w(),O(),P(),M();var LZ=class extends C{constructor(...e){super(...e),this.current=!1,this.href=``,this._groupVariant=``,this._authorVariant=``,this.text=``,this.icon=``,this.size=`md`,this._hasIconSlot=!1,this._navigation=!1,this._isFallbackFocusable=!1,this._groupDisabled=!1}get _effectiveVariant(){if(this._authorVariant)return this._authorVariant;if(this._groupVariant)return this._groupVariant;let e=!!this.icon||this._hasIconSlot;return this.text&&e?`icon-and-text`:this.text?`text`:`icon`}connectedCallback(){super.connectedCallback(),this.setAttribute(`role`,`none`);let e=this.getAttribute(`variant`);(e===`text`||e===`icon`||e===`icon-and-text`)&&(this._authorVariant=e)}updated(){this.setAttribute(`variant`,this._effectiveVariant)}focus(e){this.shadowRoot?.querySelector(`.tab-bar__item`)?.focus(e)}_onIconSlotChange(e){let t=e.target;this._hasIconSlot=t.assignedElements({flatten:!0}).length>0}_handleClick(e){if(this._groupDisabled){e.preventDefault();return}ea(this.href)||e.preventDefault(),this.dispatchEvent(new CustomEvent(`select`,{bubbles:!0,composed:!0,detail:{item:this}}))}render(){return IZ(this)}},RZ,zZ=(LZ.styles=PZ,LZ);j([E({type:Boolean,reflect:!0})],zZ.prototype,`current`,void 0),j([E({type:String})],zZ.prototype,`href`,void 0),j([E({type:String})],zZ.prototype,`_groupVariant`,void 0),j([E({reflect:!0,converter:N(``)})],zZ.prototype,`text`,void 0),j([E({type:String,reflect:!0})],zZ.prototype,`icon`,void 0),j([E({reflect:!0,converter:N(`md`)})],zZ.prototype,`size`,void 0),j([D()],zZ.prototype,`_hasIconSlot`,void 0),j([D()],zZ.prototype,`_navigation`,void 0),j([D()],zZ.prototype,`_isFallbackFocusable`,void 0),j([D()],zZ.prototype,`_groupDisabled`,void 0),zZ=j([T(`nldd-tab-bar-item`)],zZ);var BZ=(RZ=class extends C{constructor(...e){super(...e),this.centered=!1,this.variant=``,this.size=`md`,this.navigation=!1,this.disabled=!1,this.accessibleLabel=``,this._hasCustomLabel=!1,this._handleItemSelect=e=>{e.stopPropagation(),!this.disabled&&(this.navigation||this._getItems().forEach(t=>{t.current=t===e.detail.item}),this.dispatchEvent(new CustomEvent(`tabchange`,{bubbles:!0,composed:!0,detail:e.detail})))},this._handleKeyDown=e=>{if(this.disabled)return;let t=this._getItems();if(t.length===0)return;let n=t.findIndex(t=>t===e.target||t.contains(e.target)),r=-1;switch(e.key){case`ArrowLeft`:e.preventDefault(),r=n>0?n-1:t.length-1;break;case`ArrowRight`:e.preventDefault(),r=n<t.length-1?n+1:0;break;case`Home`:e.preventDefault(),r=0;break;case`End`:e.preventDefault(),r=t.length-1;break;default:return}r>=0&&r<t.length&&(t[r].focus(),this.navigation||(t.forEach(e=>{e.current=e===t[r]}),this.dispatchEvent(new CustomEvent(`tabchange`,{bubbles:!0,composed:!0,detail:{item:t[r]}}))))}}connectedCallback(){super.connectedCallback(),this.addEventListener(`select`,this._handleItemSelect),this.addEventListener(`keydown`,this._handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`select`,this._handleItemSelect),this.removeEventListener(`keydown`,this._handleKeyDown)}firstUpdated(){this._hasCustomLabel=!!this.accessibleLabel,this._syncItems()}updated(e){(e.has(`variant`)||e.has(`size`)||e.has(`navigation`)||e.has(`disabled`))&&this._syncItems()}_getItems(){let e=this.shadowRoot?.querySelector(`slot`);return e?e.assignedElements().filter(e=>e.tagName.toLowerCase()===`nldd-tab-bar-item`):[]}_syncItems(){let e=this._getItems();e.forEach(e=>{e._groupVariant=this.variant,e.size=this.size,e._navigation=this.navigation,e._groupDisabled=this.disabled});let t=e.some(e=>e.current),n=e[0]??null;e.forEach(e=>{e._isFallbackFocusable=!t&&e===n})}_onSlotChange(){this._syncItems()}render(){return FZ(this)}},RZ.styles=NZ,RZ);j([E({type:Boolean,reflect:!0})],BZ.prototype,`centered`,void 0),j([E({reflect:!0,converter:N(``)})],BZ.prototype,`variant`,void 0),j([E({reflect:!0,converter:N(`md`)})],BZ.prototype,`size`,void 0),j([E({type:Boolean,reflect:!0})],BZ.prototype,`navigation`,void 0),j([E({type:Boolean,reflect:!0})],BZ.prototype,`disabled`,void 0),j([E({type:String,attribute:`accessible-label`})],BZ.prototype,`accessibleLabel`,void 0),BZ=j([T(`nldd-tab-bar`)],BZ),w(),A();var VZ=u`
|
|
21001
21158
|
:host {
|
|
21002
21159
|
box-sizing: border-box;
|
|
21003
21160
|
}
|
|
@@ -21212,7 +21369,7 @@ else:
|
|
|
21212
21369
|
clip-path: inset(50%);
|
|
21213
21370
|
}
|
|
21214
21371
|
|
|
21215
|
-
`,
|
|
21372
|
+
`,HZ=u`
|
|
21216
21373
|
|
|
21217
21374
|
|
|
21218
21375
|
/* # Host */
|
|
@@ -21447,7 +21604,7 @@ else:
|
|
|
21447
21604
|
height: var(--primitives-space-16);
|
|
21448
21605
|
}
|
|
21449
21606
|
|
|
21450
|
-
`;w(),ln(),Ki(),F(),Ri();function
|
|
21607
|
+
`;w(),ln(),Ki(),F(),Ri();function UZ(e){let t=e._overflowCount>0,n=e.accessibleLabel||`Tabbladen`,r=e.navigation,i=x`
|
|
21451
21608
|
<div class="document-tab-bar__items"
|
|
21452
21609
|
role=${r?S:`tablist`}
|
|
21453
21610
|
aria-label=${r?S:n}
|
|
@@ -21486,7 +21643,7 @@ else:
|
|
|
21486
21643
|
aria-live="assertive"
|
|
21487
21644
|
aria-atomic="true"
|
|
21488
21645
|
></div>
|
|
21489
|
-
`}function
|
|
21646
|
+
`}function WZ(e){let t=e.shortText||e.text,n=e.shortSupportingText||e.supportingText,r=e._navigation,i=ea(e.href),a=!!i,o=e.selected||e._isFallbackFocusable?`0`:`-1`,s=e.supportingText?`${e.text} · ${e.supportingText}`:e.text,c=x`
|
|
21490
21647
|
<span class="document-tab-bar__item-normal"
|
|
21491
21648
|
aria-hidden="true"
|
|
21492
21649
|
>
|
|
@@ -21530,7 +21687,7 @@ else:
|
|
|
21530
21687
|
</button>
|
|
21531
21688
|
</div>
|
|
21532
21689
|
</nldd-tooltip>
|
|
21533
|
-
`}var VZ={"components.document-tab-bar.dismiss-action":`Sluit`,"components.document-tab-bar.overflow-action":`Toon meer tabbladen`,"components.document-tab-bar.reorder-dropped-text":`Tabblad verplaatst naar positie {position}.`,"components.document-tab-bar.reorder-no-change-text":`Tabblad verplaatst. Positie ongewijzigd.`,"components.document-tab-bar.reorder-canceled-text":`Slepen geannuleerd.`};w(),O(),P(),Mt(),M();var HZ,UZ,WZ,GZ,KZ=5,qZ=(HZ=class extends C{constructor(...e){super(...e),this._id=`nldd-document-tab-bar-item-${WZ._idCounter++}`,this.selected=!1,this.text=``,this.supportingText=``,this.shortText=``,this.shortSupportingText=``,this.href=``,this._isShort=!1,this._itemResizeObserver=null,this._dismissButtonAccessibilityLabel=`Sluit`,this._isFallbackFocusable=!1,this._navigation=!1}connectedCallback(){super.connectedCallback(),this.setAttribute(`role`,`none`),this._itemResizeObserver=new ResizeObserver(()=>this._updateIsShort()),this._itemResizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this._itemResizeObserver?.disconnect(),this._itemResizeObserver=null}_updateIsShort(){let e=parseFloat(getComputedStyle(this).getPropertyValue(`--_document-tab-bar-short-text-threshold`));this._isShort=Number.isFinite(e)&&this.getBoundingClientRect().width<e}focus(e){this.shadowRoot?.querySelector(`.document-tab-bar__item-tab`)?.focus(e)}_handleClick(){this.dispatchEvent(new CustomEvent(`select`,{bubbles:!0,composed:!0,detail:{item:this}}))}_handleDismiss(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent(`dismiss`,{bubbles:!0,composed:!0,detail:{item:this}}))}render(){return BZ(this)}},WZ=HZ,HZ.styles=RZ,HZ._idCounter=0,HZ);j([E({type:Boolean,reflect:!0})],qZ.prototype,`selected`,void 0),j([E({reflect:!0,attribute:`text`,converter:N(``)})],qZ.prototype,`text`,void 0),j([E({reflect:!0,attribute:`supporting-text`,converter:N(``)})],qZ.prototype,`supportingText`,void 0),j([E({reflect:!0,attribute:`short-text`,converter:N(``)})],qZ.prototype,`shortText`,void 0),j([E({reflect:!0,attribute:`short-supporting-text`,converter:N(``)})],qZ.prototype,`shortSupportingText`,void 0),j([E({type:String})],qZ.prototype,`href`,void 0),j([D()],qZ.prototype,`_isShort`,void 0),j([D()],qZ.prototype,`_dismissButtonAccessibilityLabel`,void 0),j([D()],qZ.prototype,`_isFallbackFocusable`,void 0),j([D()],qZ.prototype,`_navigation`,void 0),qZ=WZ=j([T(`nldd-document-tab-bar-item`)],qZ);var JZ=(UZ=class extends jt(C,VZ){constructor(...e){super(...e),this._id=`nldd-document-tab-bar-${GZ._idCounter++}`,this.accessibleLabel=``,this.navigation=!1,this._overflowCount=0,this._menuOpen=!1,this._menu=null,this._resizeObserver=null,this._hasCustomLabel=!1,this._draggingEl=null,this._placeholder=null,this._currentDropIndex=-1,this._pointerId=null,this._clone=null,this._cloneOffsetX=0,this._tabBarRect=null,this._pendingDragItem=null,this._pendingDragStartX=0,this._pendingPointerId=null,this._onPointerDown=e=>{let t=e.composedPath();if(t.some(e=>e instanceof Element&&e.classList?.contains(`document-tab-bar__item-dismiss-button`)))return;let n=t.find(e=>e instanceof Element&&e.tagName.toLowerCase()===`nldd-document-tab-bar-item`);n&&!n.hidden&&(this._pendingDragItem=n,this._pendingDragStartX=e.clientX,this._pendingPointerId=e.pointerId,this.addEventListener(`pointermove`,this._onPointerMovePending),this.addEventListener(`pointerup`,this._onPointerUpPending),this.addEventListener(`pointercancel`,this._onPointerCancelPending))},this._onPointerMovePending=e=>{if(e.pointerId!==this._pendingPointerId||!this._pendingDragItem||(e.preventDefault(),Math.abs(e.clientX-this._pendingDragStartX)<KZ))return;let t=this._pendingDragItem;this._clearPendingDrag(),e.preventDefault(),this._startDrag(t,e.clientX),this._pointerId=e.pointerId,this.setPointerCapture(e.pointerId),this.addEventListener(`pointermove`,this._onPointerMove),this.addEventListener(`pointerup`,this._onPointerUp),this.addEventListener(`pointercancel`,this._onPointerCancel)},this._onPointerUpPending=()=>{this._clearPendingDrag()},this._onPointerCancelPending=()=>{this._clearPendingDrag()},this._lastPointerX=0,this._onPointerMove=e=>{if(!this._draggingEl||!this._placeholder)return;this._clone&&(this._tabBarRect=this.getBoundingClientRect(),this._clone.style.setProperty(`--_document-tab-bar-drag-clone-left`,`${e.clientX-this._tabBarRect.left-this._cloneOffsetX}px`));let t=e.clientX>=this._lastPointerX;this._lastPointerX=e.clientX;let n=this._getVisibleItems().filter(e=>e!==this._draggingEl),r=e.clientX,i=n.length;for(let e=0;e<n.length;e++){let a=(n[e].shadowRoot?.querySelector(`.document-tab-bar__item`)??n[e]).getBoundingClientRect();if(r<(t?a.left:a.right)){i=e;break}}this._setDropIndex(i)},this._onPointerUp=()=>{try{this._endDrag()}finally{document.documentElement.style.cursor=``}},this._onPointerCancel=()=>{try{this._cancelDrag()}finally{document.documentElement.style.cursor=``}},this._handleItemSelect=e=>{e.stopPropagation();let t=e.detail.item;this._getItems().forEach(e=>{e.selected=e===t}),this._syncFallbackFocusable(),this.dispatchEvent(new CustomEvent(`tabchange`,{bubbles:!0,composed:!0,detail:e.detail}))},this._handleItemDismiss=e=>{e.stopPropagation();let t=e.detail.item,n=this._getItems(),r=null;if(t.selected){let e=n.indexOf(t);for(let t=e+1;t<n.length;t++)if(!n[t].hidden){r=n[t];break}if(!r){for(let t=e-1;t>=0;t--)if(!n[t].hidden){r=n[t];break}}r&&(r.selected=!0,r.focus()),t.selected=!1}let i=n.length===1;this.dispatchEvent(new CustomEvent(`tabdismiss`,{bubbles:!0,composed:!0,detail:{item:t,nextItem:r}})),i&&this.dispatchEvent(new CustomEvent(`tabempty`,{bubbles:!0,composed:!0})),this._syncFallbackFocusable()},this._handleKeyDown=e=>{let t=e.composedPath(),n=t.find(e=>e instanceof Element&&e.tagName.toLowerCase()===`nldd-document-tab-bar-item`);if(!n||n.hidden||t.some(e=>e instanceof Element&&e.classList?.contains(`document-tab-bar__item-dismiss-button`)))return;if(e.shiftKey&&(e.key===`ArrowLeft`||e.key===`ArrowRight`)){e.preventDefault();let t=this._getVisibleItems(),r=this._getItems(),i=t.indexOf(n);if(i===-1)return;let a=e.key===`ArrowLeft`?i-1:i+1;if(a<0||a>=t.length)return;let o=t[a];e.key===`ArrowLeft`?o.before(n):o.after(n);let s=r.indexOf(n),c=this._getItems().indexOf(n);this.dispatchEvent(new CustomEvent(`nldd-reorder`,{detail:{fromIndex:s,toIndex:c},bubbles:!0,composed:!0})),this._announce(this._t(`components.document-tab-bar.reorder-dropped-text`,{position:c+1})),requestAnimationFrame(()=>{n.shadowRoot?.querySelector(`.document-tab-bar__item-tab`)?.focus()});return}let r=this._getVisibleItems();if(r.length===0)return;let i=r.findIndex(t=>t===e.target||t.contains(e.target)),a=-1;switch(e.key){case`ArrowLeft`:e.preventDefault(),a=i>0?i-1:r.length-1;break;case`ArrowRight`:e.preventDefault(),a=i<r.length-1?i+1:0;break;case`Home`:e.preventDefault(),a=0;break;case`End`:e.preventDefault(),a=r.length-1;break;default:return}a>=0&&(r[a].focus(),this.navigation||(this._getItems().forEach(e=>{e.selected=e===r[a]}),this.dispatchEvent(new CustomEvent(`tabchange`,{bubbles:!0,composed:!0,detail:{item:r[a]}}))))}}connectedCallback(){super.connectedCallback(),this.addEventListener(`select`,this._handleItemSelect),this.addEventListener(`dismiss`,this._handleItemDismiss),this.addEventListener(`keydown`,this._handleKeyDown),this.addEventListener(`pointerdown`,this._onPointerDown),this._createMenu()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`select`,this._handleItemSelect),this.removeEventListener(`dismiss`,this._handleItemDismiss),this.removeEventListener(`keydown`,this._handleKeyDown),this.removeEventListener(`pointerdown`,this._onPointerDown),this._menu?.remove(),this._menu=null,this._resizeObserver?.disconnect(),this._resizeObserver=null,this._cancelDrag()}firstUpdated(){this._hasCustomLabel=!!this.accessibleLabel,this._hasCustomLabel;let e=this.shadowRoot?.querySelector(`.document-tab-bar__items`);e&&(this._resizeObserver=new ResizeObserver(()=>this._calculateOverflow()),this._resizeObserver.observe(e)),this._syncMenuAnchor(),requestAnimationFrame(()=>this._calculateOverflow())}updated(e){e.has(`_overflowCount`)&&(this._applyItemVisibility(),this._updateMenu()),e.has(`translations`)&&this._propagateDismissLabel(),e.has(`navigation`)&&this._propagateNavigation()}_getItems(){let e=this.shadowRoot?.querySelector(`slot:not([name])`);return e?e.assignedElements().filter(e=>e.tagName.toLowerCase()===`nldd-document-tab-bar-item`&&!e.hasAttribute(`data-nldd-placeholder`)):[]}_getVisibleItems(){return this._getItems().filter(e=>!e.hidden)}_propagateNavigation(){this._getItems().forEach(e=>{e._navigation=this.navigation})}_propagateDismissLabel(){let e=this._t(`components.document-tab-bar.dismiss-action`);this._getItems().forEach(t=>{t._dismissButtonAccessibilityLabel=e})}_syncFallbackFocusable(){let e=this._getVisibleItems(),t=e.some(e=>e.selected),n=e.find(e=>!e.hidden)??null;e.forEach(e=>{e._isFallbackFocusable=!t&&e===n})}_onEndSlotChange(e){let t=e.target,n=t.parentElement;n.hidden=t.assignedElements().length===0}_onSlotChange(){this._calculateOverflow(),this._propagateDismissLabel(),this._syncFallbackFocusable(),this._propagateNavigation()}_applyItemVisibility(){let e=this._getItems(),t=e.length-this._overflowCount;e.forEach((e,n)=>{e.hidden=n>=t})}_clearPendingDrag(){this._pendingDragItem=null,this._pendingDragStartX=0,this._pendingPointerId=null,this.removeEventListener(`pointermove`,this._onPointerMovePending),this.removeEventListener(`pointerup`,this._onPointerUpPending),this.removeEventListener(`pointercancel`,this._onPointerCancelPending)}_startDrag(e,t=0){let n=this._getVisibleItems().indexOf(e);if(n===-1)return;this._draggingEl=e,this._currentDropIndex=n,this._lastPointerX=t;let r=(e.shadowRoot?.querySelector(`.document-tab-bar__item-tab`)??e).getBoundingClientRect();this._placeholder=document.createElement(`div`),this._placeholder.className=`nldd-document-tab-bar-drag-placeholder`,this._placeholder.setAttribute(`aria-hidden`,`true`),this._placeholder.setAttribute(`data-nldd-placeholder`,``),e.after(this._placeholder),e.classList.add(`is-dragging`),this._tabBarRect=this.getBoundingClientRect(),this._cloneOffsetX=t-r.left,document.documentElement.style.cursor=`grabbing`;let i=parseFloat(getComputedStyle(e).getPropertyValue(`--_document-tab-bar-short-text-threshold`)),a=r.width<i,o=a&&e.shortText||e.text,s=a&&e.shortSupportingText||e.supportingText,c=document.createElement(`div`);c.className=`document-tab-bar__item`;let l=document.createElement(`div`);l.className=`document-tab-bar__item-tab`;let u=document.createElement(`span`);if(u.className=`document-tab-bar__item-text`,u.textContent=o,l.appendChild(u),s){let e=document.createElement(`span`);e.className=`document-tab-bar__item-supporting-text`,e.textContent=s,l.appendChild(e)}c.appendChild(l),this._clone=document.createElement(`div`),this._clone.className=`document-tab-bar__drag-clone${e.selected?` is-selected`:``}`,this._clone.style.setProperty(`--_document-tab-bar-drag-clone-left`,`${t-this._tabBarRect.left-this._cloneOffsetX}px`),this._clone.style.setProperty(`--_document-tab-bar-drag-clone-top`,`${r.top-this._tabBarRect.top}px`),this._clone.style.setProperty(`--_document-tab-bar-drag-clone-width`,`${r.width}px`),this._clone.style.setProperty(`--_document-tab-bar-drag-clone-height`,`${r.height}px`),this._clone.appendChild(c),this.renderRoot.appendChild(this._clone)}_setDropIndex(e){if(!this._placeholder||!this._draggingEl)return;let t=this._getVisibleItems().filter(e=>e!==this._draggingEl),n=Math.max(0,Math.min(t.length,e));if(this._currentDropIndex=n,this._placeholder.remove(),t.length===0){this._draggingEl.after(this._placeholder);return}n===0?t[0].before(this._placeholder):t[n-1].after(this._placeholder)}_getDropIndex(){return this._currentDropIndex}_endDrag(){if(!this._draggingEl||!this._placeholder)return;let e=this._getItems(),t=this._draggingEl,n=e.indexOf(t);this._placeholder.replaceWith(t);let r=this._getItems().indexOf(t);this._cleanupDrag(),n===r?this._announce(this._t(`components.document-tab-bar.reorder-no-change-text`)):(this.dispatchEvent(new CustomEvent(`nldd-reorder`,{detail:{fromIndex:n,toIndex:r},bubbles:!0,composed:!0})),this._announce(this._t(`components.document-tab-bar.reorder-dropped-text`,{position:r+1})),requestAnimationFrame(()=>{(t.shadowRoot?.querySelector(`.document-tab-bar__item-tab`))?.focus()}))}_cancelDrag(){this._draggingEl&&(this._cleanupDrag(),this._announce(this._t(`components.document-tab-bar.reorder-canceled-text`)))}_cleanupDrag(){if(this._clearPendingDrag(),this._draggingEl?.classList.remove(`is-dragging`),this._placeholder?.remove(),this._clone?.remove(),document.documentElement.style.cursor=``,this._pointerId!==null){try{this.releasePointerCapture(this._pointerId)}catch(e){if(!(e instanceof DOMException))throw e}this._pointerId=null}this.removeEventListener(`pointermove`,this._onPointerMove),this.removeEventListener(`pointerup`,this._onPointerUp),this.removeEventListener(`pointercancel`,this._onPointerCancel),this._draggingEl=null,this._placeholder=null,this._clone=null,this._cloneOffsetX=0,this._tabBarRect=null,this._lastPointerX=0,this._currentDropIndex=-1}_announce(e,t=!1){let n=t?`.document-tab-bar__assertive-announcer`:`.document-tab-bar__polite-announcer`,r=this.shadowRoot?.querySelector(n);r&&(r.textContent=``,requestAnimationFrame(()=>requestAnimationFrame(()=>{r.textContent=e})))}_calculateOverflow(){let e=this._getItems().length;if(e===0){this._overflowCount=0;return}let t=this.shadowRoot?.querySelector(`.document-tab-bar__items`);if(!t)return;let n=t.offsetWidth;if(n===0)return;let r=parseFloat(getComputedStyle(t).gap)||8,i=this._getItems()[0],a=i&&parseFloat(getComputedStyle(i).minWidth)||parseFloat(getComputedStyle(this).getPropertyValue(`--_document-tab-bar-item-min-width`)),o=parseFloat(getComputedStyle(this).getPropertyValue(`--_document-tab-bar-overflow-button-reserve`)),s=Math.floor((n-o+r)/(a+r)),c=Math.max(0,e-Math.max(1,s));c!==this._overflowCount&&(this._overflowCount=c,this._ensureSelectedVisible())}_ensureSelectedVisible(){let e=this._getItems(),t=e.length-this._overflowCount,n=e.findIndex(e=>e.selected);if(n>=t&&t>0){let r=e[t-1],i=e[n];this.insertBefore(i,r)}}_updateMenu(){if(!this._menu)return;this._menu.innerHTML=``;let e=this._getItems(),t=e.length-this._overflowCount;e.slice(t).forEach(e=>{let t=e.supportingText?`${e.text||`–`} · ${e.supportingText}`:e.text||`–`,n=document.createElement(`nldd-menu-item`);n.setAttribute(`text`,t),n.addEventListener(`click`,()=>{this._selectAndPromote(e),this._closeMenu()}),this._menu.appendChild(n)})}_selectAndPromote(e){let t=this._getItems(),n=t.length-this._overflowCount;if(t.forEach(t=>{t.selected=t===e}),n>0&&n<t.length){let r=t[n-1];this.insertBefore(e,r)}this._applyItemVisibility(),this._updateMenu(),this.dispatchEvent(new CustomEvent(`tabchange`,{bubbles:!0,composed:!0,detail:{item:e}}))}_createMenu(){if(this._menu||typeof document>`u`)return;let e=document.createElement(`nldd-menu`);e.setAttribute(`placement`,`bottom-end`),e.id=`${this._id}-menu`,e.addEventListener(`toggle`,e=>{this._menuOpen=e.newState===`open`}),document.body.appendChild(e),this._menu=e}_syncMenuAnchor(){if(!this._menu)return;let e=this.shadowRoot?.querySelector(`.document-tab-bar__overflow nldd-icon-button`);e&&(this._menu.anchorElement=e,`popoverTargetElement`in e&&(e.popoverTargetElement=this._menu),`popoverTargetAction`in e&&e.popoverTargetAction===`toggle`&&(e.popoverTargetAction=`show`))}_closeMenu(){this._menu?.hidePopover()}render(){return zZ(this)}},GZ=UZ,UZ.styles=LZ,UZ._idCounter=0,UZ);j([E({type:String,attribute:`accessible-label`})],JZ.prototype,`accessibleLabel`,void 0),j([E({type:Boolean,reflect:!0})],JZ.prototype,`navigation`,void 0),j([D()],JZ.prototype,`_overflowCount`,void 0),j([D()],JZ.prototype,`_menuOpen`,void 0),JZ=GZ=j([T(`nldd-document-tab-bar`)],JZ),w(),A();var YZ=u`
|
|
21690
|
+
`}var GZ={"components.document-tab-bar.dismiss-action":`Sluit`,"components.document-tab-bar.overflow-action":`Toon meer tabbladen`,"components.document-tab-bar.reorder-dropped-text":`Tabblad verplaatst naar positie {position}.`,"components.document-tab-bar.reorder-no-change-text":`Tabblad verplaatst. Positie ongewijzigd.`,"components.document-tab-bar.reorder-canceled-text":`Slepen geannuleerd.`};w(),O(),P(),Mt(),M();var KZ,qZ,JZ,YZ,XZ=5,ZZ=(KZ=class extends C{constructor(...e){super(...e),this._id=`nldd-document-tab-bar-item-${JZ._idCounter++}`,this.selected=!1,this.text=``,this.supportingText=``,this.shortText=``,this.shortSupportingText=``,this.href=``,this._isShort=!1,this._itemResizeObserver=null,this._dismissButtonAccessibilityLabel=`Sluit`,this._isFallbackFocusable=!1,this._navigation=!1}connectedCallback(){super.connectedCallback(),this.setAttribute(`role`,`none`),this._itemResizeObserver=new ResizeObserver(()=>this._updateIsShort()),this._itemResizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this._itemResizeObserver?.disconnect(),this._itemResizeObserver=null}_updateIsShort(){let e=parseFloat(getComputedStyle(this).getPropertyValue(`--_document-tab-bar-short-text-threshold`));this._isShort=Number.isFinite(e)&&this.getBoundingClientRect().width<e}focus(e){this.shadowRoot?.querySelector(`.document-tab-bar__item-tab`)?.focus(e)}_handleClick(){this.dispatchEvent(new CustomEvent(`select`,{bubbles:!0,composed:!0,detail:{item:this}}))}_handleDismiss(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent(`dismiss`,{bubbles:!0,composed:!0,detail:{item:this}}))}render(){return WZ(this)}},JZ=KZ,KZ.styles=HZ,KZ._idCounter=0,KZ);j([E({type:Boolean,reflect:!0})],ZZ.prototype,`selected`,void 0),j([E({reflect:!0,attribute:`text`,converter:N(``)})],ZZ.prototype,`text`,void 0),j([E({reflect:!0,attribute:`supporting-text`,converter:N(``)})],ZZ.prototype,`supportingText`,void 0),j([E({reflect:!0,attribute:`short-text`,converter:N(``)})],ZZ.prototype,`shortText`,void 0),j([E({reflect:!0,attribute:`short-supporting-text`,converter:N(``)})],ZZ.prototype,`shortSupportingText`,void 0),j([E({type:String})],ZZ.prototype,`href`,void 0),j([D()],ZZ.prototype,`_isShort`,void 0),j([D()],ZZ.prototype,`_dismissButtonAccessibilityLabel`,void 0),j([D()],ZZ.prototype,`_isFallbackFocusable`,void 0),j([D()],ZZ.prototype,`_navigation`,void 0),ZZ=JZ=j([T(`nldd-document-tab-bar-item`)],ZZ);var QZ=(qZ=class extends jt(C,GZ){constructor(...e){super(...e),this._id=`nldd-document-tab-bar-${YZ._idCounter++}`,this.accessibleLabel=``,this.navigation=!1,this._overflowCount=0,this._menuOpen=!1,this._menu=null,this._resizeObserver=null,this._hasCustomLabel=!1,this._draggingEl=null,this._placeholder=null,this._currentDropIndex=-1,this._pointerId=null,this._clone=null,this._cloneOffsetX=0,this._tabBarRect=null,this._pendingDragItem=null,this._pendingDragStartX=0,this._pendingPointerId=null,this._onPointerDown=e=>{let t=e.composedPath();if(t.some(e=>e instanceof Element&&e.classList?.contains(`document-tab-bar__item-dismiss-button`)))return;let n=t.find(e=>e instanceof Element&&e.tagName.toLowerCase()===`nldd-document-tab-bar-item`);n&&!n.hidden&&(this._pendingDragItem=n,this._pendingDragStartX=e.clientX,this._pendingPointerId=e.pointerId,this.addEventListener(`pointermove`,this._onPointerMovePending),this.addEventListener(`pointerup`,this._onPointerUpPending),this.addEventListener(`pointercancel`,this._onPointerCancelPending))},this._onPointerMovePending=e=>{if(e.pointerId!==this._pendingPointerId||!this._pendingDragItem||(e.preventDefault(),Math.abs(e.clientX-this._pendingDragStartX)<XZ))return;let t=this._pendingDragItem;this._clearPendingDrag(),e.preventDefault(),this._startDrag(t,e.clientX),this._pointerId=e.pointerId,this.setPointerCapture(e.pointerId),this.addEventListener(`pointermove`,this._onPointerMove),this.addEventListener(`pointerup`,this._onPointerUp),this.addEventListener(`pointercancel`,this._onPointerCancel)},this._onPointerUpPending=()=>{this._clearPendingDrag()},this._onPointerCancelPending=()=>{this._clearPendingDrag()},this._lastPointerX=0,this._onPointerMove=e=>{if(!this._draggingEl||!this._placeholder)return;this._clone&&(this._tabBarRect=this.getBoundingClientRect(),this._clone.style.setProperty(`--_document-tab-bar-drag-clone-left`,`${e.clientX-this._tabBarRect.left-this._cloneOffsetX}px`));let t=e.clientX>=this._lastPointerX;this._lastPointerX=e.clientX;let n=this._getVisibleItems().filter(e=>e!==this._draggingEl),r=e.clientX,i=n.length;for(let e=0;e<n.length;e++){let a=(n[e].shadowRoot?.querySelector(`.document-tab-bar__item`)??n[e]).getBoundingClientRect();if(r<(t?a.left:a.right)){i=e;break}}this._setDropIndex(i)},this._onPointerUp=()=>{try{this._endDrag()}finally{document.documentElement.style.cursor=``}},this._onPointerCancel=()=>{try{this._cancelDrag()}finally{document.documentElement.style.cursor=``}},this._handleItemSelect=e=>{e.stopPropagation();let t=e.detail.item;this._getItems().forEach(e=>{e.selected=e===t}),this._syncFallbackFocusable(),this.dispatchEvent(new CustomEvent(`tabchange`,{bubbles:!0,composed:!0,detail:e.detail}))},this._handleItemDismiss=e=>{e.stopPropagation();let t=e.detail.item,n=this._getItems(),r=null;if(t.selected){let e=n.indexOf(t);for(let t=e+1;t<n.length;t++)if(!n[t].hidden){r=n[t];break}if(!r){for(let t=e-1;t>=0;t--)if(!n[t].hidden){r=n[t];break}}r&&(r.selected=!0,r.focus()),t.selected=!1}let i=n.length===1;this.dispatchEvent(new CustomEvent(`tabdismiss`,{bubbles:!0,composed:!0,detail:{item:t,nextItem:r}})),i&&this.dispatchEvent(new CustomEvent(`tabempty`,{bubbles:!0,composed:!0})),this._syncFallbackFocusable()},this._handleKeyDown=e=>{let t=e.composedPath(),n=t.find(e=>e instanceof Element&&e.tagName.toLowerCase()===`nldd-document-tab-bar-item`);if(!n||n.hidden||t.some(e=>e instanceof Element&&e.classList?.contains(`document-tab-bar__item-dismiss-button`)))return;if(e.shiftKey&&(e.key===`ArrowLeft`||e.key===`ArrowRight`)){e.preventDefault();let t=this._getVisibleItems(),r=this._getItems(),i=t.indexOf(n);if(i===-1)return;let a=e.key===`ArrowLeft`?i-1:i+1;if(a<0||a>=t.length)return;let o=t[a];e.key===`ArrowLeft`?o.before(n):o.after(n);let s=r.indexOf(n),c=this._getItems().indexOf(n);this.dispatchEvent(new CustomEvent(`nldd-reorder`,{detail:{fromIndex:s,toIndex:c},bubbles:!0,composed:!0})),this._announce(this._t(`components.document-tab-bar.reorder-dropped-text`,{position:c+1})),requestAnimationFrame(()=>{n.shadowRoot?.querySelector(`.document-tab-bar__item-tab`)?.focus()});return}let r=this._getVisibleItems();if(r.length===0)return;let i=r.findIndex(t=>t===e.target||t.contains(e.target)),a=-1;switch(e.key){case`ArrowLeft`:e.preventDefault(),a=i>0?i-1:r.length-1;break;case`ArrowRight`:e.preventDefault(),a=i<r.length-1?i+1:0;break;case`Home`:e.preventDefault(),a=0;break;case`End`:e.preventDefault(),a=r.length-1;break;default:return}a>=0&&(r[a].focus(),this.navigation||(this._getItems().forEach(e=>{e.selected=e===r[a]}),this.dispatchEvent(new CustomEvent(`tabchange`,{bubbles:!0,composed:!0,detail:{item:r[a]}}))))}}connectedCallback(){super.connectedCallback(),this.addEventListener(`select`,this._handleItemSelect),this.addEventListener(`dismiss`,this._handleItemDismiss),this.addEventListener(`keydown`,this._handleKeyDown),this.addEventListener(`pointerdown`,this._onPointerDown),this._createMenu()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`select`,this._handleItemSelect),this.removeEventListener(`dismiss`,this._handleItemDismiss),this.removeEventListener(`keydown`,this._handleKeyDown),this.removeEventListener(`pointerdown`,this._onPointerDown),this._menu?.remove(),this._menu=null,this._resizeObserver?.disconnect(),this._resizeObserver=null,this._cancelDrag()}firstUpdated(){this._hasCustomLabel=!!this.accessibleLabel,this._hasCustomLabel;let e=this.shadowRoot?.querySelector(`.document-tab-bar__items`);e&&(this._resizeObserver=new ResizeObserver(()=>this._calculateOverflow()),this._resizeObserver.observe(e)),this._syncMenuAnchor(),requestAnimationFrame(()=>this._calculateOverflow())}updated(e){e.has(`_overflowCount`)&&(this._applyItemVisibility(),this._updateMenu()),e.has(`translations`)&&this._propagateDismissLabel(),e.has(`navigation`)&&this._propagateNavigation()}_getItems(){let e=this.shadowRoot?.querySelector(`slot:not([name])`);return e?e.assignedElements().filter(e=>e.tagName.toLowerCase()===`nldd-document-tab-bar-item`&&!e.hasAttribute(`data-nldd-placeholder`)):[]}_getVisibleItems(){return this._getItems().filter(e=>!e.hidden)}_propagateNavigation(){this._getItems().forEach(e=>{e._navigation=this.navigation})}_propagateDismissLabel(){let e=this._t(`components.document-tab-bar.dismiss-action`);this._getItems().forEach(t=>{t._dismissButtonAccessibilityLabel=e})}_syncFallbackFocusable(){let e=this._getVisibleItems(),t=e.some(e=>e.selected),n=e.find(e=>!e.hidden)??null;e.forEach(e=>{e._isFallbackFocusable=!t&&e===n})}_onEndSlotChange(e){let t=e.target,n=t.parentElement;n.hidden=t.assignedElements().length===0}_onSlotChange(){this._calculateOverflow(),this._propagateDismissLabel(),this._syncFallbackFocusable(),this._propagateNavigation()}_applyItemVisibility(){let e=this._getItems(),t=e.length-this._overflowCount;e.forEach((e,n)=>{e.hidden=n>=t})}_clearPendingDrag(){this._pendingDragItem=null,this._pendingDragStartX=0,this._pendingPointerId=null,this.removeEventListener(`pointermove`,this._onPointerMovePending),this.removeEventListener(`pointerup`,this._onPointerUpPending),this.removeEventListener(`pointercancel`,this._onPointerCancelPending)}_startDrag(e,t=0){let n=this._getVisibleItems().indexOf(e);if(n===-1)return;this._draggingEl=e,this._currentDropIndex=n,this._lastPointerX=t;let r=(e.shadowRoot?.querySelector(`.document-tab-bar__item-tab`)??e).getBoundingClientRect();this._placeholder=document.createElement(`div`),this._placeholder.className=`nldd-document-tab-bar-drag-placeholder`,this._placeholder.setAttribute(`aria-hidden`,`true`),this._placeholder.setAttribute(`data-nldd-placeholder`,``),e.after(this._placeholder),e.classList.add(`is-dragging`),this._tabBarRect=this.getBoundingClientRect(),this._cloneOffsetX=t-r.left,document.documentElement.style.cursor=`grabbing`;let i=parseFloat(getComputedStyle(e).getPropertyValue(`--_document-tab-bar-short-text-threshold`)),a=r.width<i,o=a&&e.shortText||e.text,s=a&&e.shortSupportingText||e.supportingText,c=document.createElement(`div`);c.className=`document-tab-bar__item`;let l=document.createElement(`div`);l.className=`document-tab-bar__item-tab`;let u=document.createElement(`span`);if(u.className=`document-tab-bar__item-text`,u.textContent=o,l.appendChild(u),s){let e=document.createElement(`span`);e.className=`document-tab-bar__item-supporting-text`,e.textContent=s,l.appendChild(e)}c.appendChild(l),this._clone=document.createElement(`div`),this._clone.className=`document-tab-bar__drag-clone${e.selected?` is-selected`:``}`,this._clone.style.setProperty(`--_document-tab-bar-drag-clone-left`,`${t-this._tabBarRect.left-this._cloneOffsetX}px`),this._clone.style.setProperty(`--_document-tab-bar-drag-clone-top`,`${r.top-this._tabBarRect.top}px`),this._clone.style.setProperty(`--_document-tab-bar-drag-clone-width`,`${r.width}px`),this._clone.style.setProperty(`--_document-tab-bar-drag-clone-height`,`${r.height}px`),this._clone.appendChild(c),this.renderRoot.appendChild(this._clone)}_setDropIndex(e){if(!this._placeholder||!this._draggingEl)return;let t=this._getVisibleItems().filter(e=>e!==this._draggingEl),n=Math.max(0,Math.min(t.length,e));if(this._currentDropIndex=n,this._placeholder.remove(),t.length===0){this._draggingEl.after(this._placeholder);return}n===0?t[0].before(this._placeholder):t[n-1].after(this._placeholder)}_getDropIndex(){return this._currentDropIndex}_endDrag(){if(!this._draggingEl||!this._placeholder)return;let e=this._getItems(),t=this._draggingEl,n=e.indexOf(t);this._placeholder.replaceWith(t);let r=this._getItems().indexOf(t);this._cleanupDrag(),n===r?this._announce(this._t(`components.document-tab-bar.reorder-no-change-text`)):(this.dispatchEvent(new CustomEvent(`nldd-reorder`,{detail:{fromIndex:n,toIndex:r},bubbles:!0,composed:!0})),this._announce(this._t(`components.document-tab-bar.reorder-dropped-text`,{position:r+1})),requestAnimationFrame(()=>{(t.shadowRoot?.querySelector(`.document-tab-bar__item-tab`))?.focus()}))}_cancelDrag(){this._draggingEl&&(this._cleanupDrag(),this._announce(this._t(`components.document-tab-bar.reorder-canceled-text`)))}_cleanupDrag(){if(this._clearPendingDrag(),this._draggingEl?.classList.remove(`is-dragging`),this._placeholder?.remove(),this._clone?.remove(),document.documentElement.style.cursor=``,this._pointerId!==null){try{this.releasePointerCapture(this._pointerId)}catch(e){if(!(e instanceof DOMException))throw e}this._pointerId=null}this.removeEventListener(`pointermove`,this._onPointerMove),this.removeEventListener(`pointerup`,this._onPointerUp),this.removeEventListener(`pointercancel`,this._onPointerCancel),this._draggingEl=null,this._placeholder=null,this._clone=null,this._cloneOffsetX=0,this._tabBarRect=null,this._lastPointerX=0,this._currentDropIndex=-1}_announce(e,t=!1){let n=t?`.document-tab-bar__assertive-announcer`:`.document-tab-bar__polite-announcer`,r=this.shadowRoot?.querySelector(n);r&&(r.textContent=``,requestAnimationFrame(()=>requestAnimationFrame(()=>{r.textContent=e})))}_calculateOverflow(){let e=this._getItems().length;if(e===0){this._overflowCount=0;return}let t=this.shadowRoot?.querySelector(`.document-tab-bar__items`);if(!t)return;let n=t.offsetWidth;if(n===0)return;let r=parseFloat(getComputedStyle(t).gap)||8,i=this._getItems()[0],a=i&&parseFloat(getComputedStyle(i).minWidth)||parseFloat(getComputedStyle(this).getPropertyValue(`--_document-tab-bar-item-min-width`)),o=parseFloat(getComputedStyle(this).getPropertyValue(`--_document-tab-bar-overflow-button-reserve`)),s=Math.floor((n-o+r)/(a+r)),c=Math.max(0,e-Math.max(1,s));c!==this._overflowCount&&(this._overflowCount=c,this._ensureSelectedVisible())}_ensureSelectedVisible(){let e=this._getItems(),t=e.length-this._overflowCount,n=e.findIndex(e=>e.selected);if(n>=t&&t>0){let r=e[t-1],i=e[n];this.insertBefore(i,r)}}_updateMenu(){if(!this._menu)return;this._menu.innerHTML=``;let e=this._getItems(),t=e.length-this._overflowCount;e.slice(t).forEach(e=>{let t=e.supportingText?`${e.text||`–`} · ${e.supportingText}`:e.text||`–`,n=document.createElement(`nldd-menu-item`);n.setAttribute(`text`,t),n.addEventListener(`click`,()=>{this._selectAndPromote(e),this._closeMenu()}),this._menu.appendChild(n)})}_selectAndPromote(e){let t=this._getItems(),n=t.length-this._overflowCount;if(t.forEach(t=>{t.selected=t===e}),n>0&&n<t.length){let r=t[n-1];this.insertBefore(e,r)}this._applyItemVisibility(),this._updateMenu(),this.dispatchEvent(new CustomEvent(`tabchange`,{bubbles:!0,composed:!0,detail:{item:e}}))}_createMenu(){if(this._menu||typeof document>`u`)return;let e=document.createElement(`nldd-menu`);e.setAttribute(`placement`,`bottom-end`),e.id=`${this._id}-menu`,e.addEventListener(`toggle`,e=>{this._menuOpen=e.newState===`open`}),document.body.appendChild(e),this._menu=e}_syncMenuAnchor(){if(!this._menu)return;let e=this.shadowRoot?.querySelector(`.document-tab-bar__overflow nldd-icon-button`);e&&(this._menu.anchorElement=e,`popoverTargetElement`in e&&(e.popoverTargetElement=this._menu),`popoverTargetAction`in e&&e.popoverTargetAction===`toggle`&&(e.popoverTargetAction=`show`))}_closeMenu(){this._menu?.hidePopover()}render(){return UZ(this)}},YZ=qZ,qZ.styles=VZ,qZ._idCounter=0,qZ);j([E({type:String,attribute:`accessible-label`})],QZ.prototype,`accessibleLabel`,void 0),j([E({type:Boolean,reflect:!0})],QZ.prototype,`navigation`,void 0),j([D()],QZ.prototype,`_overflowCount`,void 0),j([D()],QZ.prototype,`_menuOpen`,void 0),QZ=YZ=j([T(`nldd-document-tab-bar`)],QZ),w(),A();var $Z=u`
|
|
21534
21691
|
:host {
|
|
21535
21692
|
box-sizing: border-box;
|
|
21536
21693
|
}
|
|
@@ -21818,7 +21975,7 @@ else:
|
|
|
21818
21975
|
display: contents;
|
|
21819
21976
|
}
|
|
21820
21977
|
}
|
|
21821
|
-
`;w(),Ki(),F();function
|
|
21978
|
+
`;w(),Ki(),F();function eQ(e){let t=e._getVisiblePages(),n=e.current<=1,r=e.current>=e.total,i=e._t.bind(e),a=!!e.hrefPattern,o=e.disabled,s=t=>{let n=t===e.current,r=i(`components.pagination.page-action`,{page:t});return a?x`
|
|
21822
21979
|
<a class="pagination__page-button ${n?`is-current`:``}"
|
|
21823
21980
|
href=${o?S:e._hrefForPage(t)}
|
|
21824
21981
|
aria-label=${r}
|
|
@@ -21901,7 +22058,7 @@ else:
|
|
|
21901
22058
|
></nldd-icon-button>
|
|
21902
22059
|
</div>
|
|
21903
22060
|
</nav>
|
|
21904
|
-
`}var
|
|
22061
|
+
`}var tQ={"components.pagination.accessible-label":`Paginering`,"components.pagination.previous-action":`Ga naar vorige pagina`,"components.pagination.next-action":`Ga naar volgende pagina`,"components.pagination.page-action":`Ga naar pagina {page}`,"components.pagination.go-to-page-label":`Ga naar pagina`};w(),O(),ji(),At(),M();var nQ=class extends C{constructor(...e){super(...e),this.current=1,this.total=1,this.disabled=!1,this.centered=!1,this.hrefPattern=``,this.translations={},this._handleSelectFocus=()=>{this.toggleAttribute(`is-pointer-focus`,Ei())},this._handleSelectBlur=()=>{this.toggleAttribute(`is-pointer-focus`,!1),this.toggleAttribute(`select-expanded`,!1)},this._handleSelectKeydown=()=>{this.toggleAttribute(`is-pointer-focus`,!1)},this._handleSelectToggle=e=>{this.toggleAttribute(`select-expanded`,e.newState===`open`)}}_t(e,t){return Tt(this.translations,tQ,e,t)}_getVisiblePages(){return this.total<=7?Array.from({length:this.total},(e,t)=>t+1):this.current<=3?[1,2,3,4,`ellipsis`,this.total-1,this.total]:this.current===4?[1,2,3,4,5,`ellipsis`,this.total]:this.current>=this.total-3?[1,`ellipsis`,this.total-4,this.total-3,this.total-2,this.total-1,this.total]:[1,`ellipsis`,this.current-1,this.current,this.current+1,`ellipsis`,this.total]}_hrefForPage(e){let t=this.hrefPattern.replace(`{page}`,String(e));return/^(https?:\/\/|[^:]+$)/.test(t)?t:``}_goToPage(e){if(this.disabled||e<1||e>this.total||e===this.current)return;let t={page:e};this.hrefPattern&&(t.href=this._hrefForPage(e));let n=!!this.hrefPattern,r=new CustomEvent(`page-change`,{detail:t,bubbles:!0,composed:!0,cancelable:n}),i=this.dispatchEvent(r);this.current=e,this.hrefPattern&&i&&t.href&&(window.location.href=t.href)}render(){return eQ(this)}},rQ=(nQ.styles=$Z,nQ);j([E({type:Number,reflect:!0})],rQ.prototype,`current`,void 0),j([E({type:Number,reflect:!0})],rQ.prototype,`total`,void 0),j([E({type:Boolean,reflect:!0})],rQ.prototype,`disabled`,void 0),j([E({type:Boolean,reflect:!0})],rQ.prototype,`centered`,void 0),j([E({type:String,attribute:`href-pattern`})],rQ.prototype,`hrefPattern`,void 0),j([E({type:Object})],rQ.prototype,`translations`,void 0),rQ=j([T(`nldd-pagination`)],rQ),w(),L(),A();var iQ=l(I.mdMin),aQ=u`
|
|
21905
22062
|
:host {
|
|
21906
22063
|
box-sizing: border-box;
|
|
21907
22064
|
}
|
|
@@ -21945,7 +22102,7 @@ else:
|
|
|
21945
22102
|
overflow-y: auto;
|
|
21946
22103
|
padding: var(--primitives-space-16);
|
|
21947
22104
|
|
|
21948
|
-
@media (min-width: ${
|
|
22105
|
+
@media (min-width: ${iQ}) {
|
|
21949
22106
|
padding: var(--primitives-space-24);
|
|
21950
22107
|
}
|
|
21951
22108
|
}
|
|
@@ -22003,7 +22160,7 @@ else:
|
|
|
22003
22160
|
transform: scale(0.95);
|
|
22004
22161
|
}
|
|
22005
22162
|
}
|
|
22006
|
-
`;w();function
|
|
22163
|
+
`;w();function oQ(e){return x`
|
|
22007
22164
|
<dialog class="modal-dialog"
|
|
22008
22165
|
role=${e.variant===`alert`?`alertdialog`:S}
|
|
22009
22166
|
aria-label=${e.accessibleLabel||e.text||S}
|
|
@@ -22030,7 +22187,7 @@ else:
|
|
|
22030
22187
|
everything outside it. Plumbing, not consumer API. -->
|
|
22031
22188
|
<slot name="notifications"></slot>
|
|
22032
22189
|
</dialog>
|
|
22033
|
-
`}w(),M(),O(),P(),ji(),
|
|
22190
|
+
`}w(),M(),O(),P(),ji(),oY(),uY(),uo();var sQ,cQ=1e3,lQ=(sQ=class extends C{constructor(...e){super(...e),this.variant=``,this.horizontalAlignment=``,this.text=``,this.supportingText=``,this.icon=``,this.accessibleLabel=``,this.open=!1,this._closing=!1,this._cancelPendingOpen=null,this._closeFallback=0,this._pointerDownOnBackdrop=!1,this._handleDialogPointerDown=e=>{this._pointerDownOnBackdrop=this._isOnBackdrop(e)},this._handleBackdropClick=e=>{this._isOnBackdrop(e)&&this._pointerDownOnBackdrop&&this.hide()}}updated(e){if(e.has(`open`)){let e=this._dialog;this.open&&(!e?.open||this._closing)?this.show():!this.open&&e?.open&&!this._closing&&this.hide()}}get _dialog(){return this.shadowRoot?.querySelector(`dialog`)??null}show(){let e=this._dialog;if(!e){this._cancelPendingOpen?.(),this._cancelPendingOpen=lY(this,()=>this._dialog,()=>this.show());return}if(this._cancelPendingOpen?.(),this._cancelPendingOpen=null,this._closing)window.clearTimeout(this._closeFallback),this._closing=!1,e.classList.remove(`is-closing`);else{if(e.open)return;e.showModal(),this._manageFocus()}this.open=!0,this.dispatchEvent(new CustomEvent(`open`,{bubbles:!0,composed:!0}))}_manageFocus(){if(aY(this))return;let e=this._dialog;e&&(e.classList.toggle(`is-pointer-focus`,Ei()),e.focus())}hide(){this._cancelPendingOpen?.(),this._cancelPendingOpen=null;let e=this._dialog;if(!e||!e.open||this._closing)return;this.open=!1,this._closing=!0,e.classList.add(`is-closing`);let t=()=>{this._closing&&(window.clearTimeout(this._closeFallback),e.classList.remove(`is-closing`),this._closing=!1,e.close(),this.dispatchEvent(new CustomEvent(`close`,{bubbles:!1,composed:!0})))};e.addEventListener(`animationend`,t,{once:!0}),requestAnimationFrame(()=>{this._closing&&getComputedStyle(e).animationName===`none`&&t()}),this._closeFallback=window.setTimeout(t,cQ)}_isOnBackdrop(e){let t=this._dialog;if(!t||e.composedPath()[0]!==t)return!1;let n=t.getBoundingClientRect();return e.clientX<n.left||e.clientX>n.right||e.clientY<n.top||e.clientY>n.bottom}_handleCancel(e){e.preventDefault(),this.hide()}render(){return oQ(this)}},sQ.styles=aQ,sQ);j([E({reflect:!0,converter:N(``)})],lQ.prototype,`variant`,void 0),j([E({reflect:!0,attribute:`horizontal-alignment`,converter:N(``)})],lQ.prototype,`horizontalAlignment`,void 0),j([E({reflect:!0,converter:N(``)})],lQ.prototype,`text`,void 0),j([E({reflect:!0,attribute:`supporting-text`,converter:N(``)})],lQ.prototype,`supportingText`,void 0),j([E({type:String,reflect:!0})],lQ.prototype,`icon`,void 0),j([E({type:String,attribute:`accessible-label`})],lQ.prototype,`accessibleLabel`,void 0),j([E({type:Boolean,reflect:!0})],lQ.prototype,`open`,void 0),lQ=j([T(`nldd-modal-dialog`)],lQ),w(),A();var uQ=u`
|
|
22034
22191
|
:host {
|
|
22035
22192
|
box-sizing: border-box;
|
|
22036
22193
|
}
|
|
@@ -22210,7 +22367,7 @@ else:
|
|
|
22210
22367
|
top: var(--_banner-dismiss-inset);
|
|
22211
22368
|
right: var(--_banner-dismiss-inset);
|
|
22212
22369
|
}
|
|
22213
|
-
`;w();function
|
|
22370
|
+
`;w();function dQ(e){return x`
|
|
22214
22371
|
<div class="banner">
|
|
22215
22372
|
<div class="banner__icon"
|
|
22216
22373
|
aria-hidden="true"
|
|
@@ -22251,7 +22408,7 @@ else:
|
|
|
22251
22408
|
</div>
|
|
22252
22409
|
`:S}
|
|
22253
22410
|
</div>
|
|
22254
|
-
`}var
|
|
22411
|
+
`}var fQ={"components.banner.dismiss-action":`Verberg`};w(),O(),P(),F(),so(),Ki(),At(),M();var pQ,mQ={neutral:`info-circle-filled`,accent:`info-circle-filled`,success:`check-circle-filled`,warning:`exclamation-triangle-filled`,critical:`exclamation-circle-filled`},hQ=(pQ=class extends C{constructor(...e){super(...e),this.variant=`neutral`,this.size=`md`,this.icon=``,this.text=``,this.supportingText=``,this.headingLevel=null,this.dismissible=!1,this.translations={},this._hasContent=!1,this._hasActions=!1}_t(e){return Tt(this.translations,fQ,e)}get _resolvedIcon(){return this.icon||mQ[this.variant]}updated(e){e.has(`variant`)&&this._applyAriaForVariant(this.variant)}_applyAriaForVariant(e){e===`critical`?(this.setAttribute(`role`,`alert`),this.removeAttribute(`aria-live`)):(this.setAttribute(`role`,`status`),this.setAttribute(`aria-live`,`polite`)),this.setAttribute(`aria-atomic`,`true`)}_attachSlotListeners(){let e=this.shadowRoot?.querySelector(`slot:not([name])`),t=this.shadowRoot?.querySelector(`slot[name="actions"]`);if(!e&&!t)return;let n=e=>(e?.assignedNodes({flatten:!0})??[]).some(e=>e.nodeType===Node.ELEMENT_NODE||e.nodeType===Node.TEXT_NODE&&(e.textContent?.trim()??``)!==``);this._syncContent=()=>{this._hasContent=n(e)},this._syncActions=()=>{this._hasActions=n(t)},e?.addEventListener(`slotchange`,this._syncContent),t?.addEventListener(`slotchange`,this._syncActions),this._syncContent(),this._syncActions()}firstUpdated(){this._attachSlotListeners()}connectedCallback(){super.connectedCallback(),this._applyAriaForVariant(this.variant),this.shadowRoot&&!this._syncContent&&this._attachSlotListeners()}disconnectedCallback(){let e=this.shadowRoot?.querySelector(`slot:not([name])`),t=this.shadowRoot?.querySelector(`slot[name="actions"]`);this._syncContent&&e?.removeEventListener(`slotchange`,this._syncContent),this._syncActions&&t?.removeEventListener(`slotchange`,this._syncActions),this._syncContent=void 0,this._syncActions=void 0,super.disconnectedCallback()}_onDismissClick(){this.dispatchEvent(new CustomEvent(`dismiss`,{bubbles:!0,composed:!0}))}render(){return dQ(this)}},pQ.styles=uQ,pQ);j([E({reflect:!0,converter:N(`neutral`)})],hQ.prototype,`variant`,void 0),j([E({reflect:!0,converter:N(`md`)})],hQ.prototype,`size`,void 0),j([E({type:String,reflect:!0})],hQ.prototype,`icon`,void 0),j([E({reflect:!0,converter:N(``)})],hQ.prototype,`text`,void 0),j([E({reflect:!0,attribute:`supporting-text`,converter:N(``)})],hQ.prototype,`supportingText`,void 0),j([E({type:Number,reflect:!0,attribute:`heading-level`})],hQ.prototype,`headingLevel`,void 0),j([E({type:Boolean,reflect:!0})],hQ.prototype,`dismissible`,void 0),j([E({type:Object})],hQ.prototype,`translations`,void 0),j([D()],hQ.prototype,`_hasContent`,void 0),j([D()],hQ.prototype,`_hasActions`,void 0),hQ=j([T(`nldd-banner`)],hQ),w(),L();var gQ=l(I.smMax),_Q=u`
|
|
22255
22412
|
:host {
|
|
22256
22413
|
--_notification-width: var(--primitives-area-400);
|
|
22257
22414
|
--_notification-stack-fanned: 0;
|
|
@@ -22429,12 +22586,12 @@ else:
|
|
|
22429
22586
|
|
|
22430
22587
|
/* # Responsive */
|
|
22431
22588
|
|
|
22432
|
-
@media (max-width: ${
|
|
22589
|
+
@media (max-width: ${gQ}) {
|
|
22433
22590
|
:host {
|
|
22434
22591
|
width: 100%;
|
|
22435
22592
|
}
|
|
22436
22593
|
}
|
|
22437
|
-
`;w();function
|
|
22594
|
+
`;w();function vQ(e){return x`
|
|
22438
22595
|
<div class="notification">
|
|
22439
22596
|
<div class="notification__icon"
|
|
22440
22597
|
aria-hidden="true"
|
|
@@ -22472,7 +22629,7 @@ else:
|
|
|
22472
22629
|
></nldd-icon-button>
|
|
22473
22630
|
</div>
|
|
22474
22631
|
</div>
|
|
22475
|
-
`}ji();var
|
|
22632
|
+
`}ji();var yQ=`nldd-notifications-area`,bQ=2,xQ=null,SQ=!1,CQ=[],wQ=null;function TQ(e){let t=e.shadowRoot;return t?.querySelector(`slot[name="notifications"]`)?t.querySelector(`dialog`)?.matches(`:modal`)??!1:!1}function EQ(){for(;CQ.length;){let e=CQ[CQ.length-1];if(e.isConnected&&TQ(e))return e;CQ.pop()}return document.body}function DQ(e){let t=EQ();if(e.parentElement===t)return;let n=t!==document.body;n?e.setAttribute(`slot`,`notifications`):e.removeAttribute(`slot`),n?e.setAttribute(`popover`,`manual`):e.removeAttribute(`popover`);let r=AQ(e);r.forEach(e=>e._setMoving?.(!0)),t.appendChild(e),n&&e.showPopover(),r.forEach(e=>e._setMoving?.(!1))}function OQ(){let e=document.getElementById(yQ);e&&DQ(e)}function kQ(){if(wQ)return;wQ=new AbortController;let{signal:e}=wQ;document.querySelectorAll(`*`).forEach(e=>{TQ(e)&&CQ.push(e)}),document.addEventListener(`open`,e=>{let t=e.target;t&&TQ(t)&&(CQ.includes(t)||CQ.push(t),OQ())},{signal:e}),document.addEventListener(`close`,e=>{let t=e.target,n=t?CQ.indexOf(t):-1;n!==-1&&(CQ.splice(n,1),OQ())},{capture:!0,signal:e})}typeof document<`u`&&kQ();function AQ(e){return Array.from(e.querySelectorAll(`:scope > nldd-notification`))}function jQ(e){return e.querySelector(`:scope > [data-expander]`)}function MQ(e){let t=document.getElementById(yQ);if(t)return t;let n=document.createElement(`div`);return n.id=yQ,n.style.cssText=`
|
|
22476
22633
|
box-sizing: border-box;
|
|
22477
22634
|
position: fixed;
|
|
22478
22635
|
z-index: 1000;
|
|
@@ -22491,14 +22648,14 @@ else:
|
|
|
22491
22648
|
overflow: visible;
|
|
22492
22649
|
padding: 0;
|
|
22493
22650
|
color: inherit;
|
|
22494
|
-
`,n.addEventListener(`pointerdown`,()=>{},{passive:!0}),n.addEventListener(`focusin`,()=>{Ti()&&
|
|
22651
|
+
`,n.addEventListener(`pointerdown`,()=>{},{passive:!0}),n.addEventListener(`focusin`,()=>{Ti()&&zQ(n,!0)}),n.addEventListener(`focusout`,e=>{let t=e.relatedTarget;t&&Ti()&&!n.contains(t)&&zQ(n,!1)}),n.setAttribute(`role`,`region`),n.setAttribute(`aria-label`,e),n.appendChild(NQ(n)),DQ(n),n}function NQ(e){let t=document.createElement(`div`);return t.dataset.expander=``,t.style.cssText=`
|
|
22495
22652
|
display: none;
|
|
22496
22653
|
position: relative;
|
|
22497
22654
|
grid-area: 2 / 1;
|
|
22498
22655
|
z-index: 1000;
|
|
22499
22656
|
pointer-events: auto;
|
|
22500
22657
|
height: var(--primitives-space-24);
|
|
22501
|
-
`,t.addEventListener(`pointerenter`,()=>
|
|
22658
|
+
`,t.addEventListener(`pointerenter`,()=>VQ(e,!0)),t.addEventListener(`pointerleave`,()=>VQ(e,!1)),t.addEventListener(`click`,()=>zQ(e,!0)),t}function PQ(e,t){kQ();let n=MQ(t);DQ(n),e.style.pointerEvents=`auto`,n.prepend(e),IQ(n)}function FQ(e){let t=document.getElementById(yQ);if(t){if(e.parentElement===t&&t.removeChild(e),AQ(t).length===0){UQ(),document.removeEventListener(`pointerdown`,BQ,!0),SQ=!1,t.remove();return}IQ(t)}}function IQ(e){let t=AQ(e);if(t.length<2&&(SQ=!1),e.style.display=SQ?`flex`:`grid`,e.style.flexDirection=SQ?`column`:``,e.style.gap=SQ?`var(--primitives-space-12)`:``,jQ(e).style.display=!SQ&&t.length>1?`block`:`none`,t.forEach((e,n)=>{e.style.gridArea=SQ?``:`1 / 1`,e.style.setProperty(`--_notification-stack-depth`,SQ?`0`:String(Math.min(n,bQ))),e.style.zIndex=String(SQ?n+1:t.length-n),e.style.visibility=!SQ&&n>bQ?`hidden`:``,e._setFront?.(!SQ&&n===0)}),SQ){UQ(),t.forEach(e=>{e.style.height=``}),LQ(e);return}LQ(e),HQ(e,t[0])}function LQ(e){RQ(e,!1),SQ&&(e.scrollHeight<=e.clientHeight||RQ(e,!0))}function RQ(e,t){let n=`var(--semantics-overlays-inset)`,r=`var(--primitives-space-48)`;e.style.overflow=t?`auto`:`visible`,e.style.overscrollBehavior=t?`contain`:``,e.style.padding=t?`${n} ${n} ${r} ${r}`:`0`,e.style.margin=t?`calc(-1 * ${n}) calc(-1 * ${n}) 0 calc(-1 * ${r})`:`0`,e.style.maxHeight=t?`100dvh`:`calc(100dvh - 2 * ${n})`}function zQ(e,t){SQ!==t&&(t&&AQ(e).length<2||(SQ=t,t?(VQ(e,!1),document.addEventListener(`pointerdown`,BQ,!0)):document.removeEventListener(`pointerdown`,BQ,!0),IQ(e)))}function BQ(e){let t=document.getElementById(yQ);t&&(e.composedPath().includes(t)||zQ(t,!1))}function VQ(e,t){AQ(e).forEach(e=>{e.style.setProperty(`--_notification-stack-fanned`,t?`1`:`0`)})}function HQ(e,t){UQ(),t&&(typeof ResizeObserver<`u`&&(xQ=new ResizeObserver(()=>WQ(e,t.offsetHeight)),xQ.observe(t)),WQ(e,t.offsetHeight))}function UQ(){xQ?.disconnect(),xQ=null}function WQ(e,t){AQ(e).forEach((e,n)=>{e.style.height=n===0?``:`${t}px`})}var GQ={"components.notification.dismiss-action":`Sluit`,"components.notification.region-label":`Meldingen`};w(),O(),P(),Mt(),F(),Ki(),M();var KQ,qQ={neutral:`info-circle-filled`,accent:`info-circle-filled`,success:`check-circle-filled`,warning:`exclamation-triangle-filled`,critical:`exclamation-circle-filled`},JQ=1e4,YQ=(KQ=class extends jt(C,GQ){constructor(...e){super(...e),this.variant=`neutral`,this.icon=``,this.text=``,this.supportingText=``,this.duration=JQ,this._hasActions=!1,this._isFront=!1,this._timer=null,this._timerStartedAt=0,this._pointerInside=!1,this._focusInside=!1,this._moving=!1,this._remainingDuration=JQ,this._onActionsSlotChange=e=>{let t=e.target.assignedElements();this._hasActions=t.length>0},this._onPointerMove=()=>{this._pointerInside||(this._pointerInside=!0,this._clearTimer())},this._onPointerLeave=()=>{this._pointerInside=!1,this._resumeTimer()},this._onAnimationEnd=e=>{e.target===this&&e.animationName===`notification-arrive`&&this.toggleAttribute(`data-arrived`,!0)},this._onFocusIn=()=>{this._focusInside=!0,this._clearTimer()},this._onFocusOut=e=>{this.contains(e.relatedTarget)||(this._focusInside=!1,this._resumeTimer())},this._resumeTimer=()=>{this._isFront&&this._leavesOnItsOwn&&this._timer===null&&(this._pointerInside||this._focusInside||(this._timerStartedAt=Date.now(),this._timer=window.setTimeout(()=>{this._timer=null,this._dismiss()},this._remainingDuration)))},this._onKeyDown=e=>{e.key===`Escape`&&(e.preventDefault(),e.stopPropagation(),this._dismiss())},this._handleDismiss=()=>{this._dismiss()}}get _resolvedIcon(){return this.icon||qQ[this.variant]}get _leavesOnItsOwn(){return this.variant!==`critical`&&this.duration>0}connectedCallback(){super.connectedCallback(),this.setAttribute(`role`,this.variant===`critical`?`alert`:`status`),this._remainingDuration=this.duration,this.addEventListener(`pointermove`,this._onPointerMove),this.addEventListener(`pointerleave`,this._onPointerLeave),this.addEventListener(`focusin`,this._onFocusIn),this.addEventListener(`focusout`,this._onFocusOut),this.addEventListener(`keydown`,this._onKeyDown),this.addEventListener(`animationend`,this._onAnimationEnd),queueMicrotask(()=>{if(!this.isConnected||this._moving)return;let e=document.getElementById(`nldd-notifications-area`);this.parentElement!==e&&(this._moving=!0,PQ(this,this._t(`components.notification.region-label`)),this._moving=!1)})}disconnectedCallback(){super.disconnectedCallback(),!this._moving&&(this._clearTimer(),this.removeEventListener(`pointermove`,this._onPointerMove),this.removeEventListener(`pointerleave`,this._onPointerLeave),this.removeEventListener(`focusin`,this._onFocusIn),this.removeEventListener(`focusout`,this._onFocusOut),this.removeEventListener(`keydown`,this._onKeyDown),this.removeEventListener(`animationend`,this._onAnimationEnd),this.removeAttribute(`data-arrived`),FQ(this))}willUpdate(e){super.willUpdate(e),e.has(`variant`)&&this.setAttribute(`role`,this.variant===`critical`?`alert`:`status`),e.has(`duration`)&&(this._remainingDuration=this.duration)}_setMoving(e){this._moving=e,e&&this.toggleAttribute(`data-arrived`,!0)}_setFront(e){this._isFront!==e&&(this._isFront=e,e?this._resumeTimer():this._clearTimer())}_clearTimer(){this._timer!==null&&(window.clearTimeout(this._timer),this._timer=null,this._remainingDuration=Math.max(0,this._remainingDuration-(Date.now()-this._timerStartedAt)))}_dismiss(){this._clearTimer(),this.dispatchEvent(new CustomEvent(`dismiss`,{bubbles:!0,composed:!0}))}render(){return vQ(this)}},KQ.styles=_Q,KQ);j([E({reflect:!0,converter:N(`neutral`)})],YQ.prototype,`variant`,void 0),j([E({reflect:!0,converter:N(``)})],YQ.prototype,`icon`,void 0),j([E({type:String,reflect:!0})],YQ.prototype,`text`,void 0),j([E({type:String,reflect:!0,attribute:`supporting-text`})],YQ.prototype,`supportingText`,void 0),j([E({reflect:!0,converter:N(JQ)})],YQ.prototype,`duration`,void 0),j([D()],YQ.prototype,`_hasActions`,void 0),j([D()],YQ.prototype,`_isFront`,void 0),YQ=j([T(`nldd-notification`)],YQ),w(),A();var XQ=u`
|
|
22502
22659
|
:host {
|
|
22503
22660
|
box-sizing: border-box;
|
|
22504
22661
|
}
|
|
@@ -22830,7 +22987,7 @@ else:
|
|
|
22830
22987
|
color: var(--_badge-content-color);
|
|
22831
22988
|
display: inline-block;
|
|
22832
22989
|
}
|
|
22833
|
-
`;w();function
|
|
22990
|
+
`;w();function ZQ(e){let t=[];e._isDot&&t.push(`badge--dot`),e._isIconOnly&&t.push(`badge--icon-only`);let n=[`badge`,...t].join(` `),r=!e.decorative&&(e._isDot||e._isIconOnly);return x`
|
|
22834
22991
|
<span class=${n}
|
|
22835
22992
|
role=${r?`img`:S}
|
|
22836
22993
|
aria-label=${r?e._ariaLabel:S}
|
|
@@ -22844,7 +23001,7 @@ else:
|
|
|
22844
23001
|
`:``}
|
|
22845
23002
|
${e._hasText?x`<span class="badge__text">${e._displayValue}</span>`:``}
|
|
22846
23003
|
</span>
|
|
22847
|
-
`}var
|
|
23004
|
+
`}var QQ={"components.badge.notification-label":`Notificatie`};w(),O(),P(),Mt(),F(),M();var $Q=class extends jt(C,QQ){constructor(...e){super(...e),this.size=`md`,this.color=`critical`,this.customColor=``,this.pulse=!1,this.text=``,this.number=void 0,this.max=99,this.icon=``,this.accessibleLabel=``,this.decorative=!1}updated(e){e.has(`customColor`)&&(this.customColor?this.style.setProperty(`--_badge-custom-color`,this.customColor):this.style.removeProperty(`--_badge-custom-color`))}get _hasText(){return!!this.text||typeof this.number==`number`}get _isDot(){return!this._hasText&&!this.icon}get _isIconOnly(){return!!this.icon&&!this._hasText}get _displayValue(){return this.text?this.text:typeof this.number==`number`?this.number>this.max?`${this.max}+`:String(this.number):``}get _ariaLabel(){return this.accessibleLabel?this.accessibleLabel:this._hasText?this._displayValue:this._t(`components.badge.notification-label`)}render(){return ZQ(this)}},e$=($Q.styles=XQ,$Q);j([E({reflect:!0,converter:N(`md`)})],e$.prototype,`size`,void 0),j([E({reflect:!0,converter:N(`critical`)})],e$.prototype,`color`,void 0),j([E({reflect:!0,attribute:`custom-color`,converter:N(``)})],e$.prototype,`customColor`,void 0),j([E({type:Boolean,reflect:!0})],e$.prototype,`pulse`,void 0),j([E({reflect:!0,converter:N(``)})],e$.prototype,`text`,void 0),j([E({type:Number,reflect:!0})],e$.prototype,`number`,void 0),j([E({reflect:!0,converter:N(99)})],e$.prototype,`max`,void 0),j([E({type:String})],e$.prototype,`icon`,void 0),j([E({type:String,attribute:`accessible-label`})],e$.prototype,`accessibleLabel`,void 0),j([E({type:Boolean,reflect:!0})],e$.prototype,`decorative`,void 0),e$=j([T(`nldd-badge`)],e$),w(),A();var t$=u`
|
|
22848
23005
|
:host {
|
|
22849
23006
|
box-sizing: border-box;
|
|
22850
23007
|
}
|
|
@@ -23052,7 +23209,7 @@ else:
|
|
|
23052
23209
|
border: 1px solid CanvasText;
|
|
23053
23210
|
}
|
|
23054
23211
|
}
|
|
23055
|
-
`,
|
|
23212
|
+
`,n$=u`
|
|
23056
23213
|
|
|
23057
23214
|
|
|
23058
23215
|
/* # Host */
|
|
@@ -23264,7 +23421,7 @@ else:
|
|
|
23264
23421
|
border: 1px solid CanvasText;
|
|
23265
23422
|
}
|
|
23266
23423
|
}
|
|
23267
|
-
`;w(),Rs(),ln();function $
|
|
23424
|
+
`;w(),Rs(),ln();function r$(e){let t=e._effectiveTooltip;return t?x`
|
|
23268
23425
|
<div class="progress-bar__segment-indicator">
|
|
23269
23426
|
<nldd-tooltip
|
|
23270
23427
|
text=${t}
|
|
@@ -23281,7 +23438,7 @@ else:
|
|
|
23281
23438
|
<div class="progress-bar__segment-indicator">
|
|
23282
23439
|
<span class="progress-bar__segment-indicator-tooltip-area"></span>
|
|
23283
23440
|
</div>
|
|
23284
|
-
`}function
|
|
23441
|
+
`}function i$(e,t){let n=e._hasCaption,r=e._indeterminateExiting,i=e._indeterminateEntering,a=(e.indeterminate||r)&&!e._hasSegmentIndicators,o=!e._hasSegmentIndicators&&e.value!==null&&e.value>0&&(!e.indeterminate||i),s=e.indeterminate?void 0:Math.round(e._totalValue),c=e.text||e._t(`components.progress-bar.accessible-label`);return x`
|
|
23285
23442
|
${n?x`
|
|
23286
23443
|
<div class="progress-bar__caption">
|
|
23287
23444
|
<span class="progress-bar__text">${e.text}</span>
|
|
@@ -23307,7 +23464,7 @@ else:
|
|
|
23307
23464
|
<div class=${sn({"progress-bar__indeterminate-indicator":!0,"is-fading-out":r&&!e.indeterminate,"is-fading-in":i&&e.indeterminate})}></div>
|
|
23308
23465
|
`:S}
|
|
23309
23466
|
</div>
|
|
23310
|
-
`}var
|
|
23467
|
+
`}var a$={"components.progress-bar.completed-suffix-text":`voltooid`,"components.progress-bar.total-prefix-text":`Totaal`,"components.progress-bar.loading-label":`Aan het laden`,"components.progress-bar.accessible-label":`Voortgang`};w(),O(),P(),Ri(),At(),M();var o$=class extends C{constructor(...e){super(...e),this.value=0,this.color=`accent`,this.name=``,this.tooltipText=``,this._autoTooltipText=``}get _effectiveTooltip(){return this.tooltipText||this._autoTooltipText||``}render(){return r$(this)}},s$,c$=(o$.styles=n$,o$);j([E({type:Number,reflect:!0})],c$.prototype,`value`,void 0),j([E({reflect:!0,converter:N(`accent`)})],c$.prototype,`color`,void 0),j([E({type:String,reflect:!0})],c$.prototype,`name`,void 0),j([E({reflect:!0,attribute:`tooltip-text`,converter:N(``)})],c$.prototype,`tooltipText`,void 0),j([D()],c$.prototype,`_autoTooltipText`,void 0),c$=j([T(`nldd-progress-bar-segment-indicator`)],c$);var l$=(s$=class extends C{constructor(...e){super(...e),this.variant=`progress`,this.max=100,this.value=null,this.color=`accent`,this.size=`md`,this.text=``,this.valueFormat=`percentage`,this.valueText=``,this.valueDisplay=`inline`,this.accessibleLabel=``,this.indeterminate=!1,this.translations={},this._segmentIndicators=[],this._indeterminateExiting=!1,this._indeterminateEntering=!1,this._onSlotChangeBound=this._onSlotChange.bind(this)}_t(e){return Tt(this.translations,a$,e)}get _hasSegmentIndicators(){return this._segmentIndicators.length>0}get _totalValue(){return this._hasSegmentIndicators?this._segmentIndicators.reduce((e,t)=>e+Math.max(0,t.value),0):Math.max(0,this.value??0)}get _percentage(){return this.max<=0?0:Math.min(100,this._totalValue/this.max*100)}get _displayValue(){if(this.valueText)return this.valueText;if(this.indeterminate)return``;let e=this._totalValue;switch(this.valueFormat){case`absolute`:return`${e}`;case`fraction`:return`${e} / ${this.max}`;default:return`${Math.round(this._percentage)}%`}}get _ariaValueText(){if(this.accessibleLabel)return this.accessibleLabel;if(this.indeterminate)return this._t(`components.progress-bar.loading-label`);let e=this._t(`components.progress-bar.completed-suffix-text`),t=this._t(`components.progress-bar.total-prefix-text`);if(!this._hasSegmentIndicators)return`${Math.round(this._percentage)}% ${e}`;let n=this._segmentIndicators.filter(e=>e.name).length===this._segmentIndicators.length&&this._segmentIndicators.length>0,r=this._segmentIndicators.filter(e=>e.value>0).map(e=>{let t=this.max>0?Math.round(e.value/this.max*100):0;return e.name?`${e.name}: ${t}%`:`${t}%`});if(this.variant===`distribution`)return r.join(`, `);let i=Math.round(this._percentage);return n?`${r.join(`, `)}. ${t} ${i}% ${e}.`:`${i}% ${e}`}get _hasCaption(){return!!this.text||this.valueDisplay===`inline`&&!!this._displayValue}firstUpdated(){this._syncSegmentIndicators()}willUpdate(e){if(e.has(`indeterminate`)){let t=e.get(`indeterminate`);t===!0&&!this.indeterminate?this._beginIndeterminateExit():t===!1&&this.indeterminate&&this._beginIndeterminateEnter()}}updated(){this._syncSegmentIndicators()}_beginIndeterminateExit(){this._cancelIndeterminateEnter(),this._indeterminateExiting=!0,this._exitTimeout=setTimeout(()=>{this._indeterminateExiting=!1,this._exitTimeout=void 0},300)}_beginIndeterminateEnter(){this._cancelIndeterminateExit(),this._indeterminateEntering=!0,this._enterTimeout=setTimeout(()=>{this._indeterminateEntering=!1,this._enterTimeout=void 0},300)}_cancelIndeterminateExit(){this._exitTimeout&&(clearTimeout(this._exitTimeout),this._exitTimeout=void 0),this._indeterminateExiting=!1}_cancelIndeterminateEnter(){this._enterTimeout&&(clearTimeout(this._enterTimeout),this._enterTimeout=void 0),this._indeterminateEntering=!1}_formatSegmentIndicatorTooltip(e){if(this.valueDisplay===`none`)return e.name??``;let t=Math.max(0,e.value),n=this.max>0?Math.round(t/this.max*100):0,r;switch(this.valueFormat){case`absolute`:r=`${t}`;break;case`fraction`:r=`${t} / ${this.max}`;break;default:r=`${n}%`}return e.name?`${e.name}: ${r}`:r}disconnectedCallback(){super.disconnectedCallback(),this._cancelIndeterminateExit(),this._cancelIndeterminateEnter(),this._attributeObserver?.disconnect()}_onSlotChange(){let e=(this.shadowRoot?.querySelector(`slot:not([name])`))?.assignedElements({flatten:!0})??[];this._segmentIndicators=e.filter(e=>e instanceof c$),this._attributeObserver?.disconnect(),this._attributeObserver=new MutationObserver(()=>this.requestUpdate());for(let e of this._segmentIndicators)this._attributeObserver.observe(e,{attributes:!0,attributeFilter:[`value`,`color`,`name`,`tooltip-text`]})}_syncSegmentIndicators(){let e=this._totalValue,t=e>this.max?e:this.max,n=this.shadowRoot?.querySelector(`nldd-progress-bar-segment-indicator`)??null,r=n?[n,...this._segmentIndicators]:[...this._segmentIndicators],i=r.filter(e=>Math.max(0,e.value)>0).length<=1&&this.valueDisplay!==`tooltip`,a=this._indeterminateExiting,o=this._indeterminateEntering;for(let e of r){let n=Math.max(0,e.value);if(n<=0){e.hidden=!0,e.removeAttribute(`data-variant`),e._autoTooltipText=``;continue}e.hidden=!1;let r=t>0?n/t*100:0;e.style.setProperty(`--context-progress-bar-segment-indicator-width`,`${r}%`),e.setAttribute(`data-variant`,this.variant),e._autoTooltipText=i?``:this._formatSegmentIndicatorTooltip(e),e.toggleAttribute(`data-grow`,a),e.toggleAttribute(`data-shrink`,o)}}render(){return i$(this,this._onSlotChangeBound)}},s$.styles=t$,s$);j([E({reflect:!0,converter:N(`progress`)})],l$.prototype,`variant`,void 0),j([E({type:Number,reflect:!0})],l$.prototype,`max`,void 0),j([E({type:Number,reflect:!0})],l$.prototype,`value`,void 0),j([E({reflect:!0,converter:N(`accent`)})],l$.prototype,`color`,void 0),j([E({reflect:!0,converter:N(`md`)})],l$.prototype,`size`,void 0),j([E({reflect:!0,converter:N(``)})],l$.prototype,`text`,void 0),j([E({reflect:!0,attribute:`value-format`,converter:N(`percentage`)})],l$.prototype,`valueFormat`,void 0),j([E({type:String,reflect:!0,attribute:`value-text`})],l$.prototype,`valueText`,void 0),j([E({reflect:!0,attribute:`value-display`,converter:N(`inline`)})],l$.prototype,`valueDisplay`,void 0),j([E({type:String,reflect:!0,attribute:`accessible-label`})],l$.prototype,`accessibleLabel`,void 0),j([E({type:Boolean,reflect:!0})],l$.prototype,`indeterminate`,void 0),j([E({type:Object})],l$.prototype,`translations`,void 0),j([D()],l$.prototype,`_segmentIndicators`,void 0),j([D()],l$.prototype,`_indeterminateExiting`,void 0),j([D()],l$.prototype,`_indeterminateEntering`,void 0),l$=j([T(`nldd-progress-bar`)],l$),w(),A();var u$=u`
|
|
23311
23468
|
:host {
|
|
23312
23469
|
box-sizing: border-box;
|
|
23313
23470
|
}
|
|
@@ -23577,11 +23734,11 @@ else:
|
|
|
23577
23734
|
stroke: CanvasText;
|
|
23578
23735
|
}
|
|
23579
23736
|
}
|
|
23580
|
-
`,
|
|
23737
|
+
`,d$=u`
|
|
23581
23738
|
:host {
|
|
23582
23739
|
display: none;
|
|
23583
23740
|
}
|
|
23584
|
-
`;w(),Rs();function
|
|
23741
|
+
`;w(),Rs();function f$(e){return e<=16?3:e<=28?4:e<=40?5:e<=48?6:e<=64?7:8}function p$(e){return 50-f$(e)*100/e/2}function m$(e){return 2*Math.PI*p$(e)}function h$(e){return 100/e}function g$(e,t){let n=e._tooltipText,r=e._ariaValueText,i=e.indeterminate?void 0:Math.round(e._totalValue),a=e._indeterminateExiting,o=(e.indeterminate||a)&&!e._hasSegmentIndicators,s=!e.indeterminate||e._indeterminateEntering?e._buildArcs():[],c=Number(e.size)||28,l=p$(c),u=m$(c),d=h$(c).toFixed(3),f=[...new Set(s.map(e=>e.color))],p=e._uid,m=e.text||e._t(`components.progress-circle.accessible-label`),h=x`
|
|
23585
23742
|
<div class="progress-circle__circle"
|
|
23586
23743
|
role="progressbar"
|
|
23587
23744
|
aria-label=${m}
|
|
@@ -23755,7 +23912,7 @@ else:
|
|
|
23755
23912
|
${e.valueDisplay===`inline`&&e._displayValue?x`<span class="progress-circle__supporting-text">${e._displayValue}</span>`:S}
|
|
23756
23913
|
</div>
|
|
23757
23914
|
`:S}
|
|
23758
|
-
`}var
|
|
23915
|
+
`}var _$={"components.progress-circle.completed-suffix-text":`voltooid`,"components.progress-circle.total-prefix-text":`Totaal`,"components.progress-circle.loading-label":`Aan het laden`,"components.progress-circle.accessible-label":`Voortgang`};w(),O(),P(),Ri(),At(),M();var v$=class extends C{constructor(...e){super(...e),this.value=0,this.color=`accent`,this.name=``}render(){return S}},y$,b$,x$=(v$.styles=d$,v$);j([E({type:Number,reflect:!0})],x$.prototype,`value`,void 0),j([E({reflect:!0,converter:N(`accent`)})],x$.prototype,`color`,void 0),j([E({type:String,reflect:!0})],x$.prototype,`name`,void 0),x$=j([T(`nldd-progress-circle-segment-indicator`)],x$);var S$=(y$=class extends C{constructor(...e){super(...e),this.variant=`progress`,this.max=100,this.value=null,this.color=`accent`,this.size=`28`,this.text=``,this.valueFormat=`percentage`,this.valueText=``,this.valueDisplay=`tooltip`,this.accessibleLabel=``,this.indeterminate=!1,this.translations={},this._segmentIndicators=[],this._indeterminateExiting=!1,this._indeterminateEntering=!1,this._arcsAtZero=!1,this._uid=`pc-${b$._idCounter++}`,this._onSlotChangeBound=this._onSlotChange.bind(this)}_t(e){return Tt(this.translations,_$,e)}get _hasSegmentIndicators(){return this._segmentIndicators.length>0}get _totalValue(){return this._hasSegmentIndicators?this._segmentIndicators.reduce((e,t)=>e+Math.max(0,t.value),0):Math.max(0,this.value??0)}get _percentage(){return this.max<=0?0:Math.min(100,this._totalValue/this.max*100)}get _displayValue(){return this.valueText?this.valueText:this.indeterminate?``:this._formatValuePart(this._totalValue,Math.round(this._percentage))}get _tooltipText(){if(this.valueDisplay!==`tooltip`)return``;if(this.indeterminate)return this._t(`components.progress-circle.loading-label`);if(this.valueText)return this.valueText;if(!this._hasSegmentIndicators){let e=Math.max(0,this.value??0),t=this.max>0?Math.round(e/this.max*100):0;return this._formatValuePart(e,t)}let e=this._segmentIndicators.filter(e=>e.name).length===this._segmentIndicators.length&&this._segmentIndicators.length>0,t=this._segmentIndicators.filter(e=>e.value>0).map(e=>{let t=this.max>0?Math.round(e.value/this.max*100):0,n=this._formatValuePart(e.value,t);return e.name?`${e.name}: ${n}`:n});if(this.variant===`distribution`)return t.join(`, `);let n=Math.round(this._percentage),r=this._formatValuePart(this._totalValue,n);if(e){let e=this._t(`components.progress-circle.total-prefix-text`);return`${t.join(`, `)}. ${e} ${r}`}return r}get _ariaValueText(){if(this.accessibleLabel)return this.accessibleLabel;if(this.indeterminate)return this._t(`components.progress-circle.loading-label`);let e=this._t(`components.progress-circle.completed-suffix-text`),t=this._t(`components.progress-circle.total-prefix-text`);if(!this._hasSegmentIndicators)return`${Math.round(this._percentage)}% ${e}`;let n=this._segmentIndicators.filter(e=>e.name).length===this._segmentIndicators.length&&this._segmentIndicators.length>0,r=this._segmentIndicators.filter(e=>e.value>0).map(e=>{let t=this.max>0?Math.round(e.value/this.max*100):0,n=this._formatValuePart(e.value,t);return e.name?`${e.name}: ${n}`:n});if(this.variant===`distribution`)return r.join(`, `);let i=Math.round(this._percentage);return n?`${r.join(`, `)}. ${t} ${i}% ${e}.`:`${i}% ${e}`}_formatValuePart(e,t){switch(this.valueFormat){case`absolute`:return`${e}`;case`fraction`:return`${e} / ${this.max}`;default:return`${t}%`}}willUpdate(e){if(e.has(`indeterminate`)){let t=e.get(`indeterminate`);t===!0&&!this.indeterminate?this._beginIndeterminateExit():t===!1&&this.indeterminate&&this._beginIndeterminateEnter()}}disconnectedCallback(){super.disconnectedCallback(),this._cancelIndeterminateExit(),this._cancelIndeterminateEnter(),this._attributeObserver?.disconnect()}_beginIndeterminateExit(){this._cancelIndeterminateEnter(),this._indeterminateExiting=!0,this._arcsAtZero=!0,this.updateComplete.then(()=>{this._growRafId=requestAnimationFrame(()=>{this._growRafId=void 0,this._arcsAtZero=!1})}),this._exitTimeout=setTimeout(()=>{this._indeterminateExiting=!1,this._exitTimeout=void 0},300)}_beginIndeterminateEnter(){this._cancelIndeterminateExit(),this._indeterminateEntering=!0,this._enterTimeout=setTimeout(()=>{this._indeterminateEntering=!1,this._enterTimeout=void 0},300)}_cancelIndeterminateExit(){this._exitTimeout&&(clearTimeout(this._exitTimeout),this._exitTimeout=void 0),this._growRafId!==void 0&&(cancelAnimationFrame(this._growRafId),this._growRafId=void 0),this._indeterminateExiting=!1,this._arcsAtZero=!1}_cancelIndeterminateEnter(){this._enterTimeout&&(clearTimeout(this._enterTimeout),this._enterTimeout=void 0),this._indeterminateEntering=!1}_onSlotChange(){let e=(this.shadowRoot?.querySelector(`slot:not([name])`))?.assignedElements({flatten:!0})??[];this._segmentIndicators=e.filter(e=>e instanceof x$),this._attributeObserver?.disconnect(),this._attributeObserver=new MutationObserver(()=>this.requestUpdate());for(let e of this._segmentIndicators)this._attributeObserver.observe(e,{attributes:!0,attributeFilter:[`value`,`color`,`name`]})}_buildArcs(){let e=[],t=this._hasSegmentIndicators?this._segmentIndicators.map(e=>({value:Math.max(0,e.value),color:e.color})):this.value===null?[]:[{value:Math.max(0,this.value),color:this.color}],n=Number(this.size)||28,r=f$(n),i=t.length>1||this.variant===`distribution`,a=this.variant!==`distribution`,o=((i?a?1:2:0)+(a&&i?r:0))*(100/n),s=m$(n),c=this._totalValue,l=c>this.max?c:this.max,u=0;for(let n of t){let t=(l>0?n.value/l:0)*s,r=this._arcsAtZero||n.value<=0?0:Math.max(0,t-o);e.push({length:r,offset:u,color:n.color}),u+=t}return e}render(){return g$(this,this._onSlotChangeBound)}updated(e){(e.has(`_indeterminateEntering`)||e.has(`_indeterminateExiting`))&&this._syncDynamicAttributes()}_syncDynamicAttributes(){let e=this.shadowRoot?.querySelectorAll(`.progress-circle__segment-indicator`);if(e)for(let t of e)this._indeterminateEntering?t.setAttribute(`data-shrink`,``):t.removeAttribute(`data-shrink`);let t=this.shadowRoot?.querySelector(`.progress-circle__indeterminate-indicator`);t&&(this._indeterminateExiting&&!this.indeterminate?t.setAttribute(`data-fade`,`out`):t.removeAttribute(`data-fade`))}},b$=y$,y$.styles=u$,y$._idCounter=0,y$);j([E({reflect:!0,converter:N(`progress`)})],S$.prototype,`variant`,void 0),j([E({type:Number,reflect:!0})],S$.prototype,`max`,void 0),j([E({type:Number,reflect:!0})],S$.prototype,`value`,void 0),j([E({reflect:!0,converter:N(`accent`)})],S$.prototype,`color`,void 0),j([E({reflect:!0,converter:N(`28`)})],S$.prototype,`size`,void 0),j([E({reflect:!0,converter:N(``)})],S$.prototype,`text`,void 0),j([E({reflect:!0,attribute:`value-format`,converter:N(`percentage`)})],S$.prototype,`valueFormat`,void 0),j([E({type:String,reflect:!0,attribute:`value-text`})],S$.prototype,`valueText`,void 0),j([E({reflect:!0,attribute:`value-display`,converter:N(`tooltip`)})],S$.prototype,`valueDisplay`,void 0),j([E({type:String,reflect:!0,attribute:`accessible-label`})],S$.prototype,`accessibleLabel`,void 0),j([E({type:Boolean,reflect:!0})],S$.prototype,`indeterminate`,void 0),j([E({type:Object})],S$.prototype,`translations`,void 0),j([D()],S$.prototype,`_segmentIndicators`,void 0),j([D()],S$.prototype,`_indeterminateExiting`,void 0),j([D()],S$.prototype,`_indeterminateEntering`,void 0),j([D()],S$.prototype,`_arcsAtZero`,void 0),S$=b$=j([T(`nldd-progress-circle`)],S$);var C$={"components.step-bar.accessible-label":`Voortgang`,"components.step-bar.status-past-label":`Afgerond`,"components.step-bar.status-current-label":`Huidige stap`,"components.step-bar.status-future-label":`Nog te doen`,"components.step-bar.compact-text":`Stap {current} van {total}`};w(),L(),A();var w$=l(I.smMax),T$=u`
|
|
23759
23916
|
:host {
|
|
23760
23917
|
box-sizing: border-box;
|
|
23761
23918
|
}
|
|
@@ -23806,7 +23963,7 @@ else:
|
|
|
23806
23963
|
|
|
23807
23964
|
/* Stays in the DOM for assistive tech when the compact view takes over.
|
|
23808
23965
|
Standard visually-hidden recipe. */
|
|
23809
|
-
@container (max-width: ${
|
|
23966
|
+
@container (max-width: ${w$}) {
|
|
23810
23967
|
position: absolute;
|
|
23811
23968
|
width: 1px;
|
|
23812
23969
|
height: 1px;
|
|
@@ -23825,7 +23982,7 @@ else:
|
|
|
23825
23982
|
color: var(--_step-bar-compact-text-color);
|
|
23826
23983
|
font: var(--primitives-font-body-md-regular-flat);
|
|
23827
23984
|
|
|
23828
|
-
@container (max-width: ${
|
|
23985
|
+
@container (max-width: ${w$}) {
|
|
23829
23986
|
display: flex;
|
|
23830
23987
|
}
|
|
23831
23988
|
}
|
|
@@ -23841,7 +23998,7 @@ else:
|
|
|
23841
23998
|
margin-top: var(--_step-bar-compact-bar-gap);
|
|
23842
23999
|
gap: var(--_step-bar-compact-bar-segment-gap);
|
|
23843
24000
|
|
|
23844
|
-
@container (max-width: ${
|
|
24001
|
+
@container (max-width: ${w$}) {
|
|
23845
24002
|
display: flex;
|
|
23846
24003
|
}
|
|
23847
24004
|
}
|
|
@@ -23856,7 +24013,7 @@ else:
|
|
|
23856
24013
|
.step-bar__compact-bar-segment[data-filled] {
|
|
23857
24014
|
background-color: var(--_step-bar-progress-color);
|
|
23858
24015
|
}
|
|
23859
|
-
`,
|
|
24016
|
+
`,E$=u`
|
|
23860
24017
|
:host {
|
|
23861
24018
|
box-sizing: border-box;
|
|
23862
24019
|
}
|
|
@@ -24042,7 +24199,7 @@ else:
|
|
|
24042
24199
|
background-color: var(--_step-bar-control-hover-background-color);
|
|
24043
24200
|
}
|
|
24044
24201
|
}
|
|
24045
|
-
`;w();function
|
|
24202
|
+
`;w();function D$(e){let t=e.accessibleLabel||e._t(`components.step-bar.accessible-label`),n=e.resolvedCurrent,r=e.total,i=e.currentItem?.text??``,a=e._t(`components.step-bar.compact-text`,{current:n,total:r});return x`
|
|
24046
24203
|
<nav class="step-bar"
|
|
24047
24204
|
aria-label=${t||S}
|
|
24048
24205
|
>
|
|
@@ -24069,7 +24226,7 @@ else:
|
|
|
24069
24226
|
</div>
|
|
24070
24227
|
`:S}
|
|
24071
24228
|
</nav>
|
|
24072
|
-
`}function
|
|
24229
|
+
`}function O$(e){let t=e.resolvedStatus,n=e.icon?x`<nldd-icon class="step-bar__item-icon" icon=${e.icon}></nldd-icon>`:t===`past`?x`<nldd-icon class="step-bar__item-icon" icon="check-mark"></nldd-icon>`:x`<span class="step-bar__item-number">${e._index}</span>`,r=x`
|
|
24073
24230
|
<span class="step-bar__item-marker"
|
|
24074
24231
|
aria-hidden="true"
|
|
24075
24232
|
>${n}</span>
|
|
@@ -24089,7 +24246,7 @@ else:
|
|
|
24089
24246
|
>${r}</button>
|
|
24090
24247
|
`:r}
|
|
24091
24248
|
</div>
|
|
24092
|
-
`}w(),O(),P(),Mt(),F(),M();var
|
|
24249
|
+
`}w(),O(),P(),Mt(),F(),M();var k$,A$,j$=class extends C{constructor(...e){super(...e),this.text=``,this.icon=``,this.href=``,this.button=!1,this._derivedStatus=`future`,this._index=1,this._statusText=``}get resolvedStatus(){return this.status&&this.status!==`current`?this.status:this._derivedStatus}connectedCallback(){super.connectedCallback(),this.hasAttribute(`role`)||this.setAttribute(`role`,`listitem`)}updated(e){(e.has(`status`)||e.has(`_derivedStatus`))&&(this.resolvedStatus===`current`?this.setAttribute(`aria-current`,`step`):this.removeAttribute(`aria-current`))}render(){return O$(this)}};k$=j$,k$.styles=E$,j([E({type:String,reflect:!0})],j$.prototype,`status`,void 0),j([E({reflect:!0,converter:N(``)})],j$.prototype,`text`,void 0),j([E({type:String})],j$.prototype,`icon`,void 0),j([E({type:String,reflect:!0})],j$.prototype,`href`,void 0),j([E({type:Boolean,reflect:!0})],j$.prototype,`button`,void 0),j([D()],j$.prototype,`_derivedStatus`,void 0),j([D()],j$.prototype,`_index`,void 0),j([D()],j$.prototype,`_statusText`,void 0),customElements.get(`nldd-step-bar-item`)||customElements.define(`nldd-step-bar-item`,j$);var M$=(A$=class extends jt(C,C$){constructor(...e){super(...e),this.accessibleLabel=``,this._items=[],this._observer=new MutationObserver(()=>this.requestUpdate()),this._warnedMultipleCurrent=!1,this._onSlotChange=e=>{let t=e.target;this._items=t.assignedElements({flatten:!0}).filter(e=>e.localName===`nldd-step-bar-item`)}}get total(){return this._items.length}get resolvedCurrent(){let e=this._items.map(e=>e.status).lastIndexOf(`current`);return e===-1?1:e+1}get currentItem(){return this._items.find(e=>e.resolvedStatus===`current`)??this._items[this.resolvedCurrent-1]}connectedCallback(){super.connectedCallback(),this._observer.observe(this,{subtree:!0,attributes:!0,attributeFilter:[`status`]})}static get observedAttributes(){return[...super.observedAttributes,`current`]}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n)}disconnectedCallback(){super.disconnectedCallback(),this._observer.disconnect()}willUpdate(e){super.willUpdate(e),this._syncItems(),this._warnOnMultipleCurrent()}_warnOnMultipleCurrent(){}_syncItems(){let e=this.resolvedCurrent;this._items.forEach((t,n)=>{let r=n+1;t._index=r,t._derivedStatus=r<e?`past`:r===e?`current`:`future`,t._statusText=this._t(`components.step-bar.status-${t.resolvedStatus}-label`)})}render(){return D$(this)}},A$.styles=T$,A$);j([E({type:String,attribute:`accessible-label`})],M$.prototype,`accessibleLabel`,void 0),j([D()],M$.prototype,`_items`,void 0),M$=j([T(`nldd-step-bar`)],M$),w(),A();var N$=u`
|
|
24093
24250
|
:host {
|
|
24094
24251
|
box-sizing: border-box;
|
|
24095
24252
|
}
|
|
@@ -24230,7 +24387,7 @@ else:
|
|
|
24230
24387
|
flex-shrink: 0;
|
|
24231
24388
|
width: var(--_status-bar-action-icon-size);
|
|
24232
24389
|
}
|
|
24233
|
-
`;w(),bt();function
|
|
24390
|
+
`;w(),bt();function P$(e){let t=!!(e.href||e.button),n=x`
|
|
24234
24391
|
<span class="status-bar__text">${e.text}</span>
|
|
24235
24392
|
${t?x`
|
|
24236
24393
|
<span class="status-bar__action-icon"
|
|
@@ -24249,7 +24406,7 @@ else:
|
|
|
24249
24406
|
<button class="status-bar"
|
|
24250
24407
|
type="button"
|
|
24251
24408
|
>${n}</button>
|
|
24252
|
-
`:x`<div class="status-bar">${n}</div>`}w(),O(),P(),F(),M();var
|
|
24409
|
+
`:x`<div class="status-bar">${n}</div>`}w(),O(),P(),F(),M();var F$=class extends C{constructor(...e){super(...e),this.variant=`neutral`,this.text=``,this.href=``,this.target=``,this.rel=``,this.button=!1}connectedCallback(){super.connectedCallback(),this._applyAriaForVariant(this.variant)}firstUpdated(){}_checkPlacement(){[...this.getRootNode().querySelectorAll(`nldd-top-navigation-bar, nldd-top-title-bar`)].some(e=>!e.closest(`nldd-sheet, nldd-modal-dialog, nldd-popover, dialog`)&&(e.compareDocumentPosition(this)&Node.DOCUMENT_POSITION_FOLLOWING)!==0&&!e.contains(this))&&console.warn(`<nldd-status-bar>: The status bar sits below a top bar. It belongs above it, as the first thing on the screen.`,this)}updated(e){e.has(`variant`)&&this._applyAriaForVariant(this.variant)}_applyAriaForVariant(e){e===`critical`?(this.setAttribute(`role`,`alert`),this.removeAttribute(`aria-live`)):(this.setAttribute(`role`,`status`),this.setAttribute(`aria-live`,`polite`)),this.setAttribute(`aria-atomic`,`true`)}render(){return P$(this)}},I$=(F$.styles=N$,F$);j([E({reflect:!0,converter:N(`neutral`)})],I$.prototype,`variant`,void 0),j([E({reflect:!0,converter:N(``)})],I$.prototype,`text`,void 0),j([E({type:String})],I$.prototype,`href`,void 0),j([E({type:String})],I$.prototype,`target`,void 0),j([E({type:String})],I$.prototype,`rel`,void 0),j([E({type:Boolean,reflect:!0})],I$.prototype,`button`,void 0),I$=j([T(`nldd-status-bar`)],I$),w(),A();var L$=u`
|
|
24253
24410
|
:host {
|
|
24254
24411
|
box-sizing: border-box;
|
|
24255
24412
|
}
|
|
@@ -24576,7 +24733,7 @@ else:
|
|
|
24576
24733
|
white-space: nowrap;
|
|
24577
24734
|
clip-path: inset(50%);
|
|
24578
24735
|
}
|
|
24579
|
-
`;w();function
|
|
24736
|
+
`;w();function R$(e){return x`
|
|
24580
24737
|
<slot
|
|
24581
24738
|
@slotchange=${e._handleSlotChange}
|
|
24582
24739
|
@focusin=${e._handleAdvisedInteraction}
|
|
@@ -24643,4 +24800,4 @@ else:
|
|
|
24643
24800
|
</svg>
|
|
24644
24801
|
`}
|
|
24645
24802
|
</div>
|
|
24646
|
-
`}var F$={"components.just-in-time-education.accessible-label":`Uitleg`,"components.just-in-time-education.dismiss-action":`Verberg`};w(),O(),vi(),Mt(),P(),ji(),Ki(),M();var I$,L$,R$=0,z$=(I$=class extends jt(C,F$){constructor(...e){super(...e),this.active=!1,this.text=``,this.supportingText=``,this.placement=`auto`,this.dismissable=!1,this.arrowLength=``,this.noArrow=!1,this._cleanupAutoUpdate=null,this._attachTimeout=null,this._revealTimeout=null,this._attributeObserver=null,this._boundDocumentInteraction=e=>this._handleDocumentInteraction(e),this._resolvedSide=null,this._lastViewportWidth=0,this._lastViewportHeight=0,this._arrowMarkerId=`nldd-jite-arrow-${++R$}`}updated(e){if(e.has(`arrowLength`)&&(this.arrowLength&&CSS.supports(`width`,this.arrowLength)?this.style.setProperty(`--_just-in-time-education-arrow-length`,this.arrowLength):this.style.removeProperty(`--_just-in-time-education-arrow-length`)),e.has(`active`))this.active?this._open():this._closePopover();else if(this.active&&(e.has(`placement`)||e.has(`text`)||e.has(`supportingText`)||e.has(`arrowLength`)||e.has(`noArrow`))){this._resolvedSide=null;let e=this._getControl(),t=this._containerEl;e&&t&&this._updatePosition(e,t)}}get _containerEl(){return this.shadowRoot?.querySelector(`.just-in-time-education`)??null}get _cardEl(){return this.shadowRoot?.querySelector(`.just-in-time-education__main`)??null}get _announcerEl(){return this.shadowRoot?.querySelector(`.just-in-time-education__announcer`)??null}_getControl(){return(this.shadowRoot?.querySelector(`slot`))?.assignedElements({flatten:!0})?.[0]??null}_getControls(){return(this.shadowRoot?.querySelector(`slot`))?.assignedElements({flatten:!0})??[]}_forwardAttribute(e){if(L$._ownAttributes.has(e))return;let t=this.hasAttribute(e),n=this.getAttribute(e)??``;for(let r of this._getControls())t?r.setAttribute(e,n):r.removeAttribute(e)}_handleSlotChange(){for(let e of Array.from(this.attributes))this._forwardAttribute(e.name)}_open(){let e=this._containerEl;if(!e)return;e.matches(`:popover-open`)||(e.removeAttribute(`positioned`),e.showPopover()),this._startPositioning(),this._getControl()?(this._revealTimeout&&clearTimeout(this._revealTimeout),this._revealTimeout=setTimeout(()=>{this._revealTimeout=null,this.active&&e.setAttribute(`positioned`,``)},200)):e.setAttribute(`positioned`,``);let t=this._announcerEl;t&&(t.textContent=[this.text,this.supportingText].filter(Boolean).join(`. `)),this.dismissable&&(e.classList.toggle(`is-pointer-focus`,Ei()),e.focus(),this._attachTimeout&&clearTimeout(this._attachTimeout),this._attachTimeout=setTimeout(()=>{this._attachTimeout=null,this.active&&(document.addEventListener(`click`,this._boundDocumentInteraction,!0),document.addEventListener(`keydown`,this._boundDocumentInteraction,!0))},0))}_closePopover(){let e=this._containerEl,t=e?.matches(`:focus-within`)??!1;e?.matches(`:popover-open`)&&e.hidePopover(),this._stopPositioning();let n=this._announcerEl;n&&(n.textContent=``),t&&this._getControl()?.focus(),this._attachTimeout&&(clearTimeout(this._attachTimeout),this._attachTimeout=null),this._revealTimeout&&(clearTimeout(this._revealTimeout),this._revealTimeout=null),document.removeEventListener(`click`,this._boundDocumentInteraction,!0),document.removeEventListener(`keydown`,this._boundDocumentInteraction,!0)}_startPositioning(){let e=this._getControl(),t=this._containerEl;e&&t&&(this._stopPositioning(),this._cleanupAutoUpdate=ci(e,t,()=>this._updatePosition(e,t)))}_stopPositioning(){this._cleanupAutoUpdate?.(),this._cleanupAutoUpdate=null,this._resolvedSide=null}async _updatePosition(e,t){let n=getComputedStyle(this),r=parseInt(n.getPropertyValue(`--_just-in-time-education-offset`),10),i=parseInt(n.getPropertyValue(`--_just-in-time-education-shift-padding`),10),a=window.innerWidth,o=window.innerHeight;(this._resolvedSide===null||a!==this._lastViewportWidth||o!==this._lastViewportHeight)&&(this._resolvedSide=this._chooseSide(e),this._lastViewportWidth=a,this._lastViewportHeight=o);let s=this._resolvedSide;this.getAttribute(`data-arrow-side`)!==s&&this.setAttribute(`data-arrow-side`,s);let c=this._cardEl?.getBoundingClientRect().height??0,l=e.getBoundingClientRect(),u=`9999px`;s===`top`?u=`${Math.max(0,l.top+window.scrollY-c)}px`:s===`bottom`?u=`${Math.max(0,document.documentElement.scrollHeight-(l.bottom+window.scrollY)-c)}px`:s===`left`?u=`${Math.max(0,l.left)}px`:s===`right`&&(u=`${Math.max(0,window.innerWidth-l.right)}px`),this.style.setProperty(`--_just-in-time-education-available-distance`,u);let d=s===`top`||s===`bottom`,f=parseFloat(n.getPropertyValue(`--primitives-space-40`))||40,p=parseFloat(u);if(!d){let e=(parseFloat(n.getPropertyValue(`--_just-in-time-education-text-width`))||320)+(this.dismissable?parseFloat(n.getPropertyValue(`--_just-in-time-education-dismiss-width`))||44:0);p-=e}let m=!this.noArrow&&p<f;this.toggleAttribute(`data-arrow-collapsed`,m);let{x:h,y:g}=await _i(e,t,{placement:s,middleware:d?[pi(r),mi({padding:i})]:[pi(r)]});t.style.left=`${h}px`,t.style.top=`${g}px`,this._revealTimeout&&(clearTimeout(this._revealTimeout),this._revealTimeout=null),t.setAttribute(`positioned`,``),this._updateArrow(e,t,s)}_chooseSide(e){if(this.placement!==`auto`)return this.placement;let t=e.getBoundingClientRect(),n=document.documentElement.scrollHeight,r={top:t.top+window.scrollY,bottom:n-(t.bottom+window.scrollY),left:t.left,right:window.innerWidth-t.right},i=`bottom`;for(let e of[`top`,`bottom`,`left`,`right`])r[e]>r[i]&&(i=e);return i}_updateArrow(e,t,n){let r=this.shadowRoot?.querySelector(`.just-in-time-education__arrow`),i=this.shadowRoot?.querySelector(`.just-in-time-education__arrow-path`),a=this._cardEl;if(!r||!i||!a||this.hasAttribute(`data-arrow-collapsed`))return;let o=t.getBoundingClientRect(),s=a.getBoundingClientRect(),c=e.getBoundingClientRect(),l=s.left+s.width/2,u=s.top+s.height/2,d=c.left+c.width/2,f=c.top+c.height/2,p=n.split(`-`)[0],m,h,g,_,v,y;p===`top`?(m=l,h=s.bottom,g=d,_=c.top-6,v=0,y=1):p===`bottom`?(m=l,h=s.top,g=d,_=c.bottom+6,v=0,y=-1):p===`left`?(m=s.right,h=u,g=c.left-6,_=f,v=1,y=0):(m=s.left,h=u,g=c.right+6,_=f,v=-1,y=0);let ee=g-10*v,b=_-10*y,te=.25,ne=ee-m,re=b-h,ie=p===`top`||p===`bottom`,ae=Math.min(Math.hypot(ne,re)*.18,9),oe=(m+ee)/2+(ie?ae:0),se=(h+b)/2+(ie?0:ae),ce,le,ue,de,fe,pe,me,he;ie?(ce=m,le=h+re*te,ue=oe,de=se-re*te,fe=oe,pe=se+re*te,me=ee,he=b-re*te):(ce=m+ne*te,le=h,ue=oe-ne*te,de=se,fe=oe+ne*te,pe=se,me=ee-ne*te,he=b);let ge=[m,oe,ee,g,ce,ue,fe,me],_e=[h,se,b,_,le,de,pe,he],ve=Math.min(...ge)-4,ye=Math.min(..._e)-4,be=Math.max(...ge)+4-ve,xe=Math.max(..._e)+4-ye;r.style.left=`${ve-o.left}px`,r.style.top=`${ye-o.top}px`,r.setAttribute(`width`,`${be}`),r.setAttribute(`height`,`${xe}`),r.setAttribute(`viewBox`,`0 0 ${be} ${xe}`),i.setAttribute(`d`,`M ${m-ve} ${h-ye} C ${ce-ve} ${le-ye}, ${ue-ve} ${de-ye}, ${oe-ve} ${se-ye} C ${fe-ve} ${pe-ye}, ${me-ve} ${he-ye}, ${ee-ve} ${b-ye}`)}_handleAdvisedInteraction(){this.active&&this.dismissable&&this._close(`completed`)}_handleDocumentInteraction(e){this.active&&this.dismissable&&(e.composedPath().includes(this)||this._close(`ignored`))}_handleDismiss(){this._close(`dismissed`)}_handleCalloutKeydown(e){e.key===`Escape`&&this.dismissable&&(e.stopPropagation(),this._handleDismiss())}complete(){this.active&&this._close(`completed`)}_close(e){this.active=!1,this.dispatchEvent(new CustomEvent(`nldd-close`,{detail:{reason:e},bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),this._attributeObserver||(this._attributeObserver=new MutationObserver(e=>{for(let t of e)t.attributeName&&this._forwardAttribute(t.attributeName)})),this._attributeObserver.observe(this,{attributes:!0})}disconnectedCallback(){super.disconnectedCallback(),this._closePopover(),this._attributeObserver?.disconnect()}render(){return P$(this)}},L$=I$,I$.styles=N$,I$._ownAttributes=new Set([`active`,`text`,`supporting-text`,`placement`,`dismissable`,`arrow-length`,`no-arrow`,`translations`,`data-arrow-side`,`data-arrow-collapsed`,`style`,`class`,`id`,`role`,`slot`,`hidden`]),I$);return j([E({type:Boolean,reflect:!0})],z$.prototype,`active`,void 0),j([E({reflect:!0,converter:N(``)})],z$.prototype,`text`,void 0),j([E({reflect:!0,attribute:`supporting-text`,converter:N(``)})],z$.prototype,`supportingText`,void 0),j([E({reflect:!0,converter:N(`auto`)})],z$.prototype,`placement`,void 0),j([E({type:Boolean,reflect:!0})],z$.prototype,`dismissable`,void 0),j([E({type:String,reflect:!0,attribute:`arrow-length`})],z$.prototype,`arrowLength`,void 0),j([E({type:Boolean,reflect:!0,attribute:`no-arrow`})],z$.prototype,`noArrow`,void 0),z$=L$=j([T(`nldd-just-in-time-education`)],z$),wn(),Ki(),so(),F(),Ri(),Iq(),mY(),qs(),fc(),Da(),Va(),Gz(),uo(),_n(),At(),Object.defineProperty(e,"NLDDActivityIndicator",{enumerable:!0,get:function(){return gn}}),Object.defineProperty(e,"NLDDAppView",{enumerable:!0,get:function(){return JK}}),Object.defineProperty(e,"NLDDAvatar",{enumerable:!0,get:function(){return as}}),Object.defineProperty(e,"NLDDAvatarGroup",{enumerable:!0,get:function(){return yc}}),Object.defineProperty(e,"NLDDBadge",{enumerable:!0,get:function(){return XQ}}),Object.defineProperty(e,"NLDDBanner",{enumerable:!0,get:function(){return dQ}}),Object.defineProperty(e,"NLDDBarSplitView",{enumerable:!0,get:function(){return iq}}),Object.defineProperty(e,"NLDDBlockquote",{enumerable:!0,get:function(){return us}}),Object.defineProperty(e,"NLDDBox",{enumerable:!0,get:function(){return bY}}),Object.defineProperty(e,"NLDDBreadcrumbs",{enumerable:!0,get:function(){return QX}}),e.NLDDBreadcrumbsItem=ZX,Object.defineProperty(e,"NLDDButton",{enumerable:!0,get:function(){return Cn}}),Object.defineProperty(e,"NLDDButtonBar",{enumerable:!0,get:function(){return zo}}),Object.defineProperty(e,"NLDDButtonGroup",{enumerable:!0,get:function(){return oo}}),Object.defineProperty(e,"NLDDCard",{enumerable:!0,get:function(){return TY}}),Object.defineProperty(e,"NLDDCell",{enumerable:!0,get:function(){return gc}}),Object.defineProperty(e,"NLDDCheckbox",{enumerable:!0,get:function(){return II}}),Object.defineProperty(e,"NLDDCheckboxField",{enumerable:!0,get:function(){return BI}}),Object.defineProperty(e,"NLDDCodeEditor",{enumerable:!0,get:function(){return _z}}),Object.defineProperty(e,"NLDDCodeViewer",{enumerable:!0,get:function(){return aF}}),Object.defineProperty(e,"NLDDCollection",{enumerable:!0,get:function(){return PY}}),Object.defineProperty(e,"NLDDComboBox",{enumerable:!0,get:function(){return Oz}}),Object.defineProperty(e,"NLDDContainer",{enumerable:!0,get:function(){return R}}),Object.defineProperty(e,"NLDDDateField",{enumerable:!0,get:function(){return OB}}),Object.defineProperty(e,"NLDDDatePicker",{enumerable:!0,get:function(){return _B}}),Object.defineProperty(e,"NLDDDescriptionCell",{enumerable:!0,get:function(){return jX}}),Object.defineProperty(e,"NLDDDivider",{enumerable:!0,get:function(){return RY}}),Object.defineProperty(e,"NLDDDocumentTabBar",{enumerable:!0,get:function(){return JZ}}),Object.defineProperty(e,"NLDDDragHandleCell",{enumerable:!0,get:function(){return RX}}),Object.defineProperty(e,"NLDDDropdown",{enumerable:!0,get:function(){return NB}}),Object.defineProperty(e,"NLDDFileField",{enumerable:!0,get:function(){return zB}}),e.NLDDForm=ZF,Object.defineProperty(e,"NLDDFormActions",{enumerable:!0,get:function(){return nI}}),Object.defineProperty(e,"NLDDFormField",{enumerable:!0,get:function(){return hI}}),e.NLDDFormSection=AI,Object.defineProperty(e,"NLDDFullBleedSection",{enumerable:!0,get:function(){return gJ}}),Object.defineProperty(e,"NLDDHero",{enumerable:!0,get:function(){return cJ}}),Object.defineProperty(e,"NLDDIcon",{enumerable:!0,get:function(){return rn}}),Object.defineProperty(e,"NLDDIconButton",{enumerable:!0,get:function(){return Gi}}),Object.defineProperty(e,"NLDDIconCell",{enumerable:!0,get:function(){return Ea}}),Object.defineProperty(e,"NLDDIdentity",{enumerable:!0,get:function(){return wc}}),Object.defineProperty(e,"NLDDImage",{enumerable:!0,get:function(){return pF}}),Object.defineProperty(e,"NLDDInlineDialog",{enumerable:!0,get:function(){return lo}}),Object.defineProperty(e,"NLDDJustInTimeEducation",{enumerable:!0,get:function(){return z$}}),Object.defineProperty(e,"NLDDKeyboardShortcut",{enumerable:!0,get:function(){return Ya}}),Object.defineProperty(e,"NLDDLink",{enumerable:!0,get:function(){return fZ}}),Object.defineProperty(e,"NLDDList",{enumerable:!0,get:function(){return Ks}}),Object.defineProperty(e,"NLDDListItem",{enumerable:!0,get:function(){return dc}}),Object.defineProperty(e,"NLDDListItemSegment",{enumerable:!0,get:function(){return uX}}),e.NLDDMenu=bo,Object.defineProperty(e,"NLDDMenuBar",{enumerable:!0,get:function(){return sZ}}),Object.defineProperty(e,"NLDDMenuBarItem",{enumerable:!0,get:function(){return aZ}}),Object.defineProperty(e,"NLDDModalDialog",{enumerable:!0,get:function(){return aQ}}),Object.defineProperty(e,"NLDDMultiLineTextField",{enumerable:!0,get:function(){return WB}}),Object.defineProperty(e,"NLDDNavigationSplitView",{enumerable:!0,get:function(){return fq}}),Object.defineProperty(e,"NLDDNotification",{enumerable:!0,get:function(){return GQ}}),Object.defineProperty(e,"NLDDNumberField",{enumerable:!0,get:function(){return YB}}),Object.defineProperty(e,"NLDDOneHalfOneHalfSection",{enumerable:!0,get:function(){return BJ}}),Object.defineProperty(e,"NLDDOneThirdTwoThirdsSection",{enumerable:!0,get:function(){return wJ}}),Object.defineProperty(e,"NLDDPage",{enumerable:!0,get:function(){return Fq}}),Object.defineProperty(e,"NLDDPageFooter",{enumerable:!0,get:function(){return oX}}),e.NLDDPageFooterLegalBar=aX,e.NLDDPageFooterLegalBarItem=iX,Object.defineProperty(e,"NLDDPagination",{enumerable:!0,get:function(){return $Z}}),Object.defineProperty(e,"NLDDPasswordField",{enumerable:!0,get:function(){return tV}}),Object.defineProperty(e,"NLDDPopover",{enumerable:!0,get:function(){return bs}}),Object.defineProperty(e,"NLDDProgressBar",{enumerable:!0,get:function(){return a$}}),Object.defineProperty(e,"NLDDProgressBarSegmentIndicator",{enumerable:!0,get:function(){return i$}}),Object.defineProperty(e,"NLDDProgressCircle",{enumerable:!0,get:function(){return v$}}),Object.defineProperty(e,"NLDDProgressCircleSegmentIndicator",{enumerable:!0,get:function(){return _$}}),Object.defineProperty(e,"NLDDRadioButton",{enumerable:!0,get:function(){return dV}}),Object.defineProperty(e,"NLDDRadioButtonField",{enumerable:!0,get:function(){return hV}}),Object.defineProperty(e,"NLDDRadioButtonGroup",{enumerable:!0,get:function(){return yV}}),Object.defineProperty(e,"NLDDRichText",{enumerable:!0,get:function(){return gF}}),Object.defineProperty(e,"NLDDSearchField",{enumerable:!0,get:function(){return wV}}),Object.defineProperty(e,"NLDDSegmentedControl",{enumerable:!0,get:function(){return NV}}),Object.defineProperty(e,"NLDDSheet",{enumerable:!0,get:function(){return pY}}),Object.defineProperty(e,"NLDDSideBySideSplitView",{enumerable:!0,get:function(){return gq}}),Object.defineProperty(e,"NLDDSidebarSection",{enumerable:!0,get:function(){return gY}}),Object.defineProperty(e,"NLDDSimpleSection",{enumerable:!0,get:function(){return $q}}),Object.defineProperty(e,"NLDDSkipLink",{enumerable:!0,get:function(){return _Z}}),Object.defineProperty(e,"NLDDSpacer",{enumerable:!0,get:function(){return JG}}),Object.defineProperty(e,"NLDDSpacerCell",{enumerable:!0,get:function(){return Aa}}),Object.defineProperty(e,"NLDDSplitButton",{enumerable:!0,get:function(){return So}}),Object.defineProperty(e,"NLDDSplitViewDivider",{enumerable:!0,get:function(){return $K}}),Object.defineProperty(e,"NLDDSplitViewPane",{enumerable:!0,get:function(){return Tq}}),Object.defineProperty(e,"NLDDStackedSplitView",{enumerable:!0,get:function(){return bq}}),Object.defineProperty(e,"NLDDStatusBar",{enumerable:!0,get:function(){return M$}}),Object.defineProperty(e,"NLDDStepBar",{enumerable:!0,get:function(){return O$}}),e.NLDDStepBarItem=D$,Object.defineProperty(e,"NLDDStepCell",{enumerable:!0,get:function(){return HX}}),Object.defineProperty(e,"NLDDStepper",{enumerable:!0,get:function(){return RV}}),Object.defineProperty(e,"NLDDSwitch",{enumerable:!0,get:function(){return UV}}),Object.defineProperty(e,"NLDDSwitchField",{enumerable:!0,get:function(){return qV}}),Object.defineProperty(e,"NLDDTabBar",{enumerable:!0,get:function(){return IZ}}),Object.defineProperty(e,"NLDDTable",{enumerable:!0,get:function(){return bX}}),Object.defineProperty(e,"NLDDTableRow",{enumerable:!0,get:function(){return xX}}),Object.defineProperty(e,"NLDDTag",{enumerable:!0,get:function(){return bF}}),Object.defineProperty(e,"NLDDText",{enumerable:!0,get:function(){return wF}}),Object.defineProperty(e,"NLDDTextCell",{enumerable:!0,get:function(){return Ba}}),Object.defineProperty(e,"NLDDTextEditor",{enumerable:!0,get:function(){return jG}}),Object.defineProperty(e,"NLDDTextField",{enumerable:!0,get:function(){return zG}}),Object.defineProperty(e,"NLDDTimeField",{enumerable:!0,get:function(){return bK}}),Object.defineProperty(e,"NLDDTimePicker",{enumerable:!0,get:function(){return oK}}),Object.defineProperty(e,"NLDDTitle",{enumerable:!0,get:function(){return UF}}),Object.defineProperty(e,"NLDDTitleCell",{enumerable:!0,get:function(){return DX}}),Object.defineProperty(e,"NLDDToggleButton",{enumerable:!0,get:function(){return wK}}),Object.defineProperty(e,"NLDDToggleButtonGroup",{enumerable:!0,get:function(){return OK}}),Object.defineProperty(e,"NLDDToken",{enumerable:!0,get:function(){return JF}}),Object.defineProperty(e,"NLDDTokenField",{enumerable:!0,get:function(){return RK}}),Object.defineProperty(e,"NLDDToolbar",{enumerable:!0,get:function(){return Qo}}),Object.defineProperty(e,"NLDDTooltip",{enumerable:!0,get:function(){return Li}}),Object.defineProperty(e,"NLDDTopNavigationBar",{enumerable:!0,get:function(){return OZ}}),Object.defineProperty(e,"NLDDTopTitleBar",{enumerable:!0,get:function(){return Wz}}),Object.defineProperty(e,"NLDDTwoThirdsOneThirdSection",{enumerable:!0,get:function(){return MJ}}),Object.defineProperty(e,"NLDDValidationList",{enumerable:!0,get:function(){return wI}}),Object.defineProperty(e,"NLDDWindow",{enumerable:!0,get:function(){return UY}}),e.setTranslations=wt,e})({});
|
|
24803
|
+
`}var z$={"components.just-in-time-education.accessible-label":`Uitleg`,"components.just-in-time-education.dismiss-action":`Verberg`};w(),O(),vi(),Mt(),P(),ji(),Ki(),M();var B$,V$,H$=0,U$=(B$=class extends jt(C,z$){constructor(...e){super(...e),this.active=!1,this.text=``,this.supportingText=``,this.placement=`auto`,this.dismissable=!1,this.arrowLength=``,this.noArrow=!1,this._cleanupAutoUpdate=null,this._attachTimeout=null,this._revealTimeout=null,this._attributeObserver=null,this._boundDocumentInteraction=e=>this._handleDocumentInteraction(e),this._resolvedSide=null,this._lastViewportWidth=0,this._lastViewportHeight=0,this._arrowMarkerId=`nldd-jite-arrow-${++H$}`}updated(e){if(e.has(`arrowLength`)&&(this.arrowLength&&CSS.supports(`width`,this.arrowLength)?this.style.setProperty(`--_just-in-time-education-arrow-length`,this.arrowLength):this.style.removeProperty(`--_just-in-time-education-arrow-length`)),e.has(`active`))this.active?this._open():this._closePopover();else if(this.active&&(e.has(`placement`)||e.has(`text`)||e.has(`supportingText`)||e.has(`arrowLength`)||e.has(`noArrow`))){this._resolvedSide=null;let e=this._getControl(),t=this._containerEl;e&&t&&this._updatePosition(e,t)}}get _containerEl(){return this.shadowRoot?.querySelector(`.just-in-time-education`)??null}get _cardEl(){return this.shadowRoot?.querySelector(`.just-in-time-education__main`)??null}get _announcerEl(){return this.shadowRoot?.querySelector(`.just-in-time-education__announcer`)??null}_getControl(){return(this.shadowRoot?.querySelector(`slot`))?.assignedElements({flatten:!0})?.[0]??null}_getControls(){return(this.shadowRoot?.querySelector(`slot`))?.assignedElements({flatten:!0})??[]}_forwardAttribute(e){if(V$._ownAttributes.has(e))return;let t=this.hasAttribute(e),n=this.getAttribute(e)??``;for(let r of this._getControls())t?r.setAttribute(e,n):r.removeAttribute(e)}_handleSlotChange(){for(let e of Array.from(this.attributes))this._forwardAttribute(e.name)}_open(){let e=this._containerEl;if(!e)return;e.matches(`:popover-open`)||(e.removeAttribute(`positioned`),e.showPopover()),this._startPositioning(),this._getControl()?(this._revealTimeout&&clearTimeout(this._revealTimeout),this._revealTimeout=setTimeout(()=>{this._revealTimeout=null,this.active&&e.setAttribute(`positioned`,``)},200)):e.setAttribute(`positioned`,``);let t=this._announcerEl;t&&(t.textContent=[this.text,this.supportingText].filter(Boolean).join(`. `)),this.dismissable&&(e.classList.toggle(`is-pointer-focus`,Ei()),e.focus(),this._attachTimeout&&clearTimeout(this._attachTimeout),this._attachTimeout=setTimeout(()=>{this._attachTimeout=null,this.active&&(document.addEventListener(`click`,this._boundDocumentInteraction,!0),document.addEventListener(`keydown`,this._boundDocumentInteraction,!0))},0))}_closePopover(){let e=this._containerEl,t=e?.matches(`:focus-within`)??!1;e?.matches(`:popover-open`)&&e.hidePopover(),this._stopPositioning();let n=this._announcerEl;n&&(n.textContent=``),t&&this._getControl()?.focus(),this._attachTimeout&&(clearTimeout(this._attachTimeout),this._attachTimeout=null),this._revealTimeout&&(clearTimeout(this._revealTimeout),this._revealTimeout=null),document.removeEventListener(`click`,this._boundDocumentInteraction,!0),document.removeEventListener(`keydown`,this._boundDocumentInteraction,!0)}_startPositioning(){let e=this._getControl(),t=this._containerEl;e&&t&&(this._stopPositioning(),this._cleanupAutoUpdate=ci(e,t,()=>this._updatePosition(e,t)))}_stopPositioning(){this._cleanupAutoUpdate?.(),this._cleanupAutoUpdate=null,this._resolvedSide=null}async _updatePosition(e,t){let n=getComputedStyle(this),r=parseInt(n.getPropertyValue(`--_just-in-time-education-offset`),10),i=parseInt(n.getPropertyValue(`--_just-in-time-education-shift-padding`),10),a=window.innerWidth,o=window.innerHeight;(this._resolvedSide===null||a!==this._lastViewportWidth||o!==this._lastViewportHeight)&&(this._resolvedSide=this._chooseSide(e),this._lastViewportWidth=a,this._lastViewportHeight=o);let s=this._resolvedSide;this.getAttribute(`data-arrow-side`)!==s&&this.setAttribute(`data-arrow-side`,s);let c=this._cardEl?.getBoundingClientRect().height??0,l=e.getBoundingClientRect(),u=`9999px`;s===`top`?u=`${Math.max(0,l.top+window.scrollY-c)}px`:s===`bottom`?u=`${Math.max(0,document.documentElement.scrollHeight-(l.bottom+window.scrollY)-c)}px`:s===`left`?u=`${Math.max(0,l.left)}px`:s===`right`&&(u=`${Math.max(0,window.innerWidth-l.right)}px`),this.style.setProperty(`--_just-in-time-education-available-distance`,u);let d=s===`top`||s===`bottom`,f=parseFloat(n.getPropertyValue(`--primitives-space-40`))||40,p=parseFloat(u);if(!d){let e=(parseFloat(n.getPropertyValue(`--_just-in-time-education-text-width`))||320)+(this.dismissable?parseFloat(n.getPropertyValue(`--_just-in-time-education-dismiss-width`))||44:0);p-=e}let m=!this.noArrow&&p<f;this.toggleAttribute(`data-arrow-collapsed`,m);let{x:h,y:g}=await _i(e,t,{placement:s,middleware:d?[pi(r),mi({padding:i})]:[pi(r)]});t.style.left=`${h}px`,t.style.top=`${g}px`,this._revealTimeout&&(clearTimeout(this._revealTimeout),this._revealTimeout=null),t.setAttribute(`positioned`,``),this._updateArrow(e,t,s)}_chooseSide(e){if(this.placement!==`auto`)return this.placement;let t=e.getBoundingClientRect(),n=document.documentElement.scrollHeight,r={top:t.top+window.scrollY,bottom:n-(t.bottom+window.scrollY),left:t.left,right:window.innerWidth-t.right},i=`bottom`;for(let e of[`top`,`bottom`,`left`,`right`])r[e]>r[i]&&(i=e);return i}_updateArrow(e,t,n){let r=this.shadowRoot?.querySelector(`.just-in-time-education__arrow`),i=this.shadowRoot?.querySelector(`.just-in-time-education__arrow-path`),a=this._cardEl;if(!r||!i||!a||this.hasAttribute(`data-arrow-collapsed`))return;let o=t.getBoundingClientRect(),s=a.getBoundingClientRect(),c=e.getBoundingClientRect(),l=s.left+s.width/2,u=s.top+s.height/2,d=c.left+c.width/2,f=c.top+c.height/2,p=n.split(`-`)[0],m,h,g,_,v,y;p===`top`?(m=l,h=s.bottom,g=d,_=c.top-6,v=0,y=1):p===`bottom`?(m=l,h=s.top,g=d,_=c.bottom+6,v=0,y=-1):p===`left`?(m=s.right,h=u,g=c.left-6,_=f,v=1,y=0):(m=s.left,h=u,g=c.right+6,_=f,v=-1,y=0);let ee=g-10*v,b=_-10*y,te=.25,ne=ee-m,re=b-h,ie=p===`top`||p===`bottom`,ae=Math.min(Math.hypot(ne,re)*.18,9),oe=(m+ee)/2+(ie?ae:0),se=(h+b)/2+(ie?0:ae),ce,le,ue,de,fe,pe,me,he;ie?(ce=m,le=h+re*te,ue=oe,de=se-re*te,fe=oe,pe=se+re*te,me=ee,he=b-re*te):(ce=m+ne*te,le=h,ue=oe-ne*te,de=se,fe=oe+ne*te,pe=se,me=ee-ne*te,he=b);let ge=[m,oe,ee,g,ce,ue,fe,me],_e=[h,se,b,_,le,de,pe,he],ve=Math.min(...ge)-4,ye=Math.min(..._e)-4,be=Math.max(...ge)+4-ve,xe=Math.max(..._e)+4-ye;r.style.left=`${ve-o.left}px`,r.style.top=`${ye-o.top}px`,r.setAttribute(`width`,`${be}`),r.setAttribute(`height`,`${xe}`),r.setAttribute(`viewBox`,`0 0 ${be} ${xe}`),i.setAttribute(`d`,`M ${m-ve} ${h-ye} C ${ce-ve} ${le-ye}, ${ue-ve} ${de-ye}, ${oe-ve} ${se-ye} C ${fe-ve} ${pe-ye}, ${me-ve} ${he-ye}, ${ee-ve} ${b-ye}`)}_handleAdvisedInteraction(){this.active&&this.dismissable&&this._close(`completed`)}_handleDocumentInteraction(e){this.active&&this.dismissable&&(e.composedPath().includes(this)||this._close(`ignored`))}_handleDismiss(){this._close(`dismissed`)}_handleCalloutKeydown(e){e.key===`Escape`&&this.dismissable&&(e.stopPropagation(),this._handleDismiss())}complete(){this.active&&this._close(`completed`)}_close(e){this.active=!1,this.dispatchEvent(new CustomEvent(`nldd-close`,{detail:{reason:e},bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),this._attributeObserver||(this._attributeObserver=new MutationObserver(e=>{for(let t of e)t.attributeName&&this._forwardAttribute(t.attributeName)})),this._attributeObserver.observe(this,{attributes:!0})}disconnectedCallback(){super.disconnectedCallback(),this._closePopover(),this._attributeObserver?.disconnect()}render(){return R$(this)}},V$=B$,B$.styles=L$,B$._ownAttributes=new Set([`active`,`text`,`supporting-text`,`placement`,`dismissable`,`arrow-length`,`no-arrow`,`translations`,`data-arrow-side`,`data-arrow-collapsed`,`style`,`class`,`id`,`role`,`slot`,`hidden`]),B$);return j([E({type:Boolean,reflect:!0})],U$.prototype,`active`,void 0),j([E({reflect:!0,converter:N(``)})],U$.prototype,`text`,void 0),j([E({reflect:!0,attribute:`supporting-text`,converter:N(``)})],U$.prototype,`supportingText`,void 0),j([E({reflect:!0,converter:N(`auto`)})],U$.prototype,`placement`,void 0),j([E({type:Boolean,reflect:!0})],U$.prototype,`dismissable`,void 0),j([E({type:String,reflect:!0,attribute:`arrow-length`})],U$.prototype,`arrowLength`,void 0),j([E({type:Boolean,reflect:!0,attribute:`no-arrow`})],U$.prototype,`noArrow`,void 0),U$=V$=j([T(`nldd-just-in-time-education`)],U$),wn(),Ki(),so(),F(),Ri(),Rq(),vY(),qs(),fc(),Da(),Va(),Gz(),uo(),_n(),At(),Object.defineProperty(e,"NLDDActivityIndicator",{enumerable:!0,get:function(){return gn}}),Object.defineProperty(e,"NLDDAvatar",{enumerable:!0,get:function(){return as}}),Object.defineProperty(e,"NLDDAvatarGroup",{enumerable:!0,get:function(){return yc}}),Object.defineProperty(e,"NLDDBadge",{enumerable:!0,get:function(){return e$}}),Object.defineProperty(e,"NLDDBanner",{enumerable:!0,get:function(){return hQ}}),Object.defineProperty(e,"NLDDBarSplitView",{enumerable:!0,get:function(){return oq}}),Object.defineProperty(e,"NLDDBlockquote",{enumerable:!0,get:function(){return us}}),Object.defineProperty(e,"NLDDBox",{enumerable:!0,get:function(){return wY}}),Object.defineProperty(e,"NLDDBreadcrumbs",{enumerable:!0,get:function(){return nZ}}),e.NLDDBreadcrumbsItem=tZ,Object.defineProperty(e,"NLDDButton",{enumerable:!0,get:function(){return Cn}}),Object.defineProperty(e,"NLDDButtonBar",{enumerable:!0,get:function(){return zo}}),Object.defineProperty(e,"NLDDButtonGroup",{enumerable:!0,get:function(){return oo}}),Object.defineProperty(e,"NLDDCard",{enumerable:!0,get:function(){return kY}}),Object.defineProperty(e,"NLDDCell",{enumerable:!0,get:function(){return gc}}),Object.defineProperty(e,"NLDDCheckbox",{enumerable:!0,get:function(){return II}}),Object.defineProperty(e,"NLDDCheckboxField",{enumerable:!0,get:function(){return BI}}),Object.defineProperty(e,"NLDDCodeEditor",{enumerable:!0,get:function(){return _z}}),Object.defineProperty(e,"NLDDCodeViewer",{enumerable:!0,get:function(){return aF}}),Object.defineProperty(e,"NLDDCollection",{enumerable:!0,get:function(){return RY}}),Object.defineProperty(e,"NLDDComboBox",{enumerable:!0,get:function(){return Oz}}),Object.defineProperty(e,"NLDDContainer",{enumerable:!0,get:function(){return R}}),Object.defineProperty(e,"NLDDDateField",{enumerable:!0,get:function(){return OB}}),Object.defineProperty(e,"NLDDDatePicker",{enumerable:!0,get:function(){return _B}}),Object.defineProperty(e,"NLDDDescriptionCell",{enumerable:!0,get:function(){return FX}}),Object.defineProperty(e,"NLDDDivider",{enumerable:!0,get:function(){return HY}}),Object.defineProperty(e,"NLDDDocumentTabBar",{enumerable:!0,get:function(){return QZ}}),Object.defineProperty(e,"NLDDDragHandleCell",{enumerable:!0,get:function(){return HX}}),Object.defineProperty(e,"NLDDDropdown",{enumerable:!0,get:function(){return NB}}),Object.defineProperty(e,"NLDDFileField",{enumerable:!0,get:function(){return zB}}),e.NLDDForm=ZF,Object.defineProperty(e,"NLDDFormActions",{enumerable:!0,get:function(){return nI}}),Object.defineProperty(e,"NLDDFormField",{enumerable:!0,get:function(){return hI}}),e.NLDDFormSection=AI,Object.defineProperty(e,"NLDDFullBleedSection",{enumerable:!0,get:function(){return bJ}}),Object.defineProperty(e,"NLDDHero",{enumerable:!0,get:function(){return fJ}}),Object.defineProperty(e,"NLDDIcon",{enumerable:!0,get:function(){return rn}}),Object.defineProperty(e,"NLDDIconButton",{enumerable:!0,get:function(){return Gi}}),Object.defineProperty(e,"NLDDIconCell",{enumerable:!0,get:function(){return Ea}}),Object.defineProperty(e,"NLDDIdentity",{enumerable:!0,get:function(){return wc}}),Object.defineProperty(e,"NLDDImage",{enumerable:!0,get:function(){return pF}}),Object.defineProperty(e,"NLDDInlineDialog",{enumerable:!0,get:function(){return lo}}),Object.defineProperty(e,"NLDDJustInTimeEducation",{enumerable:!0,get:function(){return U$}}),Object.defineProperty(e,"NLDDKeyboardShortcut",{enumerable:!0,get:function(){return Ya}}),Object.defineProperty(e,"NLDDLink",{enumerable:!0,get:function(){return gZ}}),Object.defineProperty(e,"NLDDList",{enumerable:!0,get:function(){return Ks}}),Object.defineProperty(e,"NLDDListItem",{enumerable:!0,get:function(){return dc}}),Object.defineProperty(e,"NLDDListItemSegment",{enumerable:!0,get:function(){return mX}}),e.NLDDMenu=bo,Object.defineProperty(e,"NLDDMenuBar",{enumerable:!0,get:function(){return dZ}}),Object.defineProperty(e,"NLDDMenuBarItem",{enumerable:!0,get:function(){return lZ}}),Object.defineProperty(e,"NLDDModalDialog",{enumerable:!0,get:function(){return lQ}}),Object.defineProperty(e,"NLDDMultiLineTextField",{enumerable:!0,get:function(){return WB}}),Object.defineProperty(e,"NLDDNavigationSplitView",{enumerable:!0,get:function(){return mq}}),Object.defineProperty(e,"NLDDNotification",{enumerable:!0,get:function(){return YQ}}),Object.defineProperty(e,"NLDDNumberField",{enumerable:!0,get:function(){return YB}}),Object.defineProperty(e,"NLDDOneHalfOneHalfSection",{enumerable:!0,get:function(){return WJ}}),Object.defineProperty(e,"NLDDOneThirdTwoThirdsSection",{enumerable:!0,get:function(){return OJ}}),Object.defineProperty(e,"NLDDPage",{enumerable:!0,get:function(){return Lq}}),Object.defineProperty(e,"NLDDPageFooter",{enumerable:!0,get:function(){return uX}}),e.NLDDPageFooterLegalBar=lX,e.NLDDPageFooterLegalBarItem=cX,Object.defineProperty(e,"NLDDPagination",{enumerable:!0,get:function(){return rQ}}),Object.defineProperty(e,"NLDDPasswordField",{enumerable:!0,get:function(){return tV}}),Object.defineProperty(e,"NLDDPopover",{enumerable:!0,get:function(){return bs}}),Object.defineProperty(e,"NLDDProgressBar",{enumerable:!0,get:function(){return l$}}),Object.defineProperty(e,"NLDDProgressBarSegmentIndicator",{enumerable:!0,get:function(){return c$}}),Object.defineProperty(e,"NLDDProgressCircle",{enumerable:!0,get:function(){return S$}}),Object.defineProperty(e,"NLDDProgressCircleSegmentIndicator",{enumerable:!0,get:function(){return x$}}),Object.defineProperty(e,"NLDDRadioButton",{enumerable:!0,get:function(){return dV}}),Object.defineProperty(e,"NLDDRadioButtonField",{enumerable:!0,get:function(){return hV}}),Object.defineProperty(e,"NLDDRadioButtonGroup",{enumerable:!0,get:function(){return yV}}),Object.defineProperty(e,"NLDDRichText",{enumerable:!0,get:function(){return gF}}),Object.defineProperty(e,"NLDDSearchField",{enumerable:!0,get:function(){return wV}}),Object.defineProperty(e,"NLDDSegmentedControl",{enumerable:!0,get:function(){return NV}}),Object.defineProperty(e,"NLDDSheet",{enumerable:!0,get:function(){return _Y}}),Object.defineProperty(e,"NLDDShell",{enumerable:!0,get:function(){return XK}}),Object.defineProperty(e,"NLDDSideBySideSplitView",{enumerable:!0,get:function(){return vq}}),Object.defineProperty(e,"NLDDSidebarSection",{enumerable:!0,get:function(){return bY}}),Object.defineProperty(e,"NLDDSimpleSection",{enumerable:!0,get:function(){return tJ}}),Object.defineProperty(e,"NLDDSkipLink",{enumerable:!0,get:function(){return xZ}}),Object.defineProperty(e,"NLDDSpacer",{enumerable:!0,get:function(){return JG}}),Object.defineProperty(e,"NLDDSpacerCell",{enumerable:!0,get:function(){return Aa}}),Object.defineProperty(e,"NLDDSplitButton",{enumerable:!0,get:function(){return So}}),Object.defineProperty(e,"NLDDSplitViewDivider",{enumerable:!0,get:function(){return tq}}),Object.defineProperty(e,"NLDDSplitViewPane",{enumerable:!0,get:function(){return Dq}}),Object.defineProperty(e,"NLDDStackedSplitView",{enumerable:!0,get:function(){return Sq}}),Object.defineProperty(e,"NLDDStatusBar",{enumerable:!0,get:function(){return I$}}),Object.defineProperty(e,"NLDDStepBar",{enumerable:!0,get:function(){return M$}}),e.NLDDStepBarItem=j$,Object.defineProperty(e,"NLDDStepCell",{enumerable:!0,get:function(){return KX}}),Object.defineProperty(e,"NLDDStepper",{enumerable:!0,get:function(){return RV}}),Object.defineProperty(e,"NLDDSwitch",{enumerable:!0,get:function(){return UV}}),Object.defineProperty(e,"NLDDSwitchField",{enumerable:!0,get:function(){return qV}}),Object.defineProperty(e,"NLDDTabBar",{enumerable:!0,get:function(){return BZ}}),Object.defineProperty(e,"NLDDTable",{enumerable:!0,get:function(){return wX}}),Object.defineProperty(e,"NLDDTableRow",{enumerable:!0,get:function(){return TX}}),Object.defineProperty(e,"NLDDTag",{enumerable:!0,get:function(){return bF}}),Object.defineProperty(e,"NLDDText",{enumerable:!0,get:function(){return wF}}),Object.defineProperty(e,"NLDDTextCell",{enumerable:!0,get:function(){return Ba}}),Object.defineProperty(e,"NLDDTextEditor",{enumerable:!0,get:function(){return jG}}),Object.defineProperty(e,"NLDDTextField",{enumerable:!0,get:function(){return zG}}),Object.defineProperty(e,"NLDDTimeField",{enumerable:!0,get:function(){return bK}}),Object.defineProperty(e,"NLDDTimePicker",{enumerable:!0,get:function(){return oK}}),Object.defineProperty(e,"NLDDTitle",{enumerable:!0,get:function(){return UF}}),Object.defineProperty(e,"NLDDTitleCell",{enumerable:!0,get:function(){return jX}}),Object.defineProperty(e,"NLDDToggleButton",{enumerable:!0,get:function(){return wK}}),Object.defineProperty(e,"NLDDToggleButtonGroup",{enumerable:!0,get:function(){return OK}}),Object.defineProperty(e,"NLDDToken",{enumerable:!0,get:function(){return JF}}),Object.defineProperty(e,"NLDDTokenField",{enumerable:!0,get:function(){return RK}}),Object.defineProperty(e,"NLDDToolbar",{enumerable:!0,get:function(){return Qo}}),Object.defineProperty(e,"NLDDTooltip",{enumerable:!0,get:function(){return Li}}),Object.defineProperty(e,"NLDDTopNavigationBar",{enumerable:!0,get:function(){return MZ}}),Object.defineProperty(e,"NLDDTopTitleBar",{enumerable:!0,get:function(){return Wz}}),Object.defineProperty(e,"NLDDTwoThirdsOneThirdSection",{enumerable:!0,get:function(){return IJ}}),Object.defineProperty(e,"NLDDValidationList",{enumerable:!0,get:function(){return wI}}),Object.defineProperty(e,"NLDDWindow",{enumerable:!0,get:function(){return qY}}),e.setTranslations=wt,e})({});
|