@dso-toolkit/core 79.0.0 → 79.1.0

package/dist/dso-toolkit/p-d2a54c44.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["viewerGridTabs","viewerGridTabLabelMap","map","document","search","viewerGridSizeLabelMap","small","medium","large","SizingButton","className","onClick","label","icon","h","type","class","SizingButtons","shrink","expand","size","panelLabel","placement","buttons","push","toLocaleLowerCase","DocumentPanel","tabView","panelSize","shrinkDocumentPanel","expandDocumentPanel","dsoDocumentPanelSizeChangeAnimationEnd","onTransitionEnd","e","propertyName","emit","currentSize","name","FilterPanel","title","ref","dsoCloseFilterPanel","MainPanel","mainSize","documentPanelOpen","mainPanelExpanded","mainPanelHidden","toggleMainPanel","dsoMainSizeChangeAnimationEnd","clsx","compact","contracted","expanded","collapsed","invisible","Overlay","dsoCloseOverlay","onCancel","preventDefault","viewerGridCss","resizeObserver","ResizeObserver","debounce","entry","shadowRoot","target","getRootNode","ShadowRoot","isDsoViewerGridComponent","host","_checkMainPanelVisibility","element","tagName","buttonWidth","tabViewBreakpoint","minMapElementWidth","ViewerGrid","constructor","hostRef","this","mediaCondition","filterPanelOpen","overlayOpen","documentPanelSize","window","innerWidth","switchActiveTab","tab","dsoActiveTabSwitch","dsoDocumentPanelSizeChange","nextSize","mapElement","HTMLDivElement","clientWidth","dsoMainPanelToggle","hide","changeListener","largeScreen","matches","filterPanelSlot","querySelector","overlaySlot","documentPanelOpenWatcher","open","filterPanelOpenWatcher","console","warn","_a","filterPanel","show","_b","close","overlayOpenWatcher","overlay","showModal","connectedCallback","matchMedia","addEventListener","componentDidLoad","observe","disconnectedCallback","removeEventListener","unobserve","render","Fragment","key","activeTab","filterPanelTitle","originalEvent"],"sources":["src/components/viewer-grid/viewer-grid.interfaces.ts","src/components/viewer-grid/components/sizing-buttons.tsx","src/components/viewer-grid/components/document-panel.tsx","src/components/viewer-grid/components/filter-panel.tsx","src/components/viewer-grid/components/main-panel.tsx","src/components/viewer-grid/components/overlay.tsx","src/components/viewer-grid/viewer-grid.scss?tag=dso-viewer-grid&encapsulation=shadow","src/components/viewer-grid/viewer-grid.tsx"],"sourcesContent":["export interface ViewerGridChangeSizeEvent {\r\n  currentSize: ViewerGridPanelSize;\r\n  nextSize: ViewerGridPanelSize;\r\n}\r\n\r\nexport interface ViewerGridChangeSizeAnimationEndEvent {\r\n  currentSize: ViewerGridPanelSize;\r\n}\r\n\r\nexport interface ViewerGridCloseOverlayEvent {\r\n  originalEvent: MouseEvent | Event;\r\n}\r\n\r\nexport interface ViewerGridCloseFilterPanelEvent {\r\n  originalEvent: MouseEvent | Event;\r\n}\r\n\r\nexport interface ViewerGridActiveTabSwitchEvent {\r\n  tab: ViewerGridTab;\r\n}\r\n\r\nexport interface ViewerGridMainToggleEvent {\r\n  hide: boolean;\r\n}\r\n\r\nexport type ViewerGridPanelSize = \"small\" | \"medium\" | \"large\";\r\n\r\nexport type ViewerGridLabelSizeMap = { [key in ViewerGridPanelSize]: string };\r\n\r\nexport const viewerGridTabs = [\"search\", \"map\", \"document\"] as const;\r\nexport type ViewerGridTab = (typeof viewerGridTabs)[number];\r\n\r\nexport type ViewerGridTabLabelMap = { [key in ViewerGridTab]: string };\r\n\r\nexport const viewerGridTabLabelMap: ViewerGridTabLabelMap = {\r\n  map: \"Kaart\",\r\n  document: \"Document\",\r\n  search: \"Zoeken\",\r\n};\r\n\r\nexport const viewerGridSizeLabelMap: ViewerGridLabelSizeMap = {\r\n  small: \"smal\",\r\n  medium: \"middel\",\r\n  large: \"breed\",\r\n};\r\n","import { FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { ViewerGridPanelSize, viewerGridSizeLabelMap } from \"../viewer-grid.interfaces\";\r\n\r\ninterface SizingButtonProp {\r\n  className: string;\r\n  onClick: any;\r\n  label: string;\r\n  icon: \"chevron-left\" | \"chevron-right\";\r\n}\r\n\r\nconst SizingButton: FunctionalComponent<SizingButtonProp> = ({ className, onClick, label, icon }) => (\r\n  <button type=\"button\" class={className} onClick={onClick}>\r\n    <span class=\"sr-only\">{label}</span>\r\n    <dso-icon icon={icon}></dso-icon>\r\n  </button>\r\n);\r\n\r\ninterface SizingButtonProps {\r\n  panelLabel: string;\r\n  size: ViewerGridPanelSize;\r\n  expand: () => void;\r\n  shrink: () => void;\r\n  placement: \"left\" | \"right\";\r\n}\r\n\r\nexport const SizingButtons: FunctionalComponent<SizingButtonProps> = ({\r\n  shrink,\r\n  expand,\r\n  size,\r\n  panelLabel,\r\n  placement,\r\n}) => {\r\n  const buttons = [];\r\n\r\n  if (size !== \"small\") {\r\n    buttons.push(\r\n      <SizingButton\r\n        onClick={shrink}\r\n        label={`${panelLabel} smaller maken`}\r\n        icon={placement === \"right\" ? \"chevron-right\" : \"chevron-left\"}\r\n        className=\"shrink\"\r\n      />,\r\n    );\r\n  }\r\n\r\n  if (size !== \"large\") {\r\n    buttons.push(\r\n      <SizingButton\r\n        onClick={expand}\r\n        label={`${panelLabel} breder maken`}\r\n        icon={placement === \"right\" ? \"chevron-left\" : \"chevron-right\"}\r\n        className=\"expand\"\r\n      />,\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div class=\"sizing-buttons\">\r\n      <span class=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\r\n        Breedte {panelLabel.toLocaleLowerCase()}: {viewerGridSizeLabelMap[size]}\r\n      </span>\r\n      {buttons}\r\n    </div>\r\n  );\r\n};\r\n","import { EventEmitter, FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { ViewerGridChangeSizeAnimationEndEvent, ViewerGridPanelSize } from \"../viewer-grid.interfaces\";\r\n\r\nimport { SizingButtons } from \"./sizing-buttons\";\r\n\r\nexport interface ViewerGridDocumentPanelProps {\r\n  tabView: boolean;\r\n  panelSize: ViewerGridPanelSize;\r\n  shrinkDocumentPanel: () => void;\r\n  expandDocumentPanel: () => void;\r\n  dsoDocumentPanelSizeChangeAnimationEnd: EventEmitter<ViewerGridChangeSizeAnimationEndEvent>;\r\n}\r\n\r\nexport const DocumentPanel: FunctionalComponent<ViewerGridDocumentPanelProps> = ({\r\n  tabView,\r\n  panelSize,\r\n  shrinkDocumentPanel,\r\n  expandDocumentPanel,\r\n  dsoDocumentPanelSizeChangeAnimationEnd,\r\n}) => (\r\n  <div\r\n    class=\"dso-document-panel\"\r\n    onTransitionEnd={(e) => {\r\n      if (e.propertyName === \"flex-basis\") {\r\n        dsoDocumentPanelSizeChangeAnimationEnd.emit({ currentSize: panelSize });\r\n      }\r\n    }}\r\n  >\r\n    {!tabView && (\r\n      <SizingButtons\r\n        panelLabel=\"Documentpaneel\"\r\n        size={panelSize}\r\n        expand={expandDocumentPanel}\r\n        shrink={shrinkDocumentPanel}\r\n        placement=\"right\"\r\n      />\r\n    )}\r\n    <div class=\"content\">\r\n      <slot name=\"document-panel\" />\r\n    </div>\r\n  </div>\r\n);\r\n","import { FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nexport interface ViewerGridFilterPanelProps {\r\n  title?: string;\r\n  ref: ((element: HTMLDialogElement | undefined) => void) | undefined;\r\n  dsoCloseFilterPanel: (event: MouseEvent | Event) => void;\r\n}\r\n\r\nexport const FilterPanel: FunctionalComponent<ViewerGridFilterPanelProps> = ({ title, ref, dsoCloseFilterPanel }) => (\r\n  <dialog class=\"filter-panel\" ref={ref}>\r\n    {title && <h3>{title}</h3>}\r\n    <button type=\"button\" class=\"dso-close\" onClick={dsoCloseFilterPanel}>\r\n      <dso-icon icon=\"times\"></dso-icon>\r\n      <span class=\"sr-only\">Sluiten</span>\r\n    </button>\r\n    <slot name=\"filter-panel\" />\r\n  </dialog>\r\n);\r\n","import { EventEmitter, FunctionalComponent, h } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\n\r\nimport { ViewerGridChangeSizeAnimationEndEvent, ViewerGridPanelSize } from \"../viewer-grid.interfaces\";\r\n\r\nexport interface ViewerGridMainPanelProps {\r\n  tabView: boolean;\r\n  mainSize: ViewerGridPanelSize;\r\n  documentPanelOpen: boolean;\r\n  mainPanelExpanded: boolean;\r\n  mainPanelHidden: boolean;\r\n  toggleMainPanel: () => void;\r\n  dsoMainSizeChangeAnimationEnd: EventEmitter<ViewerGridChangeSizeAnimationEndEvent>;\r\n}\r\n\r\nexport const MainPanel: FunctionalComponent<ViewerGridMainPanelProps> = ({\r\n  tabView,\r\n  mainSize,\r\n  documentPanelOpen,\r\n  mainPanelExpanded,\r\n  mainPanelHidden,\r\n  toggleMainPanel,\r\n  dsoMainSizeChangeAnimationEnd,\r\n}) => (\r\n  <div\r\n    class={clsx(\"dso-main-panel\", {\r\n      compact: !tabView && documentPanelOpen && !mainPanelExpanded,\r\n      contracted: !tabView && !documentPanelOpen && !mainPanelExpanded,\r\n      expanded: !tabView && documentPanelOpen && mainPanelExpanded,\r\n      collapsed: mainPanelHidden,\r\n    })}\r\n    onTransitionEnd={(e) => {\r\n      if (e.propertyName === \"flex-basis\") {\r\n        dsoMainSizeChangeAnimationEnd.emit({ currentSize: mainSize });\r\n      }\r\n    }}\r\n  >\r\n    {!tabView && documentPanelOpen && (\r\n      <div class=\"toggle-button\">\r\n        <button type=\"button\" onClick={toggleMainPanel}>\r\n          <span class=\"sr-only\">Zoeken paneel {mainPanelHidden ? \"tonen\" : \"verbergen\"}</span>\r\n          <dso-icon icon={mainPanelHidden ? \"chevron-right\" : \"chevron-left\"}></dso-icon>\r\n        </button>\r\n      </div>\r\n    )}\r\n    <div class={clsx(\"content\", { invisible: mainPanelHidden })}>\r\n      <slot name=\"main\" />\r\n    </div>\r\n  </div>\r\n);\r\n","import { FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nexport interface ViewerGridOverlayProps {\r\n  ref: ((element: HTMLDialogElement | undefined) => void) | undefined;\r\n  dsoCloseOverlay: (event: MouseEvent | Event) => void;\r\n}\r\n\r\nexport const Overlay: FunctionalComponent<ViewerGridOverlayProps> = ({ ref, dsoCloseOverlay }) => (\r\n  <dialog\r\n    class=\"overlay\"\r\n    ref={ref}\r\n    onCancel={(e) => {\r\n      e.preventDefault();\r\n\r\n      dsoCloseOverlay(e);\r\n    }}\r\n  >\r\n    <button type=\"button\" class=\"overlay-close-button\" onClick={dsoCloseOverlay}>\r\n      <dso-icon icon=\"times\"></dso-icon>\r\n      <span class=\"sr-only\">sluiten</span>\r\n    </button>\r\n    <slot name=\"overlay\" />\r\n  </dialog>\r\n);\r\n","@use \"~dso-toolkit/src/components/grid\" as css-grid;\r\n\r\n@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/components/heading\";\r\n@use \"~dso-toolkit/src/components/navbar\";\r\n\r\n@use \"viewer-grid.variables\" as core-viewer-grid-variables;\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n  .overlay {\r\n    block-size: calc(100% - units.$u4);\r\n    margin-block: units.$u2;\r\n    margin-inline: auto units.$u2;\r\n  }\r\n\r\n  .dso-main-panel {\r\n    transition:\r\n      min-inline-size core-viewer-grid-variables.$transition-time ease-in,\r\n      margin-inline-start core-viewer-grid-variables.$transition-time ease-in;\r\n  }\r\n}\r\n\r\nbutton {\r\n  @include button.element();\r\n}\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n.shrink,\r\n.expand,\r\n.overlay-close-button {\r\n  @include button.tertiary($modifiers: false);\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.overlay-close-button {\r\n  position: absolute;\r\n  inset-block-start: units.$u1;\r\n  inset-inline-end: css-grid.$grid-gutter-width * 0.5;\r\n}\r\n\r\n.content.invisible {\r\n  visibility: hidden;\r\n}\r\n\r\n.viewer-grid-columns {\r\n  position: relative;\r\n}\r\n\r\n.dso-main-panel,\r\n.dso-document-panel {\r\n  .content {\r\n    block-size: 100%;\r\n    padding-block: 0;\r\n    padding-inline: css-grid.$grid-gutter-width * 0.5;\r\n  }\r\n}\r\n\r\n.dso-main-panel {\r\n  background-color: colors.$wit;\r\n  flex-shrink: 0;\r\n  flex-grow: 0;\r\n  position: relative;\r\n  transition:\r\n    flex-basis core-viewer-grid-variables.$transition-time ease-in,\r\n    max-inline-size core-viewer-grid-variables.$transition-time ease-in,\r\n    min-inline-size core-viewer-grid-variables.$transition-time ease-in;\r\n  z-index: zindex.$viewer-grid-main-panel;\r\n\r\n  &.compact,\r\n  &.expanded {\r\n    &.collapsed {\r\n      inset-inline-start: -432px;\r\n    }\r\n  }\r\n\r\n  &.compact,\r\n  &.contracted {\r\n    flex-shrink: unset;\r\n    flex-grow: unset;\r\n    position: absolute;\r\n    transition: none;\r\n  }\r\n\r\n  &.expanded.collapsed {\r\n    position: absolute;\r\n    block-size: 100%;\r\n  }\r\n\r\n  .sizing-buttons,\r\n  .toggle-button {\r\n    inset-inline-start: calc(100% + 1px);\r\n    transition: inset-inline-start core-viewer-grid-variables.$transition-time ease-in;\r\n    padding-block: 0 units.$u1;\r\n    padding-inline: 0 units.$u1 * 0.5;\r\n\r\n    button {\r\n      border-end-end-radius: 4px;\r\n      border-start-end-radius: 4px;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-document-panel {\r\n  background-color: colors.$wit;\r\n  flex-shrink: 0;\r\n  flex-grow: 0;\r\n  position: relative;\r\n  transition:\r\n    flex-basis core-viewer-grid-variables.$transition-time ease-in,\r\n    max-inline-size core-viewer-grid-variables.$transition-time ease-in,\r\n    min-inline-size core-viewer-grid-variables.$transition-time ease-in;\r\n  z-index: zindex.$viewer-grid-main-panel;\r\n\r\n  .sizing-buttons {\r\n    inset-block-start: auto;\r\n    inset-block-end: core-viewer-grid-variables.$sizing-buttons-block-start;\r\n    inset-inline-end: calc(100% + 1px);\r\n    transition: inset-inline-end core-viewer-grid-variables.$transition-time ease-in;\r\n    padding-block: 0 units.$u1;\r\n    padding-inline: units.$u1 * 0.5 0;\r\n\r\n    button {\r\n      border-end-start-radius: 4px;\r\n      border-start-start-radius: 4px;\r\n    }\r\n  }\r\n}\r\n\r\n.sizing-buttons,\r\n.toggle-button {\r\n  overflow-x: hidden;\r\n  position: absolute;\r\n  inset-block-start: core-viewer-grid-variables.$sizing-buttons-block-start;\r\n  inline-size: core-viewer-grid-variables.$resize-button-size + units.$u1 * 0.5;\r\n  z-index: zindex.$viewer-grid-sizing-buttons;\r\n\r\n  button {\r\n    @include button.secondary($modifiers: false, $icon-only: true);\r\n\r\n    // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n    & {\r\n      border: 0;\r\n      padding: 8px;\r\n      border-radius: 0;\r\n      box-shadow: 0 1px units.$u1 * 0.5 0 rgba(0, 0, 0, 0.4);\r\n      flex: 0 0 100%;\r\n      block-size: core-viewer-grid-variables.$resize-button-size;\r\n      min-inline-size: auto;\r\n      inline-size: core-viewer-grid-variables.$resize-button-size;\r\n    }\r\n\r\n    &:hover {\r\n      dso-icon {\r\n        color: colors.$wit;\r\n      }\r\n    }\r\n\r\n    &:focus-visible {\r\n      outline-offset: -1px;\r\n    }\r\n  }\r\n}\r\n\r\n.map {\r\n  block-size: 100%;\r\n  inline-size: 100%;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.filter-panel,\r\n.overlay {\r\n  background-color: colors.$wit;\r\n  border: 0;\r\n  block-size: 100%;\r\n  margin-block: 0;\r\n  max-block-size: 100vh;\r\n  overflow-y: auto;\r\n  z-index: zindex.$viewer-grid-main-panel + 1;\r\n}\r\n\r\n.filter-panel {\r\n  display: block;\r\n  position: absolute;\r\n  padding-block: units.$u1;\r\n  padding-inline: css-grid.$grid-gutter-width * 0.5;\r\n  inset-block-start: 0;\r\n  block-size: 100%;\r\n  inset-inline-start: calc(core-viewer-grid-variables.$filter-panel-max-inline-size * -1);\r\n  inline-size: 100%;\r\n  transition: inset-inline-start core-viewer-grid-variables.$transition-time ease-in;\r\n\r\n  @media screen and (max-width: core-viewer-grid-variables.$filter-panel-inline-size) {\r\n    inline-size: 100vw;\r\n\r\n    &::before {\r\n      display: none !important;\r\n    }\r\n  }\r\n\r\n  @media screen and (min-width: #{media-query-breakpoints.$screen-md-min}) {\r\n    max-inline-size: core-viewer-grid-variables.$filter-panel-max-inline-size;\r\n  }\r\n\r\n  &[open] {\r\n    inset-inline-start: 0;\r\n    box-shadow: none;\r\n    border-inline-end: 1px solid core-viewer-grid-variables.$filter-panel-border-color;\r\n  }\r\n\r\n  h3 {\r\n    color: colors.$bosgroen;\r\n  }\r\n\r\n  .dso-close {\r\n    @include button.element();\r\n\r\n    position: absolute;\r\n    inset-block-start: units.$u2;\r\n    inset-inline-end: units.$u2;\r\n\r\n    block-size: units.$u4;\r\n    inline-size: units.$u4;\r\n\r\n    padding: 0;\r\n\r\n    background-color: transparent;\r\n\r\n    border: 0;\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n.overlay {\r\n  padding-block: units.$u5 units.$u1;\r\n  padding-inline: css-grid.$grid-gutter-width * 0.5;\r\n  inset-inline-end: 0;\r\n  inline-size: core-viewer-grid-variables.$overlay-inline-size;\r\n\r\n  &::backdrop {\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n  }\r\n\r\n  @media screen and (max-width: core-viewer-grid-variables.$overlay-inline-size) {\r\n    inline-size: 100vw;\r\n  }\r\n}\r\n\r\n@media screen and (min-width: #{media-query-breakpoints.$screen-sm-min + units.$u5}) {\r\n  :host([main-size=\"small\"]) .dso-main-panel,\r\n  :host([document-panel-size=\"small\"]) .dso-document-panel {\r\n    flex-basis: core-viewer-grid-variables.$small;\r\n    min-inline-size: 0;\r\n    max-inline-size: core-viewer-grid-variables.$small;\r\n\r\n    @media screen and (max-width: core-viewer-grid-variables.$small) {\r\n      flex-basis: 100vw;\r\n      max-inline-size: 100vw;\r\n      min-inline-size: 0;\r\n      transition: none;\r\n    }\r\n  }\r\n\r\n  :host([main-size=\"medium\"]) .dso-main-panel,\r\n  :host([document-panel-size=\"medium\"]) .dso-document-panel {\r\n    flex-basis: core-viewer-grid-variables.$medium;\r\n    min-inline-size: core-viewer-grid-variables.$small;\r\n    max-inline-size: core-viewer-grid-variables.$medium;\r\n\r\n    @media screen and (max-width: core-viewer-grid-variables.$medium) {\r\n      flex-basis: 100vw;\r\n      max-inline-size: 100vw;\r\n      min-inline-size: core-viewer-grid-variables.$small;\r\n      transition: none;\r\n    }\r\n  }\r\n\r\n  :host([main-size=\"large\"]) .dso-main-panel,\r\n  :host([document-panel-size=\"large\"]) .dso-document-panel {\r\n    flex-basis: core-viewer-grid-variables.$large;\r\n    min-inline-size: core-viewer-grid-variables.$large-min;\r\n    max-inline-size: core-viewer-grid-variables.$large-max;\r\n\r\n    @media screen and (max-width: core-viewer-grid-variables.$large-min) {\r\n      flex-basis: 100vw;\r\n      max-inline-size: 100vw;\r\n      min-inline-size: core-viewer-grid-variables.$large-min;\r\n      transition: none;\r\n    }\r\n  }\r\n\r\n  :host {\r\n    display: flex;\r\n    flex-direction: column;\r\n    block-size: 100vh;\r\n    overflow: clip;\r\n    position: relative;\r\n\r\n    .dso-main-panel.compact,\r\n    .dso-main-panel.expanded {\r\n      flex-basis: unset;\r\n      min-inline-size: unset;\r\n      max-inline-size: unset;\r\n      inline-size: 440px;\r\n    }\r\n\r\n    .viewer-grid-columns {\r\n      display: flex;\r\n      overflow: hidden;\r\n      flex-grow: 1;\r\n    }\r\n  }\r\n\r\n  .dso-main-panel,\r\n  .dso-document-panel {\r\n    box-shadow: units.$u1 * 0.25 0 units.$u1 0 rgba(0, 0, 0, 0.4);\r\n\r\n    .content {\r\n      overflow-y: auto;\r\n    }\r\n  }\r\n\r\n  .filter-panel {\r\n    margin-inline: 0 auto;\r\n    inline-size: calc(100vw - 40px);\r\n\r\n    &[open] {\r\n      border-inline-end: 1px solid core-viewer-grid-variables.$filter-panel-border-color;\r\n    }\r\n  }\r\n\r\n  .overlay {\r\n    box-shadow: -2px 0 5px colors.$grijs-60;\r\n    margin-inline: auto 0;\r\n  }\r\n\r\n  @media screen and (max-width: #{media-query-breakpoints.$screen-sm-max + units.$u5 + 0.99}) {\r\n    :host([filter-panel-open]) {\r\n      .dso-main-panel {\r\n        margin-inline-start: core-viewer-grid-variables.$filter-panel-max-inline-size;\r\n        max-inline-size: calc(100vw - #{core-viewer-grid-variables.$filter-panel-max-inline-size});\r\n      }\r\n    }\r\n\r\n    .filter-panel {\r\n      inline-size: core-viewer-grid-variables.$filter-panel-max-inline-size;\r\n      inset-inline-start: -(core-viewer-grid-variables.$filter-panel-max-inline-size);\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (max-width: #{media-query-breakpoints.$screen-xs-max + units.$u5 + 0.99}) {\r\n  @include navbar.root();\r\n\r\n  .dso-navbar {\r\n    padding-inline: units.$u2;\r\n  }\r\n\r\n  .dso-nav {\r\n    @include navbar.nav-border();\r\n\r\n    display: flex;\r\n    gap: units.$u2;\r\n    margin-block-start: 0;\r\n    inline-size: calc(100vw - units.$u4);\r\n  }\r\n\r\n  .dso-tertiary {\r\n    @include button.tertiary($modifiers: false);\r\n\r\n    // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n    & {\r\n      font-weight: 300;\r\n    }\r\n  }\r\n\r\n  .filter-panel,\r\n  .overlay {\r\n    margin-inline: 0;\r\n    max-inline-size: 100vw;\r\n    inset-block-start: 0;\r\n    inline-size: 100vw;\r\n  }\r\n\r\n  .filter-panel {\r\n    inset-inline-start: -100vw;\r\n  }\r\n}\r\n\r\n@media screen and (min-width: #{media-query-breakpoints.$screen-md-min}) {\r\n  :host([filter-panel-open]) {\r\n    .dso-main-panel {\r\n      margin-inline-start: core-viewer-grid-variables.$filter-panel-max-inline-size;\r\n    }\r\n  }\r\n}\r\n","import { Component, Element, Event, EventEmitter, Fragment, Method, Prop, State, Watch, h } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport debounce from \"debounce\";\r\n\r\nimport { DocumentPanel, FilterPanel, MainPanel, Overlay } from \"./components\";\r\nimport {\r\n  ViewerGridActiveTabSwitchEvent,\r\n  ViewerGridChangeSizeAnimationEndEvent,\r\n  ViewerGridChangeSizeEvent,\r\n  ViewerGridCloseFilterPanelEvent,\r\n  ViewerGridCloseOverlayEvent,\r\n  ViewerGridMainToggleEvent,\r\n  ViewerGridPanelSize,\r\n  ViewerGridTab,\r\n  viewerGridTabLabelMap,\r\n  viewerGridTabs,\r\n} from \"./viewer-grid.interfaces\";\r\n\r\nconst resizeObserver = new ResizeObserver(\r\n  debounce(([entry]) => {\r\n    const shadowRoot = entry?.target.getRootNode();\r\n    if (shadowRoot instanceof ShadowRoot && isDsoViewerGridComponent(shadowRoot.host)) {\r\n      shadowRoot.host._checkMainPanelVisibility();\r\n    }\r\n  }, 50),\r\n);\r\n\r\nfunction isDsoViewerGridComponent(element: Element): element is HTMLDsoViewerGridElement {\r\n  return element.tagName === \"DSO-VIEWER-GRID\";\r\n}\r\n\r\nconst buttonWidth = 40;\r\n\r\nconst tabViewBreakpoint = 768 + buttonWidth;\r\n\r\nconst minMapElementWidth = 440;\r\n\r\n/**\r\n * @slot top-bar - Een slot die bovenaan de viewer over de hele breedte kan worden gevuld met bijv een banner.\r\n * @slot main\r\n * @slot map\r\n * @slot filter-panel\r\n * @slot overlay\r\n * @slot document-panel\r\n */\r\n@Component({\r\n  tag: \"dso-viewer-grid\",\r\n  styleUrl: \"viewer-grid.scss\",\r\n  shadow: true,\r\n})\r\nexport class ViewerGrid {\r\n  private mediaCondition = `(min-width: ${tabViewBreakpoint}px)`;\r\n\r\n  private mapElement?: HTMLDivElement;\r\n\r\n  /**\r\n   * The title of the filter panel\r\n   */\r\n  @Prop({ reflect: true })\r\n  filterPanelTitle?: string;\r\n\r\n  /**\r\n   * Set to true when filter panel should show.\r\n   */\r\n  @Prop({ reflect: true })\r\n  filterPanelOpen = false;\r\n\r\n  /**\r\n   * Set to true when overlay should show.\r\n   */\r\n  @Prop({ reflect: true })\r\n  overlayOpen = false;\r\n\r\n  /**\r\n   * Set to true when document panel should show.\r\n   */\r\n  @Prop({ reflect: true })\r\n  documentPanelOpen = false;\r\n\r\n  /**\r\n   * Size of the panel when component loads.\r\n   *\r\n   * Default size is `large`.\r\n   */\r\n  @Prop({ reflect: true })\r\n  mainSize: ViewerGridPanelSize = \"large\";\r\n\r\n  /**\r\n   * Set active tab in tab view.\r\n   */\r\n  @Prop()\r\n  activeTab?: ViewerGridTab;\r\n\r\n  /**\r\n   * Size of the panel when component loads.\r\n   *\r\n   * Default size is `large`.\r\n   */\r\n  @Prop({ reflect: true })\r\n  documentPanelSize: ViewerGridPanelSize = \"large\";\r\n\r\n  /**\r\n   * Set to show main panel expanded.\r\n   */\r\n  @Prop()\r\n  mainPanelExpanded = false;\r\n\r\n  /**\r\n   * Set to hide the main panel.\r\n   */\r\n  @Prop()\r\n  mainPanelHidden = false;\r\n\r\n  /**\r\n   * Emitted when user wants to close the overlay.\r\n   */\r\n  @Event()\r\n  dsoCloseOverlay!: EventEmitter<ViewerGridCloseOverlayEvent>;\r\n\r\n  /**\r\n   * Emitted when user wants to close the filter panel.\r\n   */\r\n  @Event()\r\n  dsoCloseFilterPanel!: EventEmitter<ViewerGridCloseFilterPanelEvent>;\r\n\r\n  /**\r\n   * Emitted when user applies filter panel options.\r\n   */\r\n  @Event()\r\n  dsoActiveTabSwitch!: EventEmitter<ViewerGridActiveTabSwitchEvent>;\r\n\r\n  /**\r\n   * Emitted after main size animation.\r\n   */\r\n  @Event()\r\n  dsoMainSizeChangeAnimationEnd!: EventEmitter<ViewerGridChangeSizeAnimationEndEvent>;\r\n\r\n  /**\r\n   * Emitted on interaction with sizing buttons.\r\n   */\r\n  @Event()\r\n  dsoDocumentPanelSizeChange!: EventEmitter<ViewerGridChangeSizeEvent>;\r\n\r\n  /**\r\n   * Emitted after main size animation.\r\n   */\r\n  @Event()\r\n  dsoDocumentPanelSizeChangeAnimationEnd!: EventEmitter<ViewerGridChangeSizeAnimationEndEvent>;\r\n\r\n  /**\r\n   * Emitted when the user toggles the visibility of the main panel.\r\n   *\r\n   * Also emitted by scripting when the panels do not fit anymore.\r\n   */\r\n  @Event()\r\n  dsoMainPanelToggle!: EventEmitter<ViewerGridMainToggleEvent>;\r\n\r\n  @Element()\r\n  host!: HTMLDsoViewerGridElement;\r\n\r\n  @State()\r\n  tabView = window.innerWidth < tabViewBreakpoint;\r\n\r\n  private filterPanel: HTMLDialogElement | undefined;\r\n\r\n  private get filterPanelSlot() {\r\n    return this.host.querySelector(\"[slot='filter-panel']\");\r\n  }\r\n\r\n  private get overlaySlot() {\r\n    return this.host.querySelector(\"[slot='overlay']\");\r\n  }\r\n\r\n  private overlay: HTMLDialogElement | undefined;\r\n\r\n  @Watch(\"documentPanelOpen\")\r\n  documentPanelOpenWatcher(open: boolean) {\r\n    if (open) {\r\n      this._checkMainPanelVisibility();\r\n    }\r\n  }\r\n\r\n  @Watch(\"filterPanelOpen\")\r\n  filterPanelOpenWatcher(open: boolean) {\r\n    if (!this.filterPanelSlot) {\r\n      console.warn(\"slot 'filter-panel' has not been set\");\r\n    }\r\n\r\n    if (open) {\r\n      this.filterPanel?.show();\r\n    } else {\r\n      this.filterPanel?.close();\r\n    }\r\n  }\r\n\r\n  @Watch(\"overlayOpen\")\r\n  overlayOpenWatcher(open: boolean) {\r\n    if (!this.overlaySlot) {\r\n      console.warn(\"slot 'overlay' has not been set\");\r\n    }\r\n\r\n    if (open) {\r\n      this.overlay?.showModal();\r\n    } else {\r\n      this.overlay?.close();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @internal\r\n   */\r\n  @Method()\r\n  async _checkMainPanelVisibility() {\r\n    if (\r\n      this.documentPanelOpen &&\r\n      !this.mainPanelHidden &&\r\n      this.mapElement instanceof HTMLDivElement &&\r\n      ((this.mapElement.clientWidth <= minMapElementWidth + buttonWidth + buttonWidth && !this.mainPanelExpanded) ||\r\n        (this.mapElement.clientWidth <= buttonWidth + buttonWidth && this.mainPanelExpanded))\r\n    ) {\r\n      this.dsoMainPanelToggle.emit({\r\n        hide: true,\r\n      });\r\n    }\r\n  }\r\n\r\n  private switchActiveTab = (tab: ViewerGridTab) => {\r\n    this.dsoActiveTabSwitch.emit({\r\n      tab,\r\n    });\r\n  };\r\n\r\n  private shrinkDocumentPanel = () => {\r\n    this.dsoDocumentPanelSizeChange.emit({\r\n      currentSize: this.documentPanelSize,\r\n      nextSize: this.documentPanelSize === \"large\" ? \"medium\" : \"small\",\r\n    });\r\n  };\r\n\r\n  private expandDocumentPanel = () => {\r\n    this.dsoDocumentPanelSizeChange.emit({\r\n      currentSize: this.documentPanelSize,\r\n      nextSize: this.documentPanelSize === \"small\" ? \"medium\" : \"large\",\r\n    });\r\n  };\r\n\r\n  private toggleMainPanel = () => {\r\n    if (\r\n      this.mapElement instanceof HTMLDivElement &&\r\n      this.mapElement.clientWidth <= minMapElementWidth + buttonWidth + buttonWidth\r\n    ) {\r\n      this.mainSize = \"small\";\r\n    }\r\n\r\n    this.dsoMainPanelToggle.emit({\r\n      hide: !this.mainPanelHidden,\r\n    });\r\n  };\r\n\r\n  private changeListener = (largeScreen: MediaQueryListEvent) => (this.tabView = !largeScreen.matches);\r\n\r\n  connectedCallback() {\r\n    window.matchMedia(this.mediaCondition).addEventListener(\"change\", this.changeListener);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    if (this.filterPanelOpen && this.filterPanelSlot) {\r\n      this.filterPanel?.show();\r\n    }\r\n\r\n    if (this.overlayOpen && this.overlaySlot) {\r\n      this.overlay?.showModal();\r\n    }\r\n\r\n    if (this.mapElement instanceof HTMLDivElement) {\r\n      resizeObserver.observe(this.mapElement);\r\n    }\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    window.matchMedia(this.mediaCondition).removeEventListener(\"change\", this.changeListener);\r\n\r\n    if (this.mapElement) {\r\n      resizeObserver.unobserve(this.mapElement);\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        <slot name=\"top-bar\" />\r\n        <div class=\"viewer-grid-columns\">\r\n          {this.tabView && (\r\n            <nav class=\"dso-navbar\">\r\n              <ul class=\"dso-nav dso-nav-sub\">\r\n                {viewerGridTabs.map((tab) => (\r\n                  <li key={tab} class={clsx({ \"dso-active\": this.activeTab === tab })}>\r\n                    <button type=\"button\" class=\"dso-tertiary\" onClick={() => this.switchActiveTab(tab)}>\r\n                      {viewerGridTabLabelMap[tab]}\r\n                    </button>\r\n                  </li>\r\n                ))}\r\n              </ul>\r\n            </nav>\r\n          )}\r\n          {(!this.tabView || (this.tabView && this.activeTab === \"search\")) && (\r\n            <MainPanel\r\n              tabView={this.tabView}\r\n              mainSize={this.mainSize}\r\n              documentPanelOpen={this.documentPanelOpen}\r\n              mainPanelExpanded={this.mainPanelExpanded}\r\n              mainPanelHidden={this.mainPanelHidden}\r\n              toggleMainPanel={this.toggleMainPanel}\r\n              dsoMainSizeChangeAnimationEnd={this.dsoMainSizeChangeAnimationEnd}\r\n            ></MainPanel>\r\n          )}\r\n          {(!this.tabView || (this.tabView && this.activeTab === \"search\")) && (\r\n            <FilterPanel\r\n              title={this.filterPanelTitle}\r\n              ref={(element) => (this.filterPanel = element)}\r\n              dsoCloseFilterPanel={(e) => this.dsoCloseFilterPanel.emit({ originalEvent: e })}\r\n            ></FilterPanel>\r\n          )}\r\n          {(!this.tabView || (this.tabView && this.activeTab === \"map\")) && (\r\n            <div class=\"map\" ref={(element) => (this.mapElement = element)}>\r\n              <slot name=\"map\" />\r\n            </div>\r\n          )}\r\n          {((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === \"document\")) && (\r\n            <DocumentPanel\r\n              tabView={this.tabView}\r\n              panelSize={this.documentPanelSize}\r\n              shrinkDocumentPanel={this.shrinkDocumentPanel}\r\n              expandDocumentPanel={this.expandDocumentPanel}\r\n              dsoDocumentPanelSizeChangeAnimationEnd={this.dsoDocumentPanelSizeChangeAnimationEnd}\r\n            ></DocumentPanel>\r\n          )}\r\n          <Overlay\r\n            ref={(element) => (this.overlay = element)}\r\n            dsoCloseOverlay={(e) => this.dsoCloseOverlay.emit({ originalEvent: e })}\r\n          ></Overlay>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/dso-toolkit/p-d45bf6f4.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as r,h as e,F as a,g as i}from"./p-DxWmN7gh.js";import{A as d}from"./p-CtC5362R.js";import{w as n,A as t,a as s}from"./p-Dk013L7v.js";import{A as l}from"./p-Ah0-aaXh.js";const c='a{background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a :is(dso-icon,svg.di)+span,a span+:is(dso-icon,svg.di){margin-inline-start:8px}a .sr-only+:is(dso-icon,svg.di){margin-inline-start:0}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom 0 right 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom 0 right 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom 0 left 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom 0 left 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-image:var(--_dso-di-background-image, url("./di.svg#email-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#email-scampi"))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}:host([wijzigactie=voegtoe]){box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5)}:host([wijzigactie=verwijder]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}:host([wijzigactie=verwijder]){text-decoration:line-through}@media screen and (min--moz-device-pixel-ratio: 0){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}';const g=class{constructor(e){o(this,e);this.dsoActiveChange=r(this,"dsoActiveChange",7);this.watcher=n(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return e(d,{key:"7b118d1c32131742b38869b59683942e1d6f78e9",symbol:o?e(s,null):undefined,active:this.active||false,dsoActiveChange:this.dsoActiveChange,title:e(a,null,e("dso-renvooi",{value:this.naam}),this.eenheid&&e(a,null," ","(in ",e("dso-renvooi",{value:this.eenheid}),")")),data:e(a,null,e("span",{class:"content"},this.toelichting&&e(a,null,this.toelichting),this.waardes&&this.waardes.length>0&&e(a,null,": ",e(l,{values:this.waardes}))),this.gewijzigdeLocatie&&e(t,null))})}get host(){return i(this)}};g.style=c;export{g as dso_annotation_omgevingsnormwaarde};
-//# sourceMappingURL=p-d45bf6f4.entry.js.map

package/dist/dso-toolkit/p-e1801352.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as o}from"./p-DxWmN7gh.js";import{c as e}from"./p-ChV9xqsO.js";const c=":host{display:block}*,*::after,*::before{box-sizing:border-box}.dso-banner{padding-block:16px;padding-inline:0;position:relative}.dso-banner.dso-compact{padding-block:12px;padding-inline:0}";const a=class{constructor(o){s(this,o);this.compact=false;this.icon=false}render(){return o("section",{key:"6ec542fbb7b329d79fb6065c74be3c30edaa5bcc",class:e("dso-banner",`alert-${this.status}`,{"dso-compact":this.compact}),role:"alert"},o("slot",{key:"c940029d0ad0ec681811cd6bb68446ccd41878c9"}))}};a.style=c;export{a as dso_banner};
-//# sourceMappingURL=p-e1801352.entry.js.map

