@dso-toolkit/core 57.0.0 → 58.0.0

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

@@ -1 +0,0 @@
-{"version":3,"names":["ViewerGridFilterpanelButtons","onApply","onCancel","h","class","type","onClick","icon","viewerGridCss","ViewerGrid","this","sizeLabelMap","small","medium","large","filterpanelSlot","overlaySlot","shrinkMain","mainSize","expandMain","keyDownListener","event","key","dsoCloseOverlay","emit","mainSizeWatcher","currentSize","previousSize","dsoMainSizeChange","stage","_a","mapPanel","addEventListener","e","propertyName","once","updateFocusTrap","filterpanelOpen","overlayOpen","filterpanelFocustrap","filterpanel","hidden","activate","host","deactivate","removeEventListener","overlayFocustrap","_b","overlay","connectedCallback","querySelector","componentDidLoad","createFocusTrap","escapeDeactivates","allowOutsideClick","tabbableOptions","getShadowRoot","componentWillLoad","initialMainSize","componentDidUpdate","disconnectedCallback","handleFilterpanelApply","mouseEvent","dsoFilterpanelApply","originalEvent","handleFilterpanelCancel","dsoFilterpanelCancel","render","Host","Object","assign","ref","element","disabled","name","id","style","zIndex"],"sources":["./src/components/viewer-grid/viewer-grid-filterpanel-buttons.tsx","./src/components/viewer-grid/viewer-grid.scss?tag=dso-viewer-grid&encapsulation=shadow","./src/components/viewer-grid/viewer-grid.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nexport interface ViewerGridFilterpanelProps {\r\n  onApply: (mouseEvent: MouseEvent) => void;\r\n  onCancel: (mouseEvent: MouseEvent) => void;\r\n}\r\n\r\nexport const ViewerGridFilterpanelButtons: FunctionalComponent<ViewerGridFilterpanelProps> = ({\r\n  onApply,\r\n  onCancel,\r\n}) => (\r\n  <div class=\"filterpanel-buttons\">\r\n    <button type=\"button\" class=\"cancel-button\" onClick={onCancel}>\r\n      <span>Annuleren</span>\r\n    </button>\r\n    <button type=\"button\" class=\"apply-button\" onClick={onApply}>\r\n      <span>Toepassen</span>\r\n      <dso-icon icon=\"chevron-right\"></dso-icon>\r\n    </button>\r\n  </div>\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/zindex\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/components/headings\";\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  display: flex;\r\n  height: 100vh;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n:host([small]) {\r\n  .dso-map-panel {\r\n    flex-basis: core-viewer-grid-variables.$small;\r\n    min-width: 0;\r\n    max-width: 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-width: 100vw;\r\n      min-width: 0;\r\n      transition: none;\r\n    }\r\n  }\r\n}\r\n\r\n:host([medium]) {\r\n  .dso-map-panel {\r\n    flex-basis: core-viewer-grid-variables.$medium;\r\n    min-width: core-viewer-grid-variables.$small;\r\n    max-width: 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-width: 100vw;\r\n      min-width: core-viewer-grid-variables.$small;\r\n      transition: none;\r\n    }\r\n  }\r\n}\r\n\r\n:host([large]) {\r\n  .dso-map-panel {\r\n    flex-basis: core-viewer-grid-variables.$large;\r\n    min-width: core-viewer-grid-variables.$large-min;\r\n    max-width: 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-width: 100vw;\r\n      min-width: core-viewer-grid-variables.$large-min;\r\n      transition: none;\r\n    }\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  &[disabled] {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.overlay-close-button {\r\n  position: absolute;\r\n  top: units.$u1;\r\n  right: css-grid.$grid-gutter-width * 0.5;\r\n}\r\n\r\n.dso-map-panel {\r\n  background-color: colors.$wit;\r\n  box-shadow: units.$u1 * 0.25 0 units.$u1 0 rgba(0, 0, 0, 0.4);\r\n  flex-shrink: 0;\r\n  flex-grow: 0;\r\n  padding-right: units.$u1;\r\n  position: relative;\r\n  transition: flex-basis core-viewer-grid-variables.$transition-time ease-in,\r\n    max-width core-viewer-grid-variables.$transition-time ease-in,\r\n    min-width core-viewer-grid-variables.$transition-time ease-in;\r\n  z-index: zindex.$viewer-grid-map-panel;\r\n\r\n  .dso-filterblok-address {\r\n    font-weight: bold;\r\n    margin: units.$u1 0;\r\n  }\r\n\r\n  .main {\r\n    height: 100%;\r\n    overflow-y: scroll;\r\n    padding: 0 css-grid.$grid-gutter-width * 0.5 units.$u1;\r\n  }\r\n}\r\n\r\n.sizing-buttons {\r\n  left: calc(100% + 1px);\r\n  overflow-x: hidden;\r\n  padding: 0 units.$u1 * 0.5 units.$u1 * 0.5 0;\r\n  position: absolute;\r\n  top: core-viewer-grid-variables.$sizing-buttons-top;\r\n  transition: left core-viewer-grid-variables.$transition-time ease-in;\r\n  width: 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    @include button.map-focus();\r\n\r\n    border: 0;\r\n    padding: 8px;\r\n    border-radius: 0;\r\n    border-bottom-right-radius: 4px;\r\n    border-top-right-radius: 4px;\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    height: core-viewer-grid-variables.$resize-button-size;\r\n    min-width: auto;\r\n    width: core-viewer-grid-variables.$resize-button-size;\r\n\r\n    &:hover {\r\n      dso-icon {\r\n        color: colors.$wit;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.map {\r\n  height: 100%;\r\n  width: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\n.filterpanel,\r\n.overlay {\r\n  background-color: colors.$wit;\r\n  height: 100%;\r\n  overflow-y: auto;\r\n  position: absolute;\r\n  z-index: zindex.$viewer-grid-map-panel + 1;\r\n}\r\n\r\n.filterpanel {\r\n  box-shadow: 2px 0 5px colors.$grijs-60;\r\n  padding: units.$u1 css-grid.$grid-gutter-width * 0.5;\r\n  left: 0;\r\n  max-width: core-viewer-grid-variables.$filterpanel-max-width;\r\n  width: calc(100vw - 40px);\r\n\r\n  @media screen and (max-width: core-viewer-grid-variables.$filterpanel-width) {\r\n    width: 100vw;\r\n\r\n    &::before {\r\n      display: none !important;\r\n    }\r\n  }\r\n\r\n  h1 {\r\n    @include headings.base();\r\n    @include headings.margin-large();\r\n    @include headings.h1();\r\n  }\r\n\r\n  &::before {\r\n    content: \"\";\r\n    display: block;\r\n    position: fixed;\r\n    top: 0;\r\n    bottom: 0;\r\n    right: 0;\r\n    left: core-viewer-grid-variables.$filterpanel-max-width;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n\r\n    @media screen and (max-width: #{core-viewer-grid-variables.$filterpanel-max-width + 40px}) {\r\n      left: auto;\r\n      width: 40px;\r\n    }\r\n  }\r\n}\r\n\r\n.overlay {\r\n  box-shadow: -2px 0 5px colors.$grijs-60;\r\n  padding: units.$u5 css-grid.$grid-gutter-width * 0.5 units.$u1;\r\n  right: 0;\r\n  width: core-viewer-grid-variables.$overlay-width;\r\n\r\n  @media screen and (max-width: core-viewer-grid-variables.$overlay-width) {\r\n    width: 100vw;\r\n  }\r\n}\r\n\r\n.dimscreen {\r\n  position: fixed;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: core-viewer-grid-variables.$overlay-width;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  z-index: zindex.$viewer-grid-map-panel + 2;\r\n}\r\n\r\n.filterpanel-buttons {\r\n  text-align: right;\r\n\r\n  .cancel-button {\r\n    @include button.secondary($modifiers: false);\r\n    @include button.small();\r\n  }\r\n\r\n  .apply-button {\r\n    @include button.primary($modifiers: false);\r\n    @include button.small();\r\n  }\r\n\r\n  .cancel-button + .apply-button {\r\n    margin-left: units.$u2;\r\n  }\r\n}\r\n","import { h, Component, Prop, State, Host, Element, Event, EventEmitter, Watch } from \"@stencil/core\";\r\nimport { FocusTrap, createFocusTrap } from \"focus-trap\";\r\nimport { ViewerGridFilterpanelButtons } from \"./viewer-grid-filterpanel-buttons\";\r\nimport { FilterpanelEvent, LabelSizeMap, MainSize, ViewerGridChangeSizeEvent } from \"./viewer-grid.interfaces\";\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 sizeLabelMap: LabelSizeMap = {\r\n    small: \"smal\",\r\n    medium: \"middel\",\r\n    large: \"breed\",\r\n  };\r\n\r\n  private mapPanel?: HTMLDivElement;\r\n\r\n  /**\r\n   * Set to true when filterpanel 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   * Size of the main content panel when component loads. Changing this attribute afterwards has no effect.\r\n   *\r\n   * Default size is `large`.\r\n   */\r\n  @Prop()\r\n  initialMainSize?: MainSize;\r\n\r\n  @State()\r\n  mainSize: MainSize = \"large\";\r\n\r\n  /**\r\n   * Emitted when user wants to close the overlay.\r\n   */\r\n  @Event()\r\n  dsoCloseOverlay!: EventEmitter<MouseEvent | KeyboardEvent>;\r\n\r\n  /**\r\n   * Emitted when user cancels filterpanel.\r\n   */\r\n  @Event()\r\n  dsoFilterpanelCancel!: EventEmitter<FilterpanelEvent>;\r\n\r\n  /**\r\n   * Emitted when user applies filterpanel options.\r\n   */\r\n  @Event()\r\n  dsoFilterpanelApply!: EventEmitter<FilterpanelEvent>;\r\n\r\n  /**\r\n   * Emitted before and after main size animation. Inspect `detail` property for more information.\r\n   */\r\n  @Event()\r\n  dsoMainSizeChange!: EventEmitter<ViewerGridChangeSizeEvent>;\r\n\r\n  @Element()\r\n  host!: HTMLDsoViewerGridElement;\r\n\r\n  private filterpanel: HTMLElement | undefined;\r\n\r\n  private filterpanelSlot: HTMLElement | null = null;\r\n\r\n  private filterpanelFocustrap: FocusTrap | undefined;\r\n\r\n  private overlay: HTMLDivElement | undefined;\r\n\r\n  private overlaySlot: HTMLDivElement | null = null;\r\n\r\n  private overlayFocustrap: FocusTrap | undefined;\r\n\r\n  @Watch(\"mainSize\")\r\n  mainSizeWatcher(currentSize: MainSize, previousSize: MainSize) {\r\n    this.dsoMainSizeChange.emit({\r\n      stage: \"start\",\r\n      previousSize,\r\n      currentSize,\r\n    });\r\n\r\n    this.mapPanel?.addEventListener(\r\n      \"transitionend\",\r\n      (e) => {\r\n        if (e.propertyName === \"flex-basis\") {\r\n          this.dsoMainSizeChange.emit({\r\n            stage: \"end\",\r\n            previousSize,\r\n            currentSize,\r\n          });\r\n        }\r\n      },\r\n      { once: true }\r\n    );\r\n  }\r\n\r\n  private shrinkMain = () => {\r\n    this.mainSize = this.mainSize === \"large\" ? \"medium\" : \"small\";\r\n  };\r\n\r\n  private expandMain = () => {\r\n    this.mainSize = this.mainSize === \"small\" ? \"medium\" : \"large\";\r\n  };\r\n\r\n  private updateFocusTrap() {\r\n    if (this.filterpanelOpen && this.overlayOpen) {\r\n      return;\r\n    }\r\n\r\n    if (this.filterpanelFocustrap) {\r\n      if (this.filterpanelOpen && !this.filterpanel?.hidden) {\r\n        this.filterpanelFocustrap.activate();\r\n        this.host.addEventListener(\"keydown\", this.keyDownListener);\r\n      } else {\r\n        this.filterpanelFocustrap.deactivate();\r\n        this.host.removeEventListener(\"keydown\", this.keyDownListener);\r\n      }\r\n    }\r\n\r\n    if (this.overlayFocustrap) {\r\n      if (this.overlayOpen && !this.overlay?.hidden) {\r\n        this.overlayFocustrap.activate();\r\n        this.host.addEventListener(\"keydown\", this.keyDownListener);\r\n      } else {\r\n        this.overlayFocustrap.deactivate();\r\n        this.host.removeEventListener(\"keydown\", this.keyDownListener);\r\n      }\r\n    }\r\n  }\r\n\r\n  private keyDownListener = (event: KeyboardEvent) => {\r\n    if (event.key !== \"Escape\") {\r\n      return;\r\n    }\r\n\r\n    this.dsoCloseOverlay.emit(event);\r\n  };\r\n\r\n  connectedCallback() {\r\n    this.filterpanelSlot = this.host.querySelector<HTMLDivElement>(\"div[slot='filterpanel']\");\r\n\r\n    this.overlaySlot = this.host.querySelector<HTMLDivElement>(\"div[slot='overlay']\");\r\n  }\r\n\r\n  componentDidLoad() {\r\n    if (this.filterpanel && this.filterpanelSlot) {\r\n      this.filterpanelFocustrap = createFocusTrap([this.filterpanel, this.filterpanelSlot], {\r\n        escapeDeactivates: false,\r\n        allowOutsideClick: true,\r\n        tabbableOptions: {\r\n          getShadowRoot: true,\r\n        },\r\n      });\r\n    }\r\n\r\n    if (this.overlay && this.overlaySlot) {\r\n      this.overlayFocustrap = createFocusTrap([this.overlay, this.overlaySlot], {\r\n        escapeDeactivates: false,\r\n        allowOutsideClick: true,\r\n        tabbableOptions: {\r\n          getShadowRoot: true,\r\n        },\r\n      });\r\n    }\r\n\r\n    this.updateFocusTrap();\r\n  }\r\n\r\n  componentWillLoad() {\r\n    if (this.initialMainSize) {\r\n      this.mainSize = this.initialMainSize;\r\n    }\r\n  }\r\n\r\n  componentDidUpdate() {\r\n    this.updateFocusTrap();\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.overlayFocustrap?.deactivate();\r\n    this.filterpanelFocustrap?.deactivate();\r\n\r\n    this.host.removeEventListener(\"keydown\", this.keyDownListener);\r\n  }\r\n\r\n  private handleFilterpanelApply(mouseEvent: MouseEvent) {\r\n    this.dsoFilterpanelApply.emit({ originalEvent: mouseEvent });\r\n  }\r\n\r\n  private handleFilterpanelCancel(mouseEvent: MouseEvent) {\r\n    this.dsoFilterpanelCancel.emit({ originalEvent: mouseEvent });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host {...{ [this.mainSize]: true }}>\r\n        <div class=\"dso-map-panel\" ref={(element) => (this.mapPanel = element)}>\r\n          <div class=\"sizing-buttons\">\r\n            <span class=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\r\n              Breedte tekstpaneel: {this.sizeLabelMap[this.mainSize]}\r\n            </span>\r\n            <button type=\"button\" class=\"shrink\" disabled={this.mainSize === \"small\"} onClick={this.shrinkMain}>\r\n              <span class=\"sr-only\">Tekstpaneel smaller maken</span>\r\n              <dso-icon icon=\"chevron-left\"></dso-icon>\r\n            </button>\r\n            <button type=\"button\" class=\"expand\" disabled={this.mainSize === \"large\"} onClick={this.expandMain}>\r\n              <span class=\"sr-only\">Tekstpaneel breder maken</span>\r\n              <dso-icon icon=\"chevron-right\"></dso-icon>\r\n            </button>\r\n          </div>\r\n          <div class=\"main\">\r\n            <slot name=\"main\" />\r\n          </div>\r\n        </div>\r\n        <div\r\n          id=\"filterpanel\"\r\n          class=\"filterpanel\"\r\n          hidden={!this.filterpanelOpen || !this.filterpanelSlot}\r\n          ref={(element) => (this.filterpanel = element)}\r\n        >\r\n          <h1>Uw keuzes</h1>\r\n          <ViewerGridFilterpanelButtons\r\n            onApply={(e) => this.handleFilterpanelApply(e)}\r\n            onCancel={(e) => this.handleFilterpanelCancel(e)}\r\n          />\r\n          <slot name=\"filterpanel\" />\r\n          <ViewerGridFilterpanelButtons\r\n            onApply={(e) => this.handleFilterpanelApply(e)}\r\n            onCancel={(e) => this.handleFilterpanelCancel(e)}\r\n          />\r\n        </div>\r\n        <div class=\"map\">\r\n          <slot name=\"map\" />\r\n        </div>\r\n        <div hidden={!this.overlayOpen || !this.overlaySlot} class=\"dimscreen\"></div>\r\n        <div\r\n          class=\"overlay\"\r\n          hidden={!this.overlayOpen || !this.overlaySlot}\r\n          ref={(element) => (this.overlay = element)}\r\n        >\r\n          <button type=\"button\" class=\"overlay-close-button\" onClick={(e) => this.dsoCloseOverlay.emit(e)}>\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          {/* This button is needed for the `focus-trap` library to function correctly. It is never focused. */}\r\n          <button aria-hidden=\"true\" type=\"button\" class=\"overlay-close-button\" style={{ zIndex: \"-100\" }}>\r\n            <dso-icon icon=\"times\"></dso-icon>\r\n            <span class=\"sr-only\">sluiten</span>\r\n          </button>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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"}