package/dist/dso-toolkit/p-e798a831.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as i,h as e,F as t,g as n}from"./p-DxWmN7gh.js";import{c as r}from"./p-ChV9xqsO.js";import{c as a}from"./p-BocpUT46.js";import{t as s}from"./p-Pk8qng7t.js";import{i as l}from"./p-Hgv-pDpy.js";const c=':host{display:block}*,*::after,*::before{box-sizing:border-box}.active-option{display:flex;inline-size:100%;justify-content:flex-start;align-items:center;padding:0;border:1px solid #275937;border-radius:4px;cursor:pointer;background-color:#fff;line-height:inherit;font-family:inherit;font-size:inherit}.active-option.open{border-radius:4px 4px 0 0}.active-option dso-icon{color:#275937}.active-option dso-label{margin-inline-start:8px}.active-option-label{padding-block:4px;padding-inline:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.active-option-aside{display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:8px;margin-inline-start:auto}.badges{display:flex;justify-content:space-between;align-items:center;gap:4px}.groups-container{position:relative;z-index:200}.groups{position:absolute;inset-block-start:-1px;inset-inline-start:0;inline-size:100%;max-block-size:500px;margin:0;padding:0;overflow-y:auto;background-color:#fff;border:1px solid #275937;border-radius:0 0 4px 4px}.groups li::marker{display:none}.group{border-block-end:1px solid #ccc}.group:last-child{border-block-end:none}.group .option{padding-inline-start:37px}.group .option-label::before{content:"";position:absolute;display:block;block-size:10px;inline-size:10px;inset-block:4px auto;inset-inline:-20px auto;border-radius:50%}.group .option-label::before{background-color:#ccc;border-color:#ccc;color:#191919}.group-label{margin:0;padding-block:4px;padding-inline:16px;color:#666;font-size:14px;font-weight:500;border-block-end:1px solid #ccc}.group-link{display:block;padding-block:8px;padding-inline:4px;text-align:end;color:#000;text-decoration:none}.group-link:hover{text-decoration:underline}.group-link dso-icon{color:#39870c}.group-info .option-label::before{background-color:#6ca4d9;border-color:#6ca4d9;color:#191919}.group-primary .option-label::before{background-color:#275937;border-color:#275937;color:#fff}.group-success .option-label::before{background-color:#39870c;border-color:#39870c;color:#fff}.group-warning .option-label::before{background-color:#dcd400;border-color:#dcd400;color:#191919}.group-error .option-label::before{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.group-attention .option-label::before{background-color:#8b4a6a;border-color:#8b4a6a;color:#fff}.options{margin:0;padding:0}.option{display:block;inline-size:100%;padding-block:8px;padding-inline:16px;cursor:pointer;line-height:inherit;font-family:inherit;font-size:inherit;border:none;text-align:start;background-color:#fff}.option:hover{background-color:#ebf3e6}.option:hover .option-label{color:#39870c;font-weight:bold}.option.option-active .option-label{color:#39870c;font-weight:bold;text-decoration:underline}.option-label{position:relative;color:#000;font-size:Asap, sans-serif;font-weight:400}.option-hint{padding-inline-start:5px;color:#39870c;font-size:Asap, sans-serif;font-weight:bold}.placeholder{margin:0;padding-block:8px;padding-inline:16px;color:#666}';const p=class{constructor(e){o(this,e);this.dsoChange=i(this,"dsoChange",3);this.dsoRedirect=i(this,"dsoRedirect",3);this.options=[];this.open=false;this.toggleOpen=()=>{this.open=!this.open};this.handleOptionClick=(o,i)=>{this.dsoChange.emit({originalEvent:o,option:i});this.open=false};this.handleRedirectClick=(o,i)=>{this.dsoRedirect.emit({originalEvent:o,isModifiedEvent:l(o),redirect:i});this.open=false}}keyDownListener(o){if(this.open&&o.key==="ArrowUp"){o.preventDefault();this.handleTab(-1)}else if(this.open&&o.key==="ArrowDown"){o.preventDefault();this.handleTab(1)}}componentDidRender(){if(this.open&&!this.trap){this.createTrap()}else if(!this.open&&this.trap){this.removeTrap()}}createTrap(){this.trap=a(this.host,{clickOutsideDeactivates:true,escapeDeactivates:true,setReturnFocus:this.toggleButtonElementRef,tabbableOptions:{getShadowRoot:true},onDeactivate:()=>{this.open=false}}).activate()}removeTrap(){var o;(o=this.trap)===null||o===void 0?void 0:o.deactivate();delete this.trap}handleTab(o){var i;const e=this.host.isConnected?s(this.host,{getShadowRoot:true}):[];const t=e.findIndex((o=>{var i;return o===((i=this.host.shadowRoot)===null||i===void 0?void 0:i.activeElement)}));let n=t+o;if(n>=e.length){n=0}else if(n<0){n=e.length-1}(i=e[n])===null||i===void 0?void 0:i.focus()}render(){var o,i;return e(t,null,e("button",{key:"57d5cbcc817c119c470a08d43b92832bed397a2a","aria-expanded":this.open.toString(),class:r(["active-option",{open:this.open}]),type:"button",onClick:this.toggleOpen,ref:o=>this.toggleButtonElementRef=o},e(f,{key:"b91590eabccc667dcaf3e331522dfe90c8b137e6",active:this.active,options:this.options}),e("span",{key:"ef0cff05fac02406b2e4df6b762a917044554a16",class:"active-option-label"},(i=(o=this.active)===null||o===void 0?void 0:o.label)!==null&&i!==void 0?i:"Selecteer een optie"),e("span",{key:"61b2dda775ac610cc3c36e2e8795e58efaafb3fd",class:"active-option-aside"},this.options.some((o=>"summaryCounter"in o&&(o===null||o===void 0?void 0:o.summaryCounter)))&&e("span",{key:"e264d64ad86adf4a8daa5fe3be4d20815f4468c3",class:"badges"},this.options.filter((o=>"options"in o&&"summaryCounter"in o&&!!(o===null||o===void 0?void 0:o.summaryCounter))).map((o=>{var i;return e("dso-badge",{status:(i=o.variant)!==null&&i!==void 0?i:"outline"},o.options.length)}))),e("dso-icon",{key:"cb475802c2552024418f1911d442ac05b9cf4791",icon:"caret-down"}))),this.open&&e("div",{key:"19b91e26c714cdcd810f7be9cde41da1e1b8598f",class:"groups-container"},e("ul",{key:"ca00d61058824d3f3eb29f15b77d52ecf9d7e605",class:"groups"},this.options.map((o=>"options"in o&&e("li",{class:r(["group",{[`group-${o.variant}`]:!!o.variant}])},e("p",{class:"group-label"},o.label),e("ul",{class:"options"},o.options.map((o=>e("li",null,e(d,{option:o,active:this.active,activeHint:this.activeHint,callback:this.handleOptionClick}))))),o.redirect&&e(b,{redirect:o.redirect,callback:this.handleRedirectClick}))||"placeholder"in o&&e("li",{class:"group"},e("p",{class:"group-label"},o.label),e("p",{class:"placeholder"},o.placeholder),o.redirect&&e(b,{redirect:o.redirect,callback:this.handleRedirectClick}))||e("li",null,e(d,{option:o,active:this.active,activeHint:this.activeHint,callback:this.handleOptionClick})))))))}get host(){return n(this)}};const d=({option:o,active:i,activeHint:t,callback:n})=>e("button",{class:r(["option",{"option-active":i===o}]),type:"button",onClick:i=>n(i,o)},e("span",{class:"option-label"},o.label),!!t&&i===o&&e("span",{class:"option-hint"},"(",t,")"));const b=({redirect:o,callback:i})=>e("a",{class:"group-link",href:o.href,onClick:e=>i(e,o)},o.label,e("dso-icon",{icon:"chevron-right"}));const f=({active:o,options:i})=>{const t=i.find((i=>"options"in i&&!!i.options.find((i=>i===o))&&!!i.activeLabel));return t&&e("dso-label",{compact:true,status:t.variant},t.activeLabel)};p.style=c;export{p as dso_advanced_select};
-//# sourceMappingURL=p-e798a831.entry.js.map

package/dist/dso-toolkit/p-f14e03b2.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as o,h as i}from"./p-DxWmN7gh.js";const n="*,*::after,*::before{box-sizing:border-box}:host{display:block;background-color:#fff}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-mark-bar{display:flex;flex-grow:1}.dso-mark-bar .dso-mark-bar-input{display:flex;position:relative;inline-size:100%}.dso-mark-bar .dso-mark-bar-input input{background-color:transparent;background-image:none;border:1px solid #275937;border-radius:4px;border-width:1px;box-shadow:none;display:block;font-size:1rem;block-size:2.5rem;line-height:2.5rem;padding-inline:2.5rem;padding-block:6px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;inline-size:100%;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}.dso-mark-bar .dso-mark-bar-input input:focus{border-color:#275937;box-shadow:inset 0 0 0 1px #275937;outline:0}.dso-mark-bar .dso-mark-bar-input input::-ms-clear{display:none}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label{inline-size:2.5rem;padding-inline-end:8px}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label .label-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-mark-bar .dso-mark-bar-input label{inset-block-end:8px;block-size:2.5rem;inset-inline-start:0;inset-inline-end:40px;padding-block:8px;padding-inline-start:8px;cursor:text;position:absolute;inset-block-start:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.dso-mark-bar .dso-mark-bar-input label dso-icon{color:#39870c;cursor:default;margin:-8px;padding:8px;inline-size:2.5rem;block-size:2.5rem}.dso-mark-bar .dso-mark-bar-input label .label-text{margin-inline-start:8px;color:#666}.dso-mark-bar .dso-mark-bar-input button{background-color:transparent;border:0;box-shadow:none;color:#39870c;font-size:0;block-size:2.5rem;padding:8px;position:absolute;inset-inline-end:0;text-align:center;inset-block-start:0;inline-size:2.5rem;cursor:pointer}.dso-button-container{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;padding-inline:8px;border:1px solid #275937;border-inline-start:0;border-start-end-radius:4px;border-end-end-radius:4px}.dso-button-container button{appearance:none;padding:0;border:0;background-color:transparent;color:#39870c;cursor:pointer}.dso-button-container button:disabled{color:#ccc;cursor:default}.dso-button-container .divider{position:absolute;inset-inline-start:0;inset-block-start:8px;inset-block-end:8px;inline-size:1px;background-color:#ccc}";const a=class{constructor(i){e(this,i);this.dsoInput=o(this,"dsoInput",3);this.dsoNext=o(this,"dsoNext",3);this.dsoPrevious=o(this,"dsoPrevious",3);this.dsoClear=o(this,"dsoClear",3);this.label="Zoeken in document";this.handleInput=e=>{if(!(e.target instanceof HTMLInputElement)){return}this.dsoInput.emit({originalEvent:e,value:e.target.value})};this.handleNext=e=>{this.dsoNext.emit({originalEvent:e})};this.handlePrevious=e=>{this.dsoPrevious.emit({originalEvent:e})};this.handleClear=e=>{this.dsoClear.emit({originalEvent:e})};this.handleKeyDown=e=>{if(e.key==="Enter"){this.handleNext(e)}}}async dsoFocus(e={}){var o,i;(o=this.inputElement)===null||o===void 0?void 0:o.focus();if(e.select){(i=this.inputElement)===null||i===void 0?void 0:i.select()}}render(){const e=this.current||0;const o=this.totalCount||0;return i("div",{key:"2f51683143ed7aa90d6f0044dbf24d596d49e74f",class:"dso-mark-bar"},i("div",{key:"1b87e93d4ce02bdcae6e815d3cd9bb968faa57be",class:"dso-mark-bar-input"},i("input",{key:"96356e9e9267ee62d28a36c2340b3958376d682d",type:"text",id:"search-input",value:this.value,onInput:this.handleInput,onKeyDown:this.handleKeyDown,placeholder:" ",ref:e=>this.inputElement=e}),i("label",{key:"0da995f04b6511ec4124c9fa057cefcab0a20fe3",htmlFor:"search-input"},i("dso-icon",{key:"aa8bc72680f66e606f97adb8226533901bde6754",class:"dso-search-icon",icon:"search"}),i("span",{key:"ef559fce9b3d6b9d30e5460c6f28f30247afbc74",class:"label-text"},this.label)),i("button",{key:"101773deeea9de62c7b829ec788b4aa340976be0",type:"button",onClick:this.handleClear},i("dso-icon",{key:"b89bdc25831d8120eff3ebbb6ceba176b1af94ba",icon:"times"}),i("span",{key:"1dbdcf998680aa61f577f607404f02e9665c14fd",class:"sr-only"},"Zoekopdracht legen"))),i("div",{key:"7e5043c8f809bdec3b57b033c1369582d79d7249",class:"dso-button-container"},i("span",{key:"027b49834f3d580243e23403077840abf9ba6ad4",class:"divider"}),i("button",{key:"d38ebf15cd7a998505d1df8c0724c65d33e715f6",type:"button",onClick:this.handlePrevious,disabled:e<=1},i("dso-icon",{key:"eb3411f5cf1007511acbadd112dbb0449eef19da",icon:"chevron-up",class:"hydrated"}),i("span",{key:"2542f599f27907a0ffa4256ae4221e4e0dfc7b44",class:"sr-only"},"Vorig zoekresultaat")),i("span",{key:"90ccd55aa3c165c72d270bf93dd78b81a7a262bd"},e,"/",o),i("button",{key:"3dd64af25d3c4886aea790fb1537bd1e251db5bf",type:"button",onClick:this.handleNext,disabled:e>=o},i("dso-icon",{key:"9aaaed878d2514e31d454e864082f9e25474cb04",icon:"chevron-down",class:"hydrated"}),i("span",{key:"a5a142f4bee91e8bbf491801e8b4a54b2340cbc4",class:"sr-only"},"Volgend zoekresultaat"))))}};a.style=n;export{a as dso_mark_bar};
-//# sourceMappingURL=p-f14e03b2.entry.js.map

package/dist/dso-toolkit/p-f14e03b2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["markBarCss","MarkBar","constructor","hostRef","this","label","handleInput","e","target","HTMLInputElement","dsoInput","emit","originalEvent","value","handleNext","dsoNext","handlePrevious","dsoPrevious","handleClear","dsoClear","handleKeyDown","key","dsoFocus","options","_a","inputElement","focus","select","_b","render","current","totalCount","h","class","type","id","onInput","onKeyDown","placeholder","ref","element","htmlFor","icon","onClick","disabled"],"sources":["src/components/mark-bar/mark-bar.scss?tag=dso-mark-bar&encapsulation=shadow","src/components/mark-bar/mark-bar.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/scaffolding\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n@use \"~dso-toolkit/src/components/form-control\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n  display: block;\r\n  background-color: colors.$wit;\r\n}\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n$block-size: units.$ru5;\r\n$focus-border-width: 1px;\r\n\r\n.dso-mark-bar {\r\n  display: flex;\r\n  flex-grow: 1;\r\n\r\n  .dso-mark-bar-input {\r\n    display: flex;\r\n    position: relative;\r\n    inline-size: 100%;\r\n\r\n    input {\r\n      background-color: transparent;\r\n      background-image: none;\r\n      border: 1px solid form-control.$focus-border-color;\r\n      border-radius: 4px;\r\n      border-width: 1px;\r\n      box-shadow: none;\r\n      display: block;\r\n      font-size: typography.$root-font-size-base;\r\n      block-size: $block-size;\r\n      line-height: $block-size;\r\n      padding-inline: $block-size;\r\n      padding-block: 6px;\r\n      transition:\r\n        border-color ease-in-out 0.15s,\r\n        box-shadow ease-in-out 0.15s;\r\n      inline-size: 100%;\r\n      border-start-end-radius: 0;\r\n      border-end-end-radius: 0;\r\n      border-inline-end: 0;\r\n\r\n      &:focus {\r\n        border-color: form-control.$focus-border-color;\r\n        box-shadow: inset 0 0 0 form-control.$focus-border-width form-control.$focus-border-color;\r\n        outline: 0;\r\n      }\r\n\r\n      &::-ms-clear {\r\n        display: none;\r\n      }\r\n\r\n      &:not(:placeholder-shown) + label {\r\n        inline-size: $block-size;\r\n        padding-inline-end: units.$u1;\r\n\r\n        .label-text {\r\n          @include utilities.sr-only();\r\n        }\r\n      }\r\n    }\r\n\r\n    label {\r\n      inset-block-end: units.$u1;\r\n      block-size: $block-size;\r\n      inset-inline-start: 0;\r\n      inset-inline-end: units.$u5;\r\n      padding-block: units.$u1;\r\n      padding-inline-start: units.$u1;\r\n      cursor: text;\r\n      position: absolute;\r\n      inset-block-start: 0;\r\n      overflow: hidden;\r\n      /* stylelint-disable declaration-property-value-disallowed-list -- The following properties are needed to emulate the browser native placeholder attribute behavior */\r\n      white-space: nowrap;\r\n      text-overflow: ellipsis;\r\n      /* stylelint-enable-next-line declaration-property-value-disallowed-list */\r\n\r\n      dso-icon {\r\n        color: colors.$grasgroen;\r\n        cursor: default;\r\n        margin: -8px;\r\n        padding: 8px;\r\n        inline-size: $block-size;\r\n        block-size: $block-size;\r\n      }\r\n\r\n      .label-text {\r\n        margin-inline-start: units.$u1;\r\n        color: colors.$grijs-60;\r\n      }\r\n    }\r\n\r\n    button {\r\n      background-color: transparent;\r\n      border: 0;\r\n      box-shadow: none;\r\n      color: colors.$grasgroen;\r\n      font-size: 0;\r\n      block-size: $block-size;\r\n      padding: units.$u1;\r\n      position: absolute;\r\n      inset-inline-end: 0;\r\n      text-align: center;\r\n      inset-block-start: 0;\r\n      inline-size: $block-size;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-button-container {\r\n  position: relative;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: units.$u1;\r\n  flex-shrink: 0;\r\n\r\n  padding-inline: units.$u1;\r\n\r\n  border: 1px solid colors.$bosgroen;\r\n  border-inline-start: 0;\r\n  border-start-end-radius: scaffolding.$border-radius-base;\r\n  border-end-end-radius: scaffolding.$border-radius-base;\r\n\r\n  button {\r\n    appearance: none;\r\n    padding: 0;\r\n    border: 0;\r\n    background-color: transparent;\r\n    color: colors.$grasgroen;\r\n    cursor: pointer;\r\n\r\n    &:disabled {\r\n      color: colors.$grijs-20;\r\n      cursor: default;\r\n    }\r\n  }\r\n\r\n  .divider {\r\n    position: absolute;\r\n    inset-inline-start: 0;\r\n    inset-block-start: units.$u1;\r\n    inset-block-end: units.$u1;\r\n\r\n    inline-size: 1px;\r\n\r\n    background-color: colors.$grijs-20;\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Event, EventEmitter, Method, Prop, h } from \"@stencil/core\";\r\n\r\nimport {\r\n  MarkBarClearEvent,\r\n  MarkBarFocusOptions,\r\n  MarkBarInputEvent,\r\n  MarkBarPaginationEvent,\r\n} from \"./mark-bar.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-mark-bar\",\r\n  styleUrl: \"./mark-bar.scss\",\r\n  shadow: true,\r\n})\r\nexport class MarkBar implements ComponentInterface {\r\n  /**\r\n   * The current search value.\r\n   */\r\n  @Prop()\r\n  value?: string;\r\n\r\n  /**\r\n   * The label for the input field.\r\n   */\r\n  @Prop()\r\n  label = \"Zoeken in document\";\r\n\r\n  /**\r\n   * The current (one-based) highlighted search item.\r\n   */\r\n  @Prop()\r\n  current?: number;\r\n\r\n  /**\r\n   * Total number of search results.\r\n   */\r\n  @Prop()\r\n  totalCount?: number;\r\n\r\n  /**\r\n   * Focuses the input field.\r\n   */\r\n  @Method()\r\n  async dsoFocus(options: MarkBarFocusOptions = {}) {\r\n    this.inputElement?.focus();\r\n\r\n    if (options.select) {\r\n      this.inputElement?.select();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Emitted each time the user types in the search field.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoInput!: EventEmitter<MarkBarInputEvent>;\r\n\r\n  /**\r\n   * Emitted when user activates \"next search result\" button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoNext!: EventEmitter<MarkBarPaginationEvent>;\r\n\r\n  /**\r\n   * Emitted when user activates \"previous search result\" button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoPrevious!: EventEmitter<MarkBarPaginationEvent>;\r\n\r\n  /**\r\n   * Emitted when user activates \"clear search result\" button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoClear!: EventEmitter<MarkBarClearEvent>;\r\n\r\n  private inputElement?: HTMLInputElement;\r\n\r\n  private handleInput = (e: Event) => {\r\n    if (!(e.target instanceof HTMLInputElement)) {\r\n      return;\r\n    }\r\n\r\n    this.dsoInput.emit({\r\n      originalEvent: e,\r\n      value: e.target.value,\r\n    });\r\n  };\r\n\r\n  private handleNext = (e: MouseEvent | KeyboardEvent) => {\r\n    this.dsoNext.emit({ originalEvent: e });\r\n  };\r\n\r\n  private handlePrevious = (e: MouseEvent) => {\r\n    this.dsoPrevious.emit({ originalEvent: e });\r\n  };\r\n\r\n  private handleClear = (e: MouseEvent) => {\r\n    this.dsoClear.emit({ originalEvent: e });\r\n  };\r\n\r\n  private handleKeyDown = (e: KeyboardEvent) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleNext(e);\r\n    }\r\n  };\r\n\r\n  render() {\r\n    const current = this.current || 0;\r\n    const totalCount = this.totalCount || 0;\r\n\r\n    return (\r\n      <div class=\"dso-mark-bar\">\r\n        <div class=\"dso-mark-bar-input\">\r\n          <input\r\n            type=\"text\"\r\n            id=\"search-input\"\r\n            value={this.value}\r\n            onInput={this.handleInput}\r\n            onKeyDown={this.handleKeyDown}\r\n            placeholder=\" \"\r\n            ref={(element) => (this.inputElement = element)}\r\n          />\r\n          <label htmlFor=\"search-input\">\r\n            <dso-icon class=\"dso-search-icon\" icon=\"search\"></dso-icon>\r\n            <span class=\"label-text\">{this.label}</span>\r\n          </label>\r\n          <button type=\"button\" onClick={this.handleClear}>\r\n            <dso-icon icon=\"times\"></dso-icon>\r\n            <span class=\"sr-only\">Zoekopdracht legen</span>\r\n          </button>\r\n        </div>\r\n        <div class=\"dso-button-container\">\r\n          <span class=\"divider\" />\r\n          <button type=\"button\" onClick={this.handlePrevious} disabled={current <= 1}>\r\n            <dso-icon icon=\"chevron-up\" class=\"hydrated\"></dso-icon>\r\n            <span class=\"sr-only\">Vorig zoekresultaat</span>\r\n          </button>\r\n          <span>\r\n            {current}/{totalCount}\r\n          </span>\r\n          <button type=\"button\" onClick={this.handleNext} disabled={current >= totalCount}>\r\n            <dso-icon icon=\"chevron-down\" class=\"hydrated\"></dso-icon>\r\n            <span class=\"sr-only\">Volgend zoekresultaat</span>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAa,qgF,MCcNC,EAAO,MALpB,WAAAC,CAAAC,G,0JAgBEC,KAAKC,MAAG,qBAoDAD,KAAAE,YAAeC,IACrB,KAAMA,EAAEC,kBAAkBC,kBAAmB,CAC3C,M,CAGFL,KAAKM,SAASC,KAAK,CACjBC,cAAeL,EACfM,MAAON,EAAEC,OAAOK,OAChB,EAGIT,KAAAU,WAAcP,IACpBH,KAAKW,QAAQJ,KAAK,CAAEC,cAAeL,GAAI,EAGjCH,KAAAY,eAAkBT,IACxBH,KAAKa,YAAYN,KAAK,CAAEC,cAAeL,GAAI,EAGrCH,KAAAc,YAAeX,IACrBH,KAAKe,SAASR,KAAK,CAAEC,cAAeL,GAAI,EAGlCH,KAAAgB,cAAiBb,IACvB,GAAIA,EAAEc,MAAQ,QAAS,CACrBjB,KAAKU,WAAWP,E,EA8CrB,CAzGC,cAAMe,CAASC,EAA+B,I,SAC5CC,EAAApB,KAAKqB,gBAAc,MAAAD,SAAA,SAAAA,EAAAE,QAEnB,GAAIH,EAAQI,OAAQ,EAClBC,EAAAxB,KAAKqB,gBAAc,MAAAG,SAAA,SAAAA,EAAAD,Q,EA2DvB,MAAAE,GACE,MAAMC,EAAU1B,KAAK0B,SAAW,EAChC,MAAMC,EAAa3B,KAAK2B,YAAc,EAEtC,OACEC,EAAA,OAAAX,IAAA,2CAAKY,MAAM,gBACTD,EAAK,OAAAX,IAAA,2CAAAY,MAAM,sBACTD,EACE,SAAAX,IAAA,2CAAAa,KAAK,OACLC,GAAG,eACHtB,MAAOT,KAAKS,MACZuB,QAAShC,KAAKE,YACd+B,UAAWjC,KAAKgB,cAChBkB,YAAY,IACZC,IAAMC,GAAapC,KAAKqB,aAAee,IAEzCR,EAAO,SAAAX,IAAA,2CAAAoB,QAAQ,gBACbT,EAAA,YAAAX,IAAA,2CAAUY,MAAM,kBAAkBS,KAAK,WACvCV,EAAM,QAAAX,IAAA,2CAAAY,MAAM,cAAc7B,KAAKC,QAEjC2B,EAAQ,UAAAX,IAAA,2CAAAa,KAAK,SAASS,QAASvC,KAAKc,aAClCc,EAAU,YAAAX,IAAA,2CAAAqB,KAAK,UACfV,EAAA,QAAAX,IAAA,2CAAMY,MAAM,WAAS,wBAGzBD,EAAK,OAAAX,IAAA,2CAAAY,MAAM,wBACTD,EAAM,QAAAX,IAAA,2CAAAY,MAAM,YACZD,EAAA,UAAAX,IAAA,2CAAQa,KAAK,SAASS,QAASvC,KAAKY,eAAgB4B,SAAUd,GAAW,GACvEE,EAAA,YAAAX,IAAA,2CAAUqB,KAAK,aAAaT,MAAM,aAClCD,EAAA,QAAAX,IAAA,2CAAMY,MAAM,WAAS,wBAEvBD,EAAA,QAAAX,IAAA,4CACGS,EAAO,IAAGC,GAEbC,EAAA,UAAAX,IAAA,2CAAQa,KAAK,SAASS,QAASvC,KAAKU,WAAY8B,SAAUd,GAAWC,GACnEC,EAAA,YAAAX,IAAA,2CAAUqB,KAAK,eAAeT,MAAM,aACpCD,EAAM,QAAAX,IAAA,2CAAAY,MAAM,WAAS,2B","ignoreList":[]}

package/dist/dso-toolkit/p-f4d66373.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["translations","en","close","dialog","nl","modalCss","Modal","constructor","hostRef","this","ariaId","v4","dialogRole","returnFocus","undefined","closable","text","i18n","host","blockEscapeKey","e","key","preventDefault","dsoClose","emit","originalEvent","hasFooter","querySelector","componentDidLoad","_a","htmlDialogElement","isConnected","activeElement","getActiveElement","HTMLElement","returnFocusElement","showModal","disconnectedCallback","_c","_b","focus","handleDialogClick","target","render","h","class","role","ref","element","onClick","onKeyDown","modalTitle","id","type","icon","tabIndex","name"],"sources":["src/components/modal/modal.i18n.ts","src/components/modal/modal.scss?tag=dso-modal&encapsulation=shadow","src/components/modal/modal.tsx"],"sourcesContent":["import { Resource } from \"../../utils/i18n\";\r\n\r\nexport const translations: Resource = {\r\n  en: {\r\n    \"dso-modal\": {\r\n      close: \"Close\",\r\n      dialog: \"Dialog\",\r\n    },\r\n  },\r\n  nl: {\r\n    \"dso-modal\": {\r\n      close: \"Sluiten\",\r\n      dialog: \"Dialoog\",\r\n    },\r\n  },\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/components/modal\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n// fullscreen option\r\n:host([fullscreen]) dialog {\r\n  @include modal.fullscreen();\r\n}\r\n\r\n// Go to fullscreen on =< 480px viewport\r\n@media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n  :host dialog {\r\n    @include modal.fullscreen();\r\n  }\r\n}\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\nbutton {\r\n  @include button.element();\r\n}\r\n\r\n.dso-modal {\r\n  @include modal.root();\r\n}\r\n\r\n.dso-close {\r\n  dso-icon {\r\n    color: modal.$close-icon-color;\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Element, Event, EventEmitter, Prop, State, h } from \"@stencil/core\";\r\nimport { v4 } from \"uuid\";\r\n\r\nimport { getActiveElement } from \"../../utils/get-active-element\";\r\nimport { i18n } from \"../../utils/i18n\";\r\n\r\nimport { translations } from \"./modal.i18n\";\r\nimport { ModalCloseEvent } from \"./modal.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-modal\",\r\n  styleUrl: \"modal.scss\",\r\n  shadow: true,\r\n})\r\nexport class Modal implements ComponentInterface {\r\n  private htmlDialogElement?: HTMLDialogElement;\r\n\r\n  @Element()\r\n  host!: HTMLDsoModalElement;\r\n\r\n  @State()\r\n  ariaId = v4();\r\n\r\n  /**\r\n   * when set the modal will be shown in fullscreen.\r\n   */\r\n  @Prop({ reflect: true })\r\n  fullscreen?: boolean;\r\n\r\n  /**\r\n   * The title of the Modal.\r\n   */\r\n  @Prop()\r\n  modalTitle?: string;\r\n\r\n  /**\r\n   * the role for the modal `dialog` | `alert` | `alertdialog`.\r\n   */\r\n  @Prop()\r\n  dialogRole: string | null = \"dialog\";\r\n\r\n  /**\r\n   * The element to return focus to after the modal is closed.\r\n   *\r\n   * * `undefined` will return focus to the previously focused element (default).\r\n   * * `false` will not return focus to any element.\r\n   * * or, provide your own `HTMLElement` that will receive focus upon closing.\r\n   */\r\n  @Prop()\r\n  returnFocus: false | HTMLElement | undefined = undefined;\r\n\r\n  /**\r\n   * when `false` the close button in the header will not be rendered.\r\n   *\r\n   * Needs `modalTitle` to be set.\r\n   */\r\n  @Prop()\r\n  closable = false;\r\n\r\n  private returnFocusElement: HTMLElement | undefined;\r\n\r\n  /**\r\n   * Emitted when the user:\r\n   * - clicks the close button\r\n   * - dismisses the Modal with the Escape button\r\n   * - clicks or taps outside the Modal\r\n   */\r\n  @Event()\r\n  dsoClose!: EventEmitter<ModalCloseEvent>;\r\n\r\n  get hasFooter() {\r\n    return this.host.querySelector(\"[slot='footer']\") !== null;\r\n  }\r\n\r\n  private text = i18n(() => this.host, translations);\r\n\r\n  componentDidLoad(): void {\r\n    if (this.htmlDialogElement?.isConnected) {\r\n      const activeElement = getActiveElement();\r\n      if (activeElement instanceof HTMLElement) {\r\n        this.returnFocusElement = activeElement;\r\n      }\r\n\r\n      this.htmlDialogElement.showModal();\r\n    }\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.htmlDialogElement?.close();\r\n\r\n    if (this.returnFocus === false) {\r\n      return;\r\n    }\r\n\r\n    (this.returnFocus ?? this.returnFocusElement)?.focus();\r\n  }\r\n\r\n  private handleDialogClick(e: MouseEvent) {\r\n    if (!this.closable) {\r\n      return;\r\n    }\r\n\r\n    if (e.target === this.htmlDialogElement) {\r\n      this.dsoClose.emit({ originalEvent: e });\r\n    }\r\n  }\r\n\r\n  private blockEscapeKey = (e: KeyboardEvent) => {\r\n    if (e.key === \"Escape\") {\r\n      e.preventDefault();\r\n\r\n      if (this.closable) {\r\n        this.dsoClose.emit({ originalEvent: e });\r\n      }\r\n    }\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <dialog\r\n        class=\"dso-modal\"\r\n        role={this.dialogRole ?? undefined}\r\n        aria-modal=\"true\"\r\n        aria-labelledby={this.ariaId}\r\n        ref={(element) => (this.htmlDialogElement = element)}\r\n        onClick={(e) => this.handleDialogClick(e)}\r\n        onKeyDown={(e) => this.blockEscapeKey(e)}\r\n      >\r\n        <div class=\"dso-dialog\" role=\"document\">\r\n          {this.modalTitle ? (\r\n            <div class=\"dso-header\">\r\n              <h2 id={this.ariaId}>{this.modalTitle}</h2>\r\n              {this.closable && (\r\n                <button type=\"button\" class=\"dso-close\" onClick={(e) => this.dsoClose.emit({ originalEvent: e })}>\r\n                  <dso-icon icon=\"times\"></dso-icon>\r\n                  <span class=\"sr-only\">{this.text(\"close\")}</span>\r\n                </button>\r\n              )}\r\n            </div>\r\n          ) : (\r\n            <span class=\"sr-only\" id={this.ariaId}>\r\n              {this.text(\"dialog\")}\r\n            </span>\r\n          )}\r\n\r\n          <dso-scrollable>\r\n            <div class=\"dso-body\" tabIndex={0}>\r\n              <slot name=\"body\" />\r\n            </div>\r\n          </dso-scrollable>\r\n\r\n          {this.hasFooter && (\r\n            <div class=\"dso-footer\">\r\n              <slot name=\"footer\" />\r\n            </div>\r\n          )}\r\n        </div>\r\n      </dialog>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"qKAEO,MAAMA,EAAyB,CACpCC,GAAI,CACF,YAAa,CACXC,MAAO,QACPC,OAAQ,WAGZC,GAAI,CACF,YAAa,CACXF,MAAO,UACPC,OAAQ,aCZd,MAAME,EAAW,0lN,MCcJC,EAAK,MALlB,WAAAC,CAAAC,G,6CAYEC,KAAMC,OAAGC,IAkBTF,KAAUG,WAAkB,SAU5BH,KAAWI,YAAoCC,UAQ/CL,KAAQM,SAAG,MAiBHN,KAAAO,KAAOC,GAAK,IAAMR,KAAKS,MAAMlB,GAiC7BS,KAAAU,eAAkBC,IACxB,GAAIA,EAAEC,MAAQ,SAAU,CACtBD,EAAEE,iBAEF,GAAIb,KAAKM,SAAU,CACjBN,KAAKc,SAASC,KAAK,CAAEC,cAAeL,G,GAgD3C,CA1FC,aAAIM,GACF,OAAOjB,KAAKS,KAAKS,cAAc,qBAAuB,I,CAKxD,gBAAAC,G,MACE,IAAIC,EAAApB,KAAKqB,qBAAmB,MAAAD,SAAA,SAAAA,EAAAE,YAAa,CACvC,MAAMC,EAAgBC,IACtB,GAAID,aAAyBE,YAAa,CACxCzB,KAAK0B,mBAAqBH,C,CAG5BvB,KAAKqB,kBAAkBM,W,EAI3B,oBAAAC,G,WACER,EAAApB,KAAKqB,qBAAmB,MAAAD,SAAA,SAAAA,EAAA3B,QAExB,GAAIO,KAAKI,cAAgB,MAAO,CAC9B,M,EAGFyB,GAACC,EAAA9B,KAAKI,eAAW,MAAA0B,SAAA,EAAAA,EAAI9B,KAAK0B,sBAAqB,MAAAG,SAAA,SAAAA,EAAAE,O,CAGzC,iBAAAC,CAAkBrB,GACxB,IAAKX,KAAKM,SAAU,CAClB,M,CAGF,GAAIK,EAAEsB,SAAWjC,KAAKqB,kBAAmB,CACvCrB,KAAKc,SAASC,KAAK,CAAEC,cAAeL,G,EAcxC,MAAAuB,G,MACE,OACEC,EAAA,UAAAvB,IAAA,2CACEwB,MAAM,YACNC,MAAMjB,EAAApB,KAAKG,cAAc,MAAAiB,SAAA,EAAAA,EAAAf,UACd,oBACM,kBAAAL,KAAKC,OACtBqC,IAAMC,GAAavC,KAAKqB,kBAAoBkB,EAC5CC,QAAU7B,GAAMX,KAAKgC,kBAAkBrB,GACvC8B,UAAY9B,GAAMX,KAAKU,eAAeC,IAEtCwB,EAAA,OAAAvB,IAAA,2CAAKwB,MAAM,aAAaC,KAAK,YAC1BrC,KAAK0C,WACJP,EAAA,OAAKC,MAAM,cACTD,EAAI,MAAAQ,GAAI3C,KAAKC,QAASD,KAAK0C,YAC1B1C,KAAKM,UACJ6B,EAAQ,UAAAS,KAAK,SAASR,MAAM,YAAYI,QAAU7B,GAAMX,KAAKc,SAASC,KAAK,CAAEC,cAAeL,KAC1FwB,EAAU,YAAAU,KAAK,UACfV,EAAA,QAAMC,MAAM,WAAWpC,KAAKO,KAAK,YAKvC4B,EAAA,QAAMC,MAAM,UAAUO,GAAI3C,KAAKC,QAC5BD,KAAKO,KAAK,WAIf4B,EAAA,kBAAAvB,IAAA,4CACEuB,EAAA,OAAAvB,IAAA,2CAAKwB,MAAM,WAAWU,SAAU,GAC9BX,EAAA,QAAAvB,IAAA,2CAAMmC,KAAK,WAId/C,KAAKiB,WACJkB,EAAK,OAAAvB,IAAA,2CAAAwB,MAAM,cACTD,EAAM,QAAAvB,IAAA,2CAAAmC,KAAK,a","ignoreList":[]}