@dso-toolkit/core 83.1.0 → 84.0.0

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

@@ -1 +0,0 @@
-{"version":3,"names":["translations","en","menu","login","logout","help","overflowMenu","nl","userHome","MenuItem","item","onClick","key","ref","h","class","clsx","active","href","url","undefined","label","headerCss","minDesktopViewportWidth","Header","constructor","hostRef","this","mainMenu","compact","authStatus","showHelp","userHomeActive","visibleMenuItemsCount","dropdownOptionsOffset","resetVisibleMenuItems","clickHandler","e","type","options","dsoHeaderClick","emit","originalEvent","isModifiedEvent","menuItem","_a","_b","menuItemElementRefs","text","i18n","host","resizeObserver","ResizeObserver","forceUpdate","mainMenuChanged","isCompact","window","innerWidth","calculateOverflowMenuItemCount","navElement","availableWidth","offsetWidth","lastMenuItem","length","mostRightMenuItem","userHomeMenuItemElementRef","dropdownMenuItem","dropdownMenuItemElementRef","dropdownMenuItemEffectiveWidth","offsetLeft","requiredWidth","userHomeMenuItemEffectiveWidth","remainingWidth","visibleMenuItems","findIndex","calculateDropdownOptionsOffset","dropdownElement","clientHeight","getBoundingClientRect","bottom","top","visibleMainMenuItems","slice","hiddenMainMenuItems","connectedCallback","observe","disconnectedCallback","disconnect","componentDidRender","isConnected","render","Host","name","renderCompact","renderNormal","userHomeUrl","element","slot","icon","map","userProfileUrl","userProfileName","loginUrl","logoutUrl","helpUrl","Fragment","ready","i","el"],"sources":["src/components/header/header.i18n.ts","src/components/header/menu-item.functional-component.tsx","src/components/header/header.scss?tag=dso-header&encapsulation=shadow","src/components/header/header.tsx"],"sourcesContent":["import { Resource } from \"../../utils/i18n\";\r\n\r\nexport const translations: Resource = {\r\n  en: {\r\n    \"dso-header\": {\r\n      menu: \"Menu\",\r\n      login: \"Log in\",\r\n      logout: \"Log out\",\r\n      help: \"Help\",\r\n      overflowMenu: \"More\",\r\n    },\r\n  },\r\n  nl: {\r\n    \"dso-header\": {\r\n      menu: \"Menu\",\r\n      login: \"Inloggen\",\r\n      logout: \"Uitloggen\",\r\n      help: \"Help\",\r\n      overflowMenu: \"Meer\",\r\n      userHome: \"Mijn Omgevingsloket\",\r\n    },\r\n  },\r\n};\r\n","import { FunctionalComponent, h } from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\n\r\nimport { HeaderMenuItem } from \"./header.interfaces\";\r\n\r\nexport interface MenuItemProps {\r\n  item: HeaderMenuItem;\r\n  onClick: (event: MouseEvent) => void;\r\n  key: string;\r\n  ref?: (el: HTMLLIElement | undefined) => void;\r\n}\r\n\r\nexport const MenuItem: FunctionalComponent<MenuItemProps> = ({ item, onClick, key, ref }) => {\r\n  return (\r\n    <li class={clsx({ \"dso-active\": item.active })} key={key} ref={ref}>\r\n      <a href={item.url} aria-current={item.active ? \"page\" : undefined} onClick={onClick}>\r\n        {item.label}\r\n      </a>\r\n    </li>\r\n  );\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/typography\";\r\n\r\n@use \"~dso-toolkit/src/components/link\";\r\n@use \"~dso-toolkit/src/components/dropdown-menu\";\r\n\r\n@use \"header.variables\" as core-header-variables;\r\n\r\n@include utilities.box-sizing();\r\n\r\n@mixin nav-item-border($color) {\r\n  border-block-end: 4px solid $color;\r\n}\r\n\r\n@mixin nav-item-main {\r\n  font-size: 1.25em;\r\n  line-height: 1;\r\n  padding-block: units.$u2;\r\n  padding-inline: 0;\r\n}\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n:host([is-compact]) {\r\n  ::slotted([slot=\"logo\"]) {\r\n    --_dso-logo-block-size: #{units.$ru5} !important;\r\n  }\r\n\r\n  .dso-header {\r\n    flex-wrap: nowrap;\r\n  }\r\n\r\n  dso-dropdown-menu {\r\n    .dso-dropdown-options {\r\n      inline-size: 100%;\r\n    }\r\n  }\r\n}\r\n\r\n:host(:not([is-compact])) {\r\n  .dso-header {\r\n    align-items: center;\r\n  }\r\n\r\n  dso-dropdown-menu {\r\n    .dso-dropdown-options {\r\n      inline-size: 375px;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-header {\r\n  border-block-end: 1px solid colors.$grijs-20;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  position: relative;\r\n\r\n  .dso-nav {\r\n    border: 0;\r\n  }\r\n}\r\n\r\n.logo-container {\r\n  flex: 1 1 12.5rem;\r\n  margin-inline-end: units.$u3;\r\n  padding-block-end: units.$u2;\r\n  padding-block-start: units.$u2;\r\n}\r\n\r\n.dso-header-session {\r\n  display: flex;\r\n  align-items: center;\r\n  margin-inline-start: auto;\r\n\r\n  .profile,\r\n  .login,\r\n  .logout,\r\n  .help {\r\n    .dso-tertiary {\r\n      display: flex;\r\n      gap: 0.5rem;\r\n\r\n      cursor: pointer;\r\n\r\n      border: 0;\r\n\r\n      background-color: transparent;\r\n\r\n      padding-inline: 0;\r\n\r\n      outline-offset: 2px;\r\n\r\n      font-family: typography.$font-family-base;\r\n      color: colors.$grasgroen;\r\n      font-size: 1rem;\r\n      font-weight: 600;\r\n      line-height: 1.5;\r\n      text-decoration: none;\r\n\r\n      &:hover {\r\n        text-decoration: underline;\r\n      }\r\n    }\r\n  }\r\n\r\n  .profile + .logout,\r\n  .logout + .help,\r\n  .login + .help {\r\n    border-inline-start: 3px solid colors.$grijs-20;\r\n    margin-inline-start: units.$u1;\r\n    padding-inline-start: units.$u1;\r\n  }\r\n\r\n  .help {\r\n    a,\r\n    button {\r\n      display: flex;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-navbar {\r\n  flex-basis: 100%;\r\n  max-inline-size: 100%;\r\n  position: relative; // Needed for menu item calculations\r\n}\r\n\r\ndso-dropdown-menu {\r\n  @include dropdown-menu.children();\r\n\r\n  button {\r\n    background-color: transparent;\r\n    border: 0;\r\n    display: flex;\r\n    font-family: typography.$font-family-base;\r\n    align-items: center;\r\n    position: relative;\r\n\r\n    dso-icon {\r\n      inline-size: units.$u3;\r\n      block-size: units.$u3;\r\n      margin-inline-start: units.$u1;\r\n      padding-block-start: units.$u1 * 0.25;\r\n    }\r\n\r\n    &[aria-expanded=\"true\"] {\r\n      dso-icon {\r\n        transform: rotate(180deg);\r\n      }\r\n    }\r\n  }\r\n\r\n  .dso-dropdown-options {\r\n    border: 0;\r\n    border-radius: 0;\r\n    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.4);\r\n\r\n    ul {\r\n      margin: 0;\r\n      padding: 0;\r\n      list-style: none;\r\n\r\n      li {\r\n        a,\r\n        button {\r\n          display: block;\r\n          padding: units.$u2;\r\n          color: colors.$bosgroen;\r\n          font-size: 1.25rem;\r\n          white-space: pre-wrap;\r\n          text-decoration: none;\r\n\r\n          &:focus-visible {\r\n            background-color: colors.$grasgroen;\r\n            color: colors.$wit;\r\n          }\r\n\r\n          &:hover {\r\n            background-color: colors.$wit;\r\n            color: colors.$bosgroen;\r\n            text-decoration: underline;\r\n          }\r\n\r\n          &:visited:not(:hover):not(:focus-visible) {\r\n            color: colors.$bosgroen;\r\n          }\r\n        }\r\n\r\n        button {\r\n          inline-size: 100%;\r\n          text-align: start;\r\n\r\n          dso-icon {\r\n            margin-inline-start: units.$u1;\r\n          }\r\n        }\r\n\r\n        &.dso-active {\r\n          a {\r\n            font-weight: 600;\r\n          }\r\n        }\r\n\r\n        + li {\r\n          border-block-start: 1px solid colors.$grijs-20;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.dropdown {\r\n  margin-inline-start: auto;\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  dso-dropdown-menu {\r\n    position: static;\r\n\r\n    .dso-dropdown-options {\r\n      inset-inline-end: 0;\r\n      inset-block-start: 100%;\r\n      box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.4);\r\n    }\r\n\r\n    > button {\r\n      color: colors.$grasgroen;\r\n      font-size: typography.$font-size-base;\r\n      font-weight: 600;\r\n      line-height: normal;\r\n      position: relative;\r\n\r\n      &::after {\r\n        margin-inline-start: units.$u1;\r\n        position: absolute;\r\n        inset-inline-end: 0px;\r\n        inset-block-start: 50%;\r\n        transform: translateY(-50%);\r\n      }\r\n\r\n      &:hover,\r\n      &:active {\r\n        cursor: pointer;\r\n        text-decoration: underline;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.dso-nav {\r\n  &.ready {\r\n    .menu-user-home {\r\n      margin-inline-start: auto;\r\n    }\r\n  }\r\n\r\n  align-items: end;\r\n  column-gap: units.$u4;\r\n  display: flex;\r\n  list-style: none;\r\n  margin-block-end: 0;\r\n  margin-block-start: 0;\r\n  padding-inline-start: 0;\r\n\r\n  > li {\r\n    margin-block-end: 4px;\r\n\r\n    > a {\r\n      display: block;\r\n\r\n      &,\r\n      &:hover,\r\n      &:focus,\r\n      &:visited {\r\n        color: colors.$bosgroen;\r\n      }\r\n    }\r\n\r\n    &.dso-active,\r\n    &.is-active {\r\n      margin-block-end: 0;\r\n\r\n      > a {\r\n        @include nav-item-border(core-header-variables.$navigation-selected-color);\r\n\r\n        font-weight: bold;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.dso-nav-main {\r\n    display: flex !important;\r\n\r\n    > li {\r\n      > a {\r\n        @include link.reverse();\r\n        @include nav-item-main();\r\n\r\n        // stylelint-disable-next-line declaration-property-value-disallowed-list -- no wrapping wanted because of icon\r\n        white-space: nowrap;\r\n      }\r\n    }\r\n\r\n    dso-dropdown-menu {\r\n      .dso-dropdown-options {\r\n        inset-inline-start: units.$ru2 * -1 !important;\r\n        inset-block-start: 3px !important;\r\n      }\r\n\r\n      button {\r\n        @include nav-item-main();\r\n\r\n        align-items: flex-end;\r\n        color: colors.$bosgroen;\r\n\r\n        &:hover,\r\n        &:active {\r\n          cursor: pointer;\r\n          text-decoration: underline;\r\n        }\r\n\r\n        &::after {\r\n          margin-inline-start: units.$u1;\r\n          position: absolute;\r\n          inset-inline-end: 0px;\r\n          inset-block-start: auto;\r\n          transform: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .main-menu-item-icon {\r\n    block-size: 1em;\r\n    margin-inline-end: units.$u1;\r\n    position: relative;\r\n    inset-block-start: -2px;\r\n    inline-size: 1.2em;\r\n  }\r\n\r\n  .dropdown-menu-item .main-menu-item-icon {\r\n    margin-inline-end: 0;\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  ComponentInterface,\r\n  Element,\r\n  Event,\r\n  EventEmitter,\r\n  Fragment,\r\n  Host,\r\n  Prop,\r\n  State,\r\n  Watch,\r\n  forceUpdate,\r\n  h,\r\n} from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\n\r\nimport { i18n } from \"../../utils/i18n\";\r\nimport { isModifiedEvent } from \"../../utils/is-modified-event\";\r\n\r\nimport { translations } from \"./header.i18n\";\r\nimport {\r\n  HeaderAuthStatus,\r\n  HeaderCompactMode,\r\n  HeaderEvent,\r\n  HeaderMenuItem,\r\n  HeaderNavigationType,\r\n} from \"./header.interfaces\";\r\nimport { MenuItem } from \"./menu-item.functional-component\";\r\n\r\nconst minDesktopViewportWidth = 992;\r\n\r\ninterface ClickHandlerOptions {\r\n  menuItem?: HeaderMenuItem;\r\n  url?: string;\r\n}\r\n\r\n@Component({\r\n  tag: \"dso-header\",\r\n  styleUrl: \"header.scss\",\r\n  shadow: true,\r\n})\r\nexport class Header implements ComponentInterface {\r\n  @Element()\r\n  host!: HTMLDsoHeaderElement;\r\n\r\n  /**\r\n   * The main menu items.\r\n   */\r\n  @Prop()\r\n  mainMenu: HeaderMenuItem[] = [];\r\n\r\n  /**\r\n   * Set to \"always\" to force the header to be compact. Otherwise it will be compact when\r\n   * the viewport is smaller than 992px.\r\n   */\r\n  @Prop()\r\n  compact: HeaderCompactMode = \"auto\";\r\n\r\n  /**\r\n   * Used to show the login/logout option. 'none' renders nothing.\r\n   */\r\n  @Prop()\r\n  authStatus: HeaderAuthStatus = \"none\";\r\n\r\n  /**\r\n   * When the `authStatus` is `loggedOut` a loginUrl can be provided.\r\n   * The login button will then render as an anchor.\r\n   */\r\n  @Prop()\r\n  loginUrl?: string;\r\n\r\n  /**\r\n   * The URL to open when the user activates \"logout\".\r\n   * If no URL is specified, a button element is used instead.\r\n   */\r\n  @Prop()\r\n  logoutUrl?: string;\r\n\r\n  /**\r\n   * Show a help-button or link in the header\r\n   */\r\n  @Prop()\r\n  showHelp = false;\r\n\r\n  /**\r\n   * The URL to open when the user activates \"help\".\r\n   * If no URL is specified, a button element is used instead.\r\n   */\r\n  @Prop()\r\n  helpUrl?: string;\r\n\r\n  /**\r\n   * The name to show when the user is logged in.\r\n   */\r\n  @Prop()\r\n  userProfileName?: string;\r\n\r\n  /**\r\n   * The URL to open when the user activates the profile url.\r\n   */\r\n  @Prop()\r\n  userProfileUrl?: string;\r\n\r\n  /**\r\n   * The URL to open when the user activates \"Mijn Omgevingsloket\".\r\n   */\r\n  @Prop()\r\n  userHomeUrl?: string;\r\n\r\n  /**\r\n   * Set this to true when the user is at \"Mijn Omgevingsloket\".\r\n   */\r\n  @Prop()\r\n  userHomeActive = false;\r\n\r\n  /**\r\n   * Emitted when something in the header is selected.\r\n   *\r\n   * `event.detail.type` indicates the functionality the user pressed. eg. `'login'` or `'menuItem'`\r\n   */\r\n  @Event()\r\n  dsoHeaderClick!: EventEmitter<HeaderEvent>;\r\n\r\n  @State()\r\n  visibleMenuItemsCount: number | undefined = undefined;\r\n\r\n  @State()\r\n  dropdownOptionsOffset = 0;\r\n\r\n  @Watch(\"mainMenu\")\r\n  mainMenuChanged() {\r\n    this.resetVisibleMenuItems();\r\n  }\r\n\r\n  private resetVisibleMenuItems = () => {\r\n    this.visibleMenuItemsCount = undefined;\r\n  };\r\n\r\n  private get isCompact() {\r\n    return this.compact === \"always\" || window.innerWidth < minDesktopViewportWidth;\r\n  }\r\n\r\n  private clickHandler = (e: MouseEvent, type: HeaderNavigationType, options?: ClickHandlerOptions) => {\r\n    this.dsoHeaderClick.emit({\r\n      originalEvent: e,\r\n      isModifiedEvent: isModifiedEvent(e),\r\n      type,\r\n      menuItem: options?.menuItem,\r\n      url: options?.url ?? options?.menuItem?.url,\r\n    });\r\n  };\r\n\r\n  private dropdownElement: HTMLDsoDropdownMenuElement | undefined;\r\n  private navElement: HTMLUListElement | undefined;\r\n  private menuItemElementRefs: (HTMLLIElement | undefined)[] = [];\r\n  private dropdownMenuItemElementRef: HTMLLIElement | undefined;\r\n  private userHomeMenuItemElementRef: HTMLLIElement | undefined;\r\n\r\n  private text = i18n(() => this.host, translations);\r\n\r\n  /**\r\n   * Before determining the visible menu items, all the menu items are rendered (including the dropdown menu item and the user home menu item).\r\n   * Then the visible menu items are calculated in componentDidRender() and ONLY when the visibleMenuItemsCount is undefined.\r\n   *\r\n   * When the window resizes or this.mainMenu changes, a reset is triggered to recalculate the visible menu items.\r\n   *\r\n   * @param navElement The navigation element to calculate the overflow menu item count for.\r\n   * @returns The number of menu items that can fit in the available space.\r\n   */\r\n  private calculateOverflowMenuItemCount(navElement: HTMLUListElement): number {\r\n    const availableWidth = navElement.offsetWidth;\r\n\r\n    const lastMenuItem = this.menuItemElementRefs[this.menuItemElementRefs.length - 1];\r\n    const mostRightMenuItem = this.userHomeMenuItemElementRef ?? lastMenuItem;\r\n    const dropdownMenuItem = this.dropdownMenuItemElementRef;\r\n\r\n    if (!mostRightMenuItem || !dropdownMenuItem || !lastMenuItem) {\r\n      return this.menuItemElementRefs.length;\r\n    }\r\n\r\n    const dropdownMenuItemEffectiveWidth =\r\n      dropdownMenuItem.offsetLeft + dropdownMenuItem.offsetWidth - (lastMenuItem.offsetLeft + lastMenuItem.offsetWidth);\r\n\r\n    const requiredWidth = mostRightMenuItem.offsetLeft + mostRightMenuItem.offsetWidth - dropdownMenuItemEffectiveWidth;\r\n\r\n    if (requiredWidth <= availableWidth) {\r\n      return this.menuItemElementRefs.length;\r\n    }\r\n\r\n    const userHomeMenuItemEffectiveWidth = this.userHomeMenuItemElementRef\r\n      ? this.userHomeMenuItemElementRef.offsetLeft +\r\n        this.userHomeMenuItemElementRef.offsetWidth -\r\n        (dropdownMenuItem.offsetLeft + dropdownMenuItem.offsetWidth)\r\n      : 0;\r\n\r\n    const remainingWidth = availableWidth - dropdownMenuItemEffectiveWidth - userHomeMenuItemEffectiveWidth;\r\n\r\n    const visibleMenuItems = this.menuItemElementRefs.findIndex(\r\n      (menuItem) => menuItem && menuItem.offsetLeft + menuItem.offsetWidth > remainingWidth,\r\n    );\r\n\r\n    if (visibleMenuItems < 0) {\r\n      return this.menuItemElementRefs.length;\r\n    }\r\n\r\n    return visibleMenuItems;\r\n  }\r\n\r\n  private calculateDropdownOptionsOffset() {\r\n    if (!this.dropdownElement) {\r\n      return 0;\r\n    }\r\n\r\n    return (\r\n      this.host.clientHeight -\r\n      (this.dropdownElement?.getBoundingClientRect().bottom - this.host.getBoundingClientRect().top)\r\n    );\r\n  }\r\n\r\n  private get visibleMainMenuItems(): HeaderMenuItem[] {\r\n    return typeof this.visibleMenuItemsCount === \"number\"\r\n      ? this.mainMenu.slice(0, this.visibleMenuItemsCount)\r\n      : this.mainMenu;\r\n  }\r\n\r\n  private get hiddenMainMenuItems(): HeaderMenuItem[] {\r\n    return typeof this.visibleMenuItemsCount === \"number\" ? this.mainMenu.slice(this.visibleMenuItemsCount) : [];\r\n  }\r\n\r\n  private resizeObserver = new ResizeObserver(() => {\r\n    this.resetVisibleMenuItems();\r\n\r\n    forceUpdate(this.host);\r\n  });\r\n\r\n  connectedCallback(): void {\r\n    this.resizeObserver.observe(this.host);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.resizeObserver.disconnect();\r\n  }\r\n\r\n  componentDidRender() {\r\n    if (!this.host.isConnected) {\r\n      return;\r\n    }\r\n\r\n    if (this.isCompact && this.dropdownElement) {\r\n      this.dropdownElement.dropdownOptionsOffset = this.calculateDropdownOptionsOffset();\r\n    }\r\n\r\n    if (typeof this.visibleMenuItemsCount === \"undefined\" && this.navElement) {\r\n      this.visibleMenuItemsCount = this.calculateOverflowMenuItemCount(this.navElement);\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host is-compact={this.isCompact}>\r\n        <div class=\"dso-header\">\r\n          <div class=\"logo-container\">\r\n            <slot name=\"logo\" />\r\n          </div>\r\n          {this.isCompact ? this.renderCompact() : this.renderNormal()}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  private renderCompact() {\r\n    return (\r\n      (this.mainMenu.length > 0 || this.userHomeUrl || this.authStatus !== \"none\") && (\r\n        <div class=\"dropdown\">\r\n          <dso-dropdown-menu\r\n            dropdown-align=\"right\"\r\n            dropdownOptionsOffset={this.dropdownOptionsOffset}\r\n            ref={(element) => (this.dropdownElement = element)}\r\n          >\r\n            <button type=\"button\" slot=\"toggle\">\r\n              <span>{this.text(\"menu\")}</span>\r\n              <dso-icon icon=\"chevron-down\"></dso-icon>\r\n            </button>\r\n            <div class=\"dso-dropdown-options\">\r\n              <ul>\r\n                {this.mainMenu.map((menuItem) => (\r\n                  <MenuItem\r\n                    item={menuItem}\r\n                    onClick={(e) => this.clickHandler(e, \"menuItem\", { menuItem })}\r\n                    key={menuItem.label}\r\n                  />\r\n                ))}\r\n                {this.userHomeUrl && (\r\n                  <li>\r\n                    <a\r\n                      href={this.userHomeUrl}\r\n                      onClick={(e) => this.clickHandler(e, \"userHome\", { url: this.userHomeUrl })}\r\n                    >\r\n                      {this.text(\"userHome\")}\r\n                    </a>\r\n                  </li>\r\n                )}\r\n                {this.userProfileUrl && this.userProfileName && this.authStatus === \"loggedIn\" && (\r\n                  <li>\r\n                    <a\r\n                      href={this.userProfileUrl}\r\n                      onClick={(e) => this.clickHandler(e, \"profile\", { url: this.userProfileUrl })}\r\n                    >\r\n                      {this.userProfileName}\r\n                      <span class=\"profile-label\"> - Mijn profiel</span>\r\n                    </a>\r\n                  </li>\r\n                )}\r\n                {this.authStatus === \"loggedOut\" && (\r\n                  <li>\r\n                    {this.loginUrl ? (\r\n                      <a href={this.loginUrl} onClick={(e) => this.clickHandler(e, \"login\", { url: this.loginUrl })}>\r\n                        {this.text(\"login\")}\r\n                      </a>\r\n                    ) : (\r\n                      <button type=\"button\" onClick={(e) => this.clickHandler(e, \"login\")}>\r\n                        {this.text(\"login\")}\r\n                      </button>\r\n                    )}\r\n                  </li>\r\n                )}\r\n                {this.authStatus === \"loggedIn\" && (\r\n                  <li>\r\n                    {this.logoutUrl ? (\r\n                      <a href={this.logoutUrl} onClick={(e) => this.clickHandler(e, \"logout\", { url: this.logoutUrl })}>\r\n                        {this.text(\"logout\")}\r\n                      </a>\r\n                    ) : (\r\n                      <button type=\"button\" onClick={(e) => this.clickHandler(e, \"logout\")}>\r\n                        {this.text(\"logout\")}\r\n                      </button>\r\n                    )}\r\n                  </li>\r\n                )}\r\n                {this.showHelp && (\r\n                  <li>\r\n                    {this.helpUrl ? (\r\n                      <a\r\n                        href={this.helpUrl}\r\n                        class=\"dso-tertiary\"\r\n                        onClick={(e) => this.clickHandler(e, \"help\", { url: this.helpUrl })}\r\n                      >\r\n                        <span>{this.text(\"help\")}</span>\r\n                        <dso-icon icon=\"help\"></dso-icon>\r\n                      </a>\r\n                    ) : (\r\n                      <button type=\"button\" class=\"dso-tertiary\" onClick={(e) => this.clickHandler(e, \"help\")}>\r\n                        <span>{this.text(\"help\")}</span>\r\n                        <dso-icon icon=\"help\"></dso-icon>\r\n                      </button>\r\n                    )}\r\n                  </li>\r\n                )}\r\n              </ul>\r\n            </div>\r\n          </dso-dropdown-menu>\r\n        </div>\r\n      )\r\n    );\r\n  }\r\n\r\n  private renderNormal() {\r\n    this.menuItemElementRefs = [];\r\n\r\n    return (\r\n      <Fragment>\r\n        <div class=\"dso-header-session\">\r\n          {this.userProfileUrl && this.userProfileName && this.authStatus === \"loggedIn\" && (\r\n            <div class=\"profile\">\r\n              <a\r\n                href={this.userProfileUrl}\r\n                class=\"dso-tertiary\"\r\n                onClick={(e) => this.clickHandler(e, \"profile\", { url: this.userProfileUrl })}\r\n              >\r\n                {this.userProfileName}\r\n              </a>\r\n            </div>\r\n          )}\r\n          {this.authStatus === \"loggedOut\" && (\r\n            <div class=\"login\">\r\n              {this.loginUrl ? (\r\n                <a\r\n                  href={this.loginUrl}\r\n                  class=\"dso-tertiary\"\r\n                  onClick={(e) => this.clickHandler(e, \"login\", { url: this.loginUrl })}\r\n                >\r\n                  {this.text(\"login\")}\r\n                </a>\r\n              ) : (\r\n                <button class=\"dso-tertiary\" type=\"button\" onClick={(e) => this.clickHandler(e, \"login\")}>\r\n                  {this.text(\"login\")}\r\n                </button>\r\n              )}\r\n            </div>\r\n          )}\r\n          {this.authStatus === \"loggedIn\" && (\r\n            <div class=\"logout\">\r\n              {this.logoutUrl ? (\r\n                <a\r\n                  href={this.logoutUrl}\r\n                  class=\"dso-tertiary\"\r\n                  onClick={(e) => this.clickHandler(e, \"logout\", { url: this.logoutUrl })}\r\n                >\r\n                  {this.text(\"logout\")}\r\n                </a>\r\n              ) : (\r\n                <button class=\"dso-tertiary\" type=\"button\" onClick={(e) => this.clickHandler(e, \"logout\")}>\r\n                  {this.text(\"logout\")}\r\n                </button>\r\n              )}\r\n            </div>\r\n          )}\r\n          {this.showHelp && (\r\n            <div class=\"help\">\r\n              {this.helpUrl ? (\r\n                <a\r\n                  href={this.helpUrl}\r\n                  class=\"dso-tertiary\"\r\n                  onClick={(e) => this.clickHandler(e, \"help\", { url: this.helpUrl })}\r\n                >\r\n                  <span>{this.text(\"help\")}</span>\r\n                  <dso-icon icon=\"help\"></dso-icon>\r\n                </a>\r\n              ) : (\r\n                <button class=\"dso-tertiary\" type=\"button\" onClick={(e) => this.clickHandler(e, \"help\")}>\r\n                  <span>{this.text(\"help\")}</span>\r\n                  <dso-icon icon=\"help\"></dso-icon>\r\n                </button>\r\n              )}\r\n            </div>\r\n          )}\r\n        </div>\r\n        {(this.mainMenu.length > 0 || this.userHomeUrl) && (\r\n          <nav class=\"dso-navbar\">\r\n            <ul\r\n              class={clsx(\"dso-nav\", \"dso-nav-main\", { ready: this.visibleMenuItemsCount !== undefined })}\r\n              ref={(element) => (this.navElement = element)}\r\n            >\r\n              {this.visibleMainMenuItems.map((menuItem, i) => (\r\n                <MenuItem\r\n                  item={menuItem}\r\n                  onClick={(e) => this.clickHandler(e, \"menuItem\", { menuItem })}\r\n                  key={menuItem.label}\r\n                  ref={(el) => (this.menuItemElementRefs[i] = el)}\r\n                />\r\n              ))}\r\n              {(this.visibleMenuItemsCount === undefined || this.hiddenMainMenuItems.length > 0) && (\r\n                <li\r\n                  aria-hidden={this.visibleMenuItemsCount === undefined}\r\n                  ref={(el) => (this.dropdownMenuItemElementRef = el)}\r\n                  class=\"dropdown-menu-item\"\r\n                >\r\n                  <dso-dropdown-menu>\r\n                    <button type=\"button\" slot=\"toggle\">\r\n                      <span>{this.text(\"overflowMenu\")}</span>\r\n                      <dso-icon icon=\"chevron-down\" class=\"main-menu-item-icon\"></dso-icon>\r\n                    </button>\r\n                    <div class=\"dso-dropdown-options\">\r\n                      <ul>\r\n                        {this.hiddenMainMenuItems.map((menuItem) => (\r\n                          <MenuItem\r\n                            item={menuItem}\r\n                            onClick={(e) => this.clickHandler(e, \"menuItem\", { menuItem })}\r\n                            key={menuItem.label}\r\n                          />\r\n                        ))}\r\n                      </ul>\r\n                    </div>\r\n                  </dso-dropdown-menu>\r\n                </li>\r\n              )}\r\n              {this.userHomeUrl && (\r\n                <li\r\n                  class={clsx(\"menu-user-home\", { \"dso-active\": this.userHomeActive })}\r\n                  ref={(el) => (this.userHomeMenuItemElementRef = el)}\r\n                >\r\n                  <a\r\n                    href={this.userHomeUrl}\r\n                    aria-current={this.userHomeActive ? \"page\" : undefined}\r\n                    onClick={(e) => this.clickHandler(e, \"userHome\", { url: this.userHomeUrl })}\r\n                  >\r\n                    <dso-icon icon=\"user-line\" class=\"main-menu-item-icon\"></dso-icon>\r\n                    {this.text(\"userHome\")}\r\n                  </a>\r\n                </li>\r\n              )}\r\n            </ul>\r\n          </nav>\r\n        )}\r\n      </Fragment>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as n,c as t,f as o,h as e,F as s,g as i}from"./p-DxWmN7gh.js";import{c as r}from"./p-ChV9xqsO.js";const d="*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n:host {\n  display: block;\n}\n\n.sr-only {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  padding: 0;\n  margin: -1px;\n  border: 0;\n  overflow: hidden;\n  clip-path: inset(0);\n}\n\n.dso-tertiary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n}\n.dso-tertiary:focus, .dso-tertiary:focus-visible {\n  outline-offset: 2px;\n}\n.dso-tertiary:active {\n  outline: 0;\n}\n.dso-tertiary {\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n}\n.dso-tertiary[disabled] {\n  color: #afcf9d;\n}\n.dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {\n  color: #39870c;\n}\n.dso-tertiary:not([disabled]):hover {\n  color: #275937;\n  text-decoration: underline;\n  text-underline-position: under;\n}\n.dso-tertiary:not([disabled]):active {\n  color: #173521;\n}\n.dso-tertiary.dso-align {\n  line-height: calc(1.5em - 1px);\n  padding-block: 11px;\n  padding-inline: 0;\n  position: relative;\n}\n.dso-tertiary.dso-truncate {\n  max-inline-size: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dso-tertiary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: middle;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\n.dso-tertiary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: middle;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\n.dso-tertiary dso-icon + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + dso-icon {\n  margin-inline-start: 8px;\n}\n.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\n.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\n.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {\n  margin-inline-start: 0;\n}\n.dso-tertiary dso-icon,\n.dso-tertiary span {\n  vertical-align: middle;\n}\n.dso-tertiary {\n  cursor: pointer;\n}\n\n.dso-input-number {\n  align-items: center;\n  display: flex;\n}\n.dso-input-number .dso-input-step-counter {\n  text-align: center;\n  inline-size: 1.5rem;\n  font-size: 14px;\n}\n\n.dso-button-group {\n  display: flex;\n  flex-direction: row;\n}\n.dso-button-group.dso-disabled > * {\n  background-color: #fff;\n  border-color: #e5e5e5;\n  color: #666;\n}\n.dso-button-group.dso-disabled > * {\n  pointer-events: none;\n}\n.dso-button-group > * {\n  border-radius: 0;\n}\n.dso-button-group > *:first-child {\n  border-radius: 4px 0 0 4px;\n}\n.dso-button-group > *:not(:first-child) {\n  border-inline-start-style: none !important;\n}\n.dso-button-group > *:last-child {\n  border-radius: 0 4px 4px 0;\n}\n.dso-button-group > *:only-child {\n  border-radius: 4px;\n}\n.dso-button-group > .dso-input-number {\n  border-style: solid;\n  border-width: 1px;\n  flex-wrap: nowrap;\n  padding-block: 0;\n  padding-inline: 16px;\n}\n.dso-button-group > .dso-input-number {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #191919;\n}\n@media screen and (max-width: 767px) {\n  .dso-button-group > .dso-input-number {\n    justify-content: center;\n  }\n}\n.dso-button-group > *:hover + .dso-input-number,\n.dso-button-group > *:focus + .dso-input-number {\n  background-color: #fff;\n  border-color: #d7e7ce;\n  color: #191919;\n}\n.dso-button-group > *.dso-selected + .dso-input-number {\n  box-shadow: inset 0 -1px 0 0 #39870c, inset 0 1px 0 0 #39870c, inset -1px 0 0 0 #39870c;\n}\n.dso-button-group > *.dso-selected + .dso-input-number {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-button-group > *:active + .dso-input-number, .dso-button-group > *:active + .dso-input-number:hover,\n.dso-button-group > *.active + .dso-input-number,\n.dso-button-group > *.active + .dso-input-number:hover {\n  background-color: #fff;\n  border-color: #d7e7ce;\n  color: #191919;\n}\n.dso-button-group > *.disabled + .dso-input-number, .dso-button-group > *.disabled + .dso-input-number:hover,\n.dso-button-group > *[disabled] + .dso-input-number,\n.dso-button-group > *[disabled] + .dso-input-number:hover {\n  opacity: 1;\n}\n.dso-button-group > *.disabled + .dso-input-number, .dso-button-group > *.disabled + .dso-input-number:hover,\n.dso-button-group > *[disabled] + .dso-input-number,\n.dso-button-group > *[disabled] + .dso-input-number:hover {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #666;\n}\n.dso-button-group .dso-list-button {\n  padding-inline-end: 15px;\n}\n\n.dso-list-button {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n}\n.dso-list-button:focus, .dso-list-button:focus-visible {\n  outline-offset: 2px;\n}\n.dso-list-button:active {\n  outline: 0;\n}\n.dso-list-button {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #191919;\n}\n.dso-list-button {\n  border-radius: 4px;\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 600;\n  padding-block: 15px;\n  padding-inline: 15px 47px;\n  position: relative;\n  text-align: start;\n  white-space: normal;\n  inline-size: 100%;\n  cursor: pointer;\n}\n.dso-list-button:hover, .dso-list-button:focus {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-list-button:active, .dso-list-button:active:hover, .dso-list-button.active, .dso-list-button.active:hover {\n  background-color: #fff;\n  border-color: #d7e7ce;\n  color: #191919;\n}\n.dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #666;\n}\n.dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {\n  opacity: 1;\n}\n.dso-list-button dso-selectable:not(:last-child) {\n  margin-block-end: 0;\n}\n.dso-list-button .dso-selectable-container label {\n  font-weight: 700;\n}\n.dso-list-button.dso-selected {\n  border-color: #39870c;\n  border-width: 1px;\n  box-shadow: inset 0px 0px 0px 1px #39870c, inset -1px 0px 0px 0px #39870c;\n}\n@media screen and (min-width: 768px) {\n  .dso-list-button.dso-selected.dso-single-count {\n    border-inline-end: 0;\n    box-shadow: #39870c 0px 1px 0px 0px inset, #39870c 1px 0px 0px 0px inset, #39870c 0px -1px 0px 0px inset;\n  }\n}\n.dso-list-button label {\n  cursor: inherit;\n}\n.dso-list-button > span {\n  display: block;\n}\n.dso-list-button .dso-sublabel,\n.dso-list-button .subcontent {\n  font-weight: 400;\n  inline-size: 100%;\n  padding-inline-start: 32px;\n}\n.dso-list-button dso-icon {\n  block-size: 24px;\n  color: #39870c;\n  inset-block-start: 15px;\n  inset-inline-end: 15px;\n  inline-size: 24px;\n  break-before: page;\n  position: absolute;\n}\n@media screen and (max-width: 767px) {\n  .dso-list-button.dso-selected.dso-single-count::after {\n    inline-size: 0;\n  }\n}";const a=class{constructor(o){n(this,o);this.dsoCountChange=t(this,"dsoCountChange",7);this.dsoSelectedChange=t(this,"dsoSelectedChange",7);this.checked=false;this.disabled=false}get subcontentSlot(){return this.host.querySelector("[slot='subcontent']")}connectedCallback(){this.mutationObserver=new MutationObserver((()=>o(this.host)));this.mutationObserver.observe(this.host,{characterData:true,childList:true,subtree:true,attributes:true})}componentDidRender(){var n,t;if(!((n=this.subcontentSlot)===null||n===void 0?void 0:n.hasAttribute("aria-hidden"))){(t=this.subcontentSlot)===null||t===void 0?void 0:t.setAttribute("aria-hidden","true")}}disconnectedCallback(){var n;(n=this.mutationObserver)===null||n===void 0?void 0:n.disconnect();delete this.mutationObserver}stepValue(n,t){if(typeof this.count==="number"){const o=t==="increment"?this.count+1:this.count-1;if(!this.isNewCountValid(o)){return}this.dsoCountChange.emit({originalEvent:n,count:o})}}handleSelectClick(n){n.preventDefault();if(this.count!==undefined){this.dsoCountChange.emit({originalEvent:n,count:this.count>0?0:1});return}this.dsoSelectedChange.emit({originalEvent:n,checked:!this.checked})}isNewCountValid(n){return!(this.min!==undefined&&this.max!==undefined&&(n<Number(this.min)||n>Number(this.max)))}render(){const n=this.checked||this.count!==undefined&&this.count>0;return e("div",{key:"c27cab802da7b149c54da89e044000879b35a1ea",class:r(["dso-button-group",{"dso-disabled":this.disabled}])},e("div",{key:"bdb5da45f124bad1335734fc0670bdc63b0b3e0a",class:r(["dso-list-button",{"dso-selected":n,"dso-single-count":this.count===1}]),onClick:n=>this.handleSelectClick(n)},e("dso-selectable",{key:"f6a6593be437c4bddaad0342061e27f64fce08ee",type:"checkbox",value:"list-button",name:"naam",checked:n,disabled:this.disabled},this.label,this.sublabel&&e("span",{key:"14ff0ccfe9c54f1a133264435fcdc9fda42a2c97",class:"sr-only"}," ",this.sublabel),this.subcontentSlot&&e("span",{key:"68b35d92a01ad90522ee630bdc8836e89cb5f134",class:"sr-only"},this.subcontentPrefix&&this.subcontentPrefix+":"," ",e("span",{key:"9ddaf40939b76068574b42857667c6acf8c1235f",innerHTML:this.subcontentSlot.innerHTML}))),this.sublabel&&e("span",{key:"f1a64f125d1e69d9105093b7fda37d596b4e59c1",class:"dso-sublabel"},this.sublabel),this.subcontentSlot&&e("div",{key:"6e48a9e6a9911c0a1e6bd8c47ccb54a07bb63ea9",class:"subcontent"},e("slot",{key:"dc3e3eb22ee6cf0a165929ea205777f5d2275412",name:"subcontent"}))),this.count!==undefined&&this.count>0&&e("div",{key:"c83d39740d933691268167f6bf8c1caf03427320",class:"dso-input-number"},this.count>1&&e(s,{key:"70b5184ffed37bd800054eee6cd075e5e87a3e6d"},e("dso-icon-button",{key:"9916a89644c6dbef589cc6576ed227100b99c734",label:"Aantal verlagen",variant:"tertiary",icon:"minus-circle",disabled:this.count===Number(this.min)||this.disabled,onDsoClick:n=>this.stepValue(n,"decrement")}),e("span",{key:"edf865339b29c1cbd0092e9fbc3f4ee8bb69223a",class:"dso-input-step-counter","aria-label":"Aantal","aria-live":"polite"},this.count)),e("dso-icon-button",{key:"847465aa1ce444b5c158075539931d244d0efdaa",label:"Aantal verhogen",variant:"tertiary",icon:"plus-circle",disabled:this.count===Number(this.max)||this.disabled,onDsoClick:n=>this.stepValue(n,"increment")})))}get host(){return i(this)}};a.style=d;export{a as dso_list_button};
-//# sourceMappingURL=p-bea3ed89.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["listButtonCss","ListButton","constructor","hostRef","this","checked","disabled","subcontentSlot","host","querySelector","connectedCallback","mutationObserver","MutationObserver","forceUpdate","observe","characterData","childList","subtree","attributes","componentDidRender","_a","hasAttribute","_b","setAttribute","disconnectedCallback","disconnect","stepValue","e","direction","count","newValue","isNewCountValid","dsoCountChange","emit","originalEvent","handleSelectClick","preventDefault","undefined","dsoSelectedChange","min","max","Number","render","selected","h","key","class","clsx","onClick","type","value","name","label","sublabel","subcontentPrefix","innerHTML","Fragment","variant","icon","onDsoClick"],"sources":["src/components/list-button/list-button.scss?tag=dso-list-button&encapsulation=shadow","src/components/list-button/list-button.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/components/form-control\";\r\n@use \"~dso-toolkit/src/utilities\";\r\n\r\n@use \"list-button.variables\" as list-button-variables;\r\n\r\n@include utilities.box-sizing();\r\n\r\n@mixin _state-styling($background-color: inherit, $border-color: inherit, $color: inherit) {\r\n  & {\r\n    background-color: $background-color;\r\n    border-color: $border-color;\r\n    color: $color;\r\n  }\r\n}\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\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    cursor: pointer;\r\n  }\r\n}\r\n\r\n.dso-input-number {\r\n  align-items: center;\r\n  display: flex;\r\n\r\n  .dso-input-step-counter {\r\n    text-align: center;\r\n    inline-size: units.$ru3;\r\n    font-size: list-button-variables.$font-size-count;\r\n  }\r\n}\r\n\r\n.dso-button-group {\r\n  display: flex;\r\n  flex-direction: row;\r\n\r\n  &.dso-disabled {\r\n    > * {\r\n      @include _state-styling(colors.$wit, colors.$grijs-10, colors.$grijs-60);\r\n\r\n      // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n      & {\r\n        pointer-events: none;\r\n      }\r\n    }\r\n  }\r\n\r\n  > * {\r\n    border-radius: 0;\r\n\r\n    &:first-child {\r\n      border-radius: list-button-variables.$border-radius 0 0 list-button-variables.$border-radius;\r\n    }\r\n\r\n    &:not(:first-child) {\r\n      border-inline-start-style: none !important;\r\n    }\r\n\r\n    &:last-child {\r\n      border-radius: 0 list-button-variables.$border-radius list-button-variables.$border-radius 0;\r\n    }\r\n\r\n    &:only-child {\r\n      border-radius: list-button-variables.$border-radius;\r\n    }\r\n  }\r\n\r\n  > .dso-input-number {\r\n    border-style: solid;\r\n    border-width: 1px;\r\n    flex-wrap: nowrap;\r\n    padding-block: 0;\r\n    padding-inline: units.$u2;\r\n\r\n    @include _state-styling(colors.$wit, colors.$grijs-20, colors.$grijs-90);\r\n\r\n    @media screen and (max-width: media-query-breakpoints.$screen-xs-max) {\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  > *:hover + .dso-input-number,\r\n  > *:focus + .dso-input-number {\r\n    @include _state-styling(colors.$wit, button.$secondary-hover-background-color, colors.$grijs-90);\r\n  }\r\n\r\n  > *.dso-selected + .dso-input-number {\r\n    box-shadow:\r\n      inset 0 -1px 0 0 button.$secondary-border-color,\r\n      inset 0 1px 0 0 button.$secondary-border-color,\r\n      inset -1px 0 0 0 button.$secondary-border-color;\r\n\r\n    @include _state-styling(colors.$wit, button.$secondary-border-color, colors.$grijs-90);\r\n  }\r\n\r\n  > *:active + .dso-input-number,\r\n  > *.active + .dso-input-number {\r\n    &,\r\n    &:hover {\r\n      @include _state-styling(colors.$wit, button.$secondary-hover-background-color, colors.$grijs-90);\r\n    }\r\n  }\r\n\r\n  > *.disabled + .dso-input-number,\r\n  > *[disabled] + .dso-input-number {\r\n    &,\r\n    &:hover {\r\n      opacity: 1;\r\n\r\n      @include _state-styling(colors.$wit, colors.$grijs-20, colors.$grijs-60);\r\n    }\r\n  }\r\n\r\n  .dso-list-button {\r\n    padding-inline-end: #{units.$u2 - 1};\r\n  }\r\n}\r\n\r\n.dso-list-button {\r\n  @include button.base($modifiers: false);\r\n  @include _state-styling(colors.$wit, colors.$grijs-20, colors.$grijs-90);\r\n\r\n  // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2977\r\n  & {\r\n    border-radius: button.$border-radius;\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    font-weight: 600;\r\n    padding-block: #{units.$u2 - 1};\r\n    padding-inline: #{units.$u2 - 1} #{units.$u6 - 1};\r\n    position: relative;\r\n    text-align: start;\r\n    white-space: normal;\r\n    inline-size: 100%;\r\n    cursor: pointer;\r\n  }\r\n\r\n  &:hover,\r\n  &:focus {\r\n    @include _state-styling(colors.$wit, button.$secondary-border-color, colors.$grijs-90);\r\n  }\r\n\r\n  &:active,\r\n  &.active {\r\n    &,\r\n    &:hover {\r\n      @include _state-styling(colors.$wit, button.$secondary-hover-background-color, colors.$grijs-90);\r\n    }\r\n  }\r\n\r\n  &.disabled,\r\n  &[disabled] {\r\n    &,\r\n    &:hover {\r\n      @include _state-styling(colors.$wit, colors.$grijs-20, colors.$grijs-60);\r\n\r\n      // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n      & {\r\n        opacity: 1;\r\n      }\r\n    }\r\n  }\r\n\r\n  dso-selectable:not(:last-child) {\r\n    margin-block-end: 0;\r\n  }\r\n\r\n  .dso-selectable-container label {\r\n    font-weight: 700;\r\n  }\r\n\r\n  &.dso-selected {\r\n    border-color: colors.$grasgroen;\r\n    border-width: 1px;\r\n    box-shadow:\r\n      inset 0px 0px 0px 1px colors.$grasgroen,\r\n      inset -1px 0px 0px 0px colors.$grasgroen;\r\n\r\n    &.dso-single-count {\r\n      @media screen and (min-width: media-query-breakpoints.$screen-sm-min) {\r\n        border-inline-end: 0;\r\n        box-shadow:\r\n          colors.$grasgroen 0px 1px 0px 0px inset,\r\n          colors.$grasgroen 1px 0px 0px 0px inset,\r\n          colors.$grasgroen 0px -1px 0px 0px inset;\r\n      }\r\n    }\r\n  }\r\n\r\n  label {\r\n    cursor: inherit;\r\n  }\r\n\r\n  > span {\r\n    display: block;\r\n  }\r\n\r\n  .dso-sublabel,\r\n  .subcontent {\r\n    font-weight: 400;\r\n    inline-size: 100%;\r\n    padding-inline-start: units.$u4;\r\n  }\r\n\r\n  dso-icon {\r\n    block-size: units.$u3;\r\n    color: colors.$grasgroen;\r\n    inset-block-start: #{units.$u2 - 1};\r\n    inset-inline-end: #{units.$u2 - 1};\r\n    inline-size: units.$u3;\r\n    break-before: page;\r\n    position: absolute;\r\n  }\r\n\r\n  @media screen and (max-width: media-query-breakpoints.$screen-xs-max) {\r\n    &.dso-selected.dso-single-count {\r\n      &::after {\r\n        inline-size: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  ComponentInterface,\r\n  Element,\r\n  Event,\r\n  EventEmitter,\r\n  Fragment,\r\n  Prop,\r\n  forceUpdate,\r\n  h,\r\n} from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\n\r\nimport { ListButtonChangeEvent, ListButtonSelectedEvent } from \"./list-button.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-list-button\",\r\n  shadow: true,\r\n  styleUrl: \"list-button.scss\",\r\n})\r\nexport class ListButton implements ComponentInterface {\r\n  @Element()\r\n  host!: HTMLDsoListButtonElement;\r\n\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  private get subcontentSlot() {\r\n    return this.host.querySelector<HTMLElement>(\"[slot='subcontent']\");\r\n  }\r\n\r\n  /**\r\n   * The label of the List Button.\r\n   */\r\n  @Prop()\r\n  label?: string;\r\n\r\n  /**\r\n   * The sublabel of the List Button.\r\n   */\r\n  @Prop()\r\n  sublabel?: string;\r\n\r\n  /**\r\n   * When defined the count can show on the List Button.\r\n   */\r\n  @Prop()\r\n  count?: number;\r\n\r\n  /**\r\n   * The minimum value.\r\n   */\r\n  @Prop()\r\n  min?: string | number;\r\n\r\n  /**\r\n   * The maximum value.\r\n   */\r\n  @Prop()\r\n  max?: string | number;\r\n\r\n  /**\r\n   * Whether the List Button is checked.\r\n   */\r\n  @Prop({ reflect: true })\r\n  checked = false;\r\n\r\n  /**\r\n   * Whether the List Button is disabled.\r\n   */\r\n  @Prop({ reflect: true })\r\n  disabled = false;\r\n\r\n  /**\r\n   * Prefix to subcontent for the purpose of screenreading.\r\n   */\r\n  @Prop()\r\n  subcontentPrefix?: string;\r\n\r\n  /**\r\n   * Emitted when the user changes the count.\r\n   */\r\n  @Event()\r\n  dsoCountChange!: EventEmitter<ListButtonChangeEvent>;\r\n\r\n  /**\r\n   * Emitted when the user activates the List Button itself.\r\n   *\r\n   * Does not fire when the user activates the count controls.\r\n   */\r\n  @Event()\r\n  dsoSelectedChange!: EventEmitter<ListButtonSelectedEvent>;\r\n\r\n  connectedCallback() {\r\n    this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));\r\n\r\n    this.mutationObserver.observe(this.host, {\r\n      characterData: true,\r\n      childList: true,\r\n      subtree: true,\r\n      attributes: true,\r\n    });\r\n  }\r\n\r\n  componentDidRender(): void {\r\n    if (!this.subcontentSlot?.hasAttribute(\"aria-hidden\")) {\r\n      this.subcontentSlot?.setAttribute(\"aria-hidden\", \"true\");\r\n    }\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.mutationObserver?.disconnect();\r\n    delete this.mutationObserver;\r\n  }\r\n\r\n  private stepValue(e: Event, direction: \"increment\" | \"decrement\"): void {\r\n    if (typeof this.count === \"number\") {\r\n      const newValue = direction === \"increment\" ? this.count + 1 : this.count - 1;\r\n\r\n      if (!this.isNewCountValid(newValue)) {\r\n        return;\r\n      }\r\n\r\n      this.dsoCountChange.emit({\r\n        originalEvent: e,\r\n        count: newValue,\r\n      });\r\n    }\r\n  }\r\n\r\n  private handleSelectClick(e: Event): void {\r\n    e.preventDefault();\r\n\r\n    if (this.count !== undefined) {\r\n      this.dsoCountChange.emit({\r\n        originalEvent: e,\r\n        count: this.count > 0 ? 0 : 1,\r\n      });\r\n\r\n      return;\r\n    }\r\n\r\n    this.dsoSelectedChange.emit({\r\n      originalEvent: e,\r\n      checked: !this.checked,\r\n    });\r\n  }\r\n\r\n  private isNewCountValid(newValue: number): boolean {\r\n    return !(\r\n      this.min !== undefined &&\r\n      this.max !== undefined &&\r\n      (newValue < Number(this.min) || newValue > Number(this.max))\r\n    );\r\n  }\r\n\r\n  render() {\r\n    const selected = this.checked || (this.count !== undefined && this.count > 0);\r\n\r\n    return (\r\n      <div class={clsx([\"dso-button-group\", { \"dso-disabled\": this.disabled }])}>\r\n        <div\r\n          class={clsx([\"dso-list-button\", { \"dso-selected\": selected, \"dso-single-count\": this.count === 1 }])}\r\n          onClick={(e) => this.handleSelectClick(e)}\r\n        >\r\n          <dso-selectable type=\"checkbox\" value=\"list-button\" name=\"naam\" checked={selected} disabled={this.disabled}>\r\n            {this.label}\r\n            {this.sublabel && <span class=\"sr-only\"> {this.sublabel}</span>}\r\n            {this.subcontentSlot && (\r\n              <span class=\"sr-only\">\r\n                {this.subcontentPrefix && this.subcontentPrefix + \":\"}{\" \"}\r\n                <span innerHTML={this.subcontentSlot.innerHTML}></span>\r\n              </span>\r\n            )}\r\n          </dso-selectable>\r\n          {this.sublabel && <span class=\"dso-sublabel\">{this.sublabel}</span>}\r\n          {this.subcontentSlot && (\r\n            <div class=\"subcontent\">\r\n              <slot name=\"subcontent\" />\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {this.count !== undefined && this.count > 0 && (\r\n          <div class=\"dso-input-number\">\r\n            {this.count > 1 && (\r\n              <Fragment>\r\n                <dso-icon-button\r\n                  label=\"Aantal verlagen\"\r\n                  variant=\"tertiary\"\r\n                  icon=\"minus-circle\"\r\n                  disabled={this.count === Number(this.min) || this.disabled}\r\n                  onDsoClick={(e) => this.stepValue(e, \"decrement\")}\r\n                />\r\n                <span class=\"dso-input-step-counter\" aria-label=\"Aantal\" aria-live=\"polite\">\r\n                  {this.count}\r\n                </span>\r\n              </Fragment>\r\n            )}\r\n\r\n            <dso-icon-button\r\n              label=\"Aantal verhogen\"\r\n              variant=\"tertiary\"\r\n              icon=\"plus-circle\"\r\n              disabled={this.count === Number(this.max) || this.disabled}\r\n              onDsoClick={(e) => this.stepValue(e, \"increment\")}\r\n            />\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as o,c as d,h as s,g as l}from"./p-DxWmN7gh.js";import{g as i}from"./p-CodDyi2J.js";import{i as a}from"./p-C0ZvZbHD.js";import{v as e}from"./p-C_akviUd.js";const t={en:{"dso-modal":{close:"Close",dialog:"Dialog"}},nl:{"dso-modal":{close:"Sluiten",dialog:"Dialoog"}}};const r="@keyframes ModalFadeIn{0%{opacity:0}100%{opacity:1}}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([fullscreen]) dialog{inline-size:100dvi;block-size:100dvb}:host([fullscreen]) dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host([fullscreen]) dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host([fullscreen]) dialog .dso-footer{flex-shrink:0}@media screen and (max-width: 480px){:host dialog{inline-size:100dvi;block-size:100dvb}:host dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host dialog .dso-footer{flex-shrink:0}}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:inset(0)}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}.dso-modal{overflow:visible;padding:0;border:0}.dso-modal::backdrop{background-color:rgba(255, 255, 255, 0.8)}.dso-modal .dso-dialog{inline-size:640px;background-color:#fff;opacity:1;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4);animation:200ms ease-out 0s 1 ModalFadeIn}.dso-modal .dso-header{position:relative;padding:16px;border-block-end:1px solid #ccc}.dso-modal .dso-header h2{max-inline-size:calc(100% - 24px);margin:0;color:#275937}.dso-modal .dso-header .dso-close{position:absolute;inset-block-start:16px;inset-inline-end:13px;block-size:32px;inline-size:32px;padding:0;background-color:transparent;border:0;text-align:center}.dso-modal>.dso-dialog>.dso-body p{margin-block:0 var(--_dt-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>.dso-body ul,.dso-modal>.dso-dialog>.dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>.dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>.dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>.dso-body ul ul,.dso-modal>.dso-dialog>.dso-body ul ol,.dso-modal>.dso-dialog>.dso-body ol ul,.dso-modal>.dso-dialog>.dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>.dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>.dso-body blockquote{padding-block:16px;padding-inline:24px}.dso-modal>.dso-dialog>.dso-body dso-highlight-box,.dso-modal>.dso-dialog>.dso-body .dso-highlight-box{margin-block-end:24px}.dso-modal>.dso-dialog>.dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>.dso-body{block-size:calc(100% - 96px - 1.5rem);max-block-size:calc(70vh - 144px - 1.5em);min-block-size:1.5rem;overflow-x:auto;padding:32px}.dso-modal>.dso-dialog>dso-scrollable{block-size:calc(100% - 96px - 1.5rem);max-block-size:calc(70vh - 144px - 1.5em);min-block-size:6.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body p{margin-block:0 var(--_dt-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>dso-scrollable .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ol,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body blockquote{padding-block:16px;padding-inline:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body dso-highlight-box,.dso-modal>.dso-dialog>dso-scrollable .dso-body .dso-highlight-box{margin-block-end:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>dso-scrollable .dso-body{padding:32px}.dso-modal .dso-body:focus-visible{outline:none}@media screen and (max-width: 767px){.dso-modal .dso-footer .dso-primary+.dso-primary,.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-primary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-primary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}.dso-modal .dso-footer button{inline-size:100%;text-align:center}.dso-modal .dso-footer button+button{margin-block-start:8px}.dso-modal .dso-footer button.dso-tertiary,.dso-modal .dso-footer button.dso-tertiary span{float:none}}.dso-modal .dso-footer{min-block-size:80px;padding-block:16px;padding-inline:32px;text-align:end}@media screen and (min-width: 768px){.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary{margin-inline-start:16px}.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}}@media screen and (max-width: 767px){.dso-modal .dso-dialog{max-inline-size:100%;margin-block-start:0}.dso-modal .dso-footer .dso-primary+.dso-primary,.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-primary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-primary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}.dso-modal .dso-footer button{inline-size:100%;text-align:center}.dso-modal .dso-footer button+button{margin-block-start:8px}.dso-modal .dso-footer button.dso-tertiary,.dso-modal .dso-footer button.dso-tertiary span{float:none}}@media screen and (max-height: 380px){.dso-modal .dso-dialog{min-block-size:216px;margin-block-start:8px;margin-block-end:8px}.dso-modal .dso-header{padding-block:8px;padding-inline:16px}.dso-modal .dso-header .dso-close{inset-block-start:8px}.dso-modal .dso-body{padding-block:16px;padding-inline:24px}.dso-modal .dso-footer{min-block-size:auto;overflow:auto;padding-block:8px;padding-inline:32px}}.dso-modal .dso-header dso-icon-button{position:absolute;inset-block-start:22px;inset-inline-end:17px}";const n=class{constructor(s){o(this,s);this.dsoClose=d(this,"dsoClose",7);this.ariaId=e();this.dialogRole="dialog";this.returnFocus=undefined;this.closable=false;this.text=a((()=>this.host),t);this.blockEscapeKey=o=>{if(o.key==="Escape"){o.preventDefault();if(this.closable){this.dsoClose.emit({originalEvent:o})}}}}get hasFooter(){return this.host.querySelector("[slot='footer']")!==null}componentDidLoad(){var o;if((o=this.htmlDialogElement)===null||o===void 0?void 0:o.isConnected){const o=i();if(o instanceof HTMLElement){this.returnFocusElement=o}this.htmlDialogElement.showModal()}}disconnectedCallback(){var o,d,s;(o=this.htmlDialogElement)===null||o===void 0?void 0:o.close();if(this.returnFocus===false){return}(s=(d=this.returnFocus)!==null&&d!==void 0?d:this.returnFocusElement)===null||s===void 0?void 0:s.focus()}handleDialogClick(o){if(!this.closable){return}if(o.target===this.htmlDialogElement){this.dsoClose.emit({originalEvent:o})}}render(){var o;return s("dialog",{key:"c12355cbebd111aa1eb139c7835cf5d58a9965f5",class:"dso-modal",role:(o=this.dialogRole)!==null&&o!==void 0?o:undefined,"aria-modal":"true","aria-labelledby":this.ariaId,ref:o=>this.htmlDialogElement=o,onClick:o=>this.handleDialogClick(o),onKeyDown:o=>this.blockEscapeKey(o)},s("div",{key:"aa9ea8331afae635b2334b51c9a1b4524f9c33e7",class:"dso-dialog",role:"document"},this.modalTitle?s("div",{class:"dso-header"},s("h2",{id:this.ariaId},this.modalTitle),this.closable&&s("dso-icon-button",{id:"close-modal",icon:"times",variant:"tertiary",label:this.text("close"),onDsoClick:o=>this.dsoClose.emit({originalEvent:o})})):s("span",{class:"sr-only",id:this.ariaId},this.text("dialog")),s("dso-scrollable",{key:"456259576a4b6e00c3eacc7a0eee3b17fb043d74"},s("div",{key:"b9ada3fd589e3d4c10fbf6a74eda361748be17ee",class:"dso-body",tabIndex:0},s("slot",{key:"80e7bbdae07fc35ba35d3e77e9a9e0f1dbe619a4",name:"body"}))),this.hasFooter&&s("div",{key:"2d67a2a59ad7f992de69ab78d3361e08e8089b95",class:"dso-footer"},s("slot",{key:"8576675edf59081281ed570e10d69c6752178060",name:"footer"}))))}get host(){return l(this)}};n.style=r;export{n as dso_modal};
-//# sourceMappingURL=p-bf591ec8.entry.js.map

package/dist/dso-toolkit/p-bf591ec8.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","icon","variant","label","onDsoClick","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  .dso-header {\r\n    dso-icon-button {\r\n      position: absolute;\r\n      inset-block-start: 22px;\r\n      inset-inline-end: 17px;\r\n    }\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                <dso-icon-button\r\n                  id=\"close-modal\"\r\n                  icon=\"times\"\r\n                  variant=\"tertiary\"\r\n                  label={this.text(\"close\")}\r\n                  onDsoClick={(e) => this.dsoClose.emit({ originalEvent: e })}\r\n                />\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,2pN,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,GAmD3C,CA7FC,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,EAAA,mBACEQ,GAAG,cACHC,KAAK,QACLC,QAAQ,WACRC,MAAO9C,KAAKO,KAAK,SACjBwC,WAAapC,GAAMX,KAAKc,SAASC,KAAK,CAAEC,cAAeL,OAK7DwB,EAAA,QAAMC,MAAM,UAAUO,GAAI3C,KAAKC,QAC5BD,KAAKO,KAAK,WAIf4B,EAAA,kBAAAvB,IAAA,4CACEuB,EAAA,OAAAvB,IAAA,2CAAKwB,MAAM,WAAWY,SAAU,GAC9Bb,EAAA,QAAAvB,IAAA,2CAAMqC,KAAK,WAIdjD,KAAKiB,WACJkB,EAAK,OAAAvB,IAAA,2CAAAwB,MAAM,cACTD,EAAM,QAAAvB,IAAA,2CAAAqC,KAAK,a","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,h as t,F as a}from"./p-DxWmN7gh.js";const d=":host{display:block;padding:16px;border:1px solid #ccc;border-radius:4px}*,*::after,*::before{box-sizing:border-box}::slotted(dl[slot=progress]),::slotted(dl[slot=status]){--_dt-dl-margin-block-end:0;--_dt-dl-before-display:none;--_dt-dl-dt-font-weight:normal;--_dt-dl-dd-margin-block-start:0;--_dt-dl-dd-margin-inline-start:units.$u1;--_dt-dl-dd-padding-inline-start:0;--_dt-dl-dt-inline-size:auto;--_dt-dl-dd-last-margin-block-end:0;--_dt-mark-bg-color:none;--_dt-mark-padding-block:0;--_dt-mark-color:inherit;--_dt-mark-font-weight:600;display:flex !important;flex-wrap:wrap;column-gap:16px}::slotted([slot=status]){--_dt-dl-font-size:0.875rem}::slotted([slot=title]){margin-block:0 !important;font-size:1.25rem !important}::slotted([slot=actions]){display:flex}.project-item-header{display:flex;gap:16px;flex-wrap:nowrap;align-items:flex-start;margin-block-end:16px}.project-item-title{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-grow:1}.project-item-actions{display:flex;flex-shrink:0;flex-wrap:nowrap}.project-item-info{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;align-items:flex-end}";const s=class{constructor(t){e(this,t)}render(){return t(a,{key:"8228a048a78405da3a40fd877144f71ee6b3a792"},t("div",{key:"3a293d639e56021f92b0b9afcb7f4fac2af148fc",class:"project-item-header"},t("div",{key:"c3f722c3d10810fc4b1bf533aab80fcf7a762131",class:"project-item-title"},t("slot",{key:"e96a0219db04ffe53499a80d83b668953418bbb8",name:"title"}),this.label&&t("dso-label",{key:"9264283168d6b878426dd3d5ddd143bba4c3c82b",status:"error",compact:true},this.label)),t("div",{key:"9043376e7bac186caf20529887901e150163ff40",class:"project-item-actions"},t("slot",{key:"2aa279b874905b79bbc8dc1608e5c09fa8cd4ce7",name:"actions"}))),t("div",{key:"2bfecdfd0023cd8f9abe64d62fbc802ad72f35c1",class:"project-item-info"},t("div",{key:"717e7993e6f0dfbb77961870ed28d7782e94393b",class:"project-item-progress"},t("slot",{key:"ac2830d161e2f8f516737f6099946aafa242ce31",name:"progress"})),t("div",{key:"fa354ecee575ad7095f57519eeb2a284c1a37d9f",class:"project-item-status"},t("slot",{key:"0db06b8abb6b43253bea3348a438a1c492cd09c4",name:"status"}))))}};s.style=d;export{s as dso_project_item};
-//# sourceMappingURL=p-c2e05c9e.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["projectItemCss","ProjectItem","render","h","Fragment","key","class","name","this","label","status","compact"],"sources":["src/components/project-item/project-item.scss?tag=dso-project-item&encapsulation=shadow","src/components/project-item/project-item.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n\r\n:host {\r\n  display: block;\r\n\r\n  padding: units.$u2;\r\n\r\n  border: 1px solid colors.$grijs-20;\r\n  border-radius: calc(units.$u1 / 2);\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n::slotted(dl[slot=\"progress\"]),\r\n::slotted(dl[slot=\"status\"]) {\r\n  --_dt-dl-margin-block-end: 0;\r\n  --_dt-dl-before-display: none;\r\n  --_dt-dl-dt-font-weight: normal;\r\n  --_dt-dl-dd-margin-block-start: 0;\r\n  --_dt-dl-dd-margin-inline-start: units.$u1;\r\n  --_dt-dl-dd-padding-inline-start: 0;\r\n  --_dt-dl-dt-inline-size: auto;\r\n  --_dt-dl-dd-last-margin-block-end: 0;\r\n\r\n  --_dt-mark-bg-color: none;\r\n  --_dt-mark-padding-block: 0;\r\n  --_dt-mark-color: inherit;\r\n  --_dt-mark-font-weight: 600;\r\n\r\n  display: flex !important;\r\n  flex-wrap: wrap;\r\n  column-gap: units.$u2;\r\n}\r\n\r\n::slotted([slot=\"status\"]) {\r\n  --_dt-dl-font-size: 0.875rem;\r\n}\r\n\r\n::slotted([slot=\"title\"]) {\r\n  margin-block: 0 !important;\r\n  font-size: 1.25rem !important;\r\n}\r\n\r\n::slotted([slot=\"actions\"]) {\r\n  display: flex;\r\n}\r\n\r\n.project-item-header {\r\n  display: flex;\r\n  gap: units.$u2;\r\n  flex-wrap: nowrap;\r\n  align-items: flex-start;\r\n\r\n  margin-block-end: units.$u2;\r\n}\r\n\r\n.project-item-title {\r\n  display: flex;\r\n  gap: units.$u2;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  flex-grow: 1;\r\n}\r\n\r\n.project-item-actions {\r\n  display: flex;\r\n  flex-shrink: 0;\r\n  flex-wrap: nowrap;\r\n}\r\n\r\n.project-item-info {\r\n  display: flex;\r\n  gap: units.$u2;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  align-items: flex-end;\r\n}\r\n","import { Component, ComponentInterface, Fragment, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"dso-project-item\",\r\n  styleUrl: \"project-item.scss\",\r\n  shadow: true,\r\n})\r\nexport class ProjectItem implements ComponentInterface {\r\n  /**\r\n   * The label of the project item.\r\n   */\r\n  @Prop()\r\n  label?: string;\r\n\r\n  render() {\r\n    return (\r\n      <Fragment>\r\n        <div class=\"project-item-header\">\r\n          <div class=\"project-item-title\">\r\n            <slot name=\"title\" />\r\n            {this.label && (\r\n              <dso-label status=\"error\" compact>\r\n                {this.label}\r\n              </dso-label>\r\n            )}\r\n          </div>\r\n          <div class=\"project-item-actions\">\r\n            <slot name=\"actions\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"project-item-info\">\r\n          <div class=\"project-item-progress\">\r\n            <slot name=\"progress\" />\r\n          </div>\r\n          <div class=\"project-item-status\">\r\n            <slot name=\"status\" />\r\n          </div>\r\n        </div>\r\n      </Fragment>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAiB,4oC,MCOVC,EAAW,M,yBAOtB,MAAAC,GACE,OACEC,EAACC,EAAQ,CAAAC,IAAA,4CACPF,EAAK,OAAAE,IAAA,2CAAAC,MAAM,uBACTH,EAAK,OAAAE,IAAA,2CAAAC,MAAM,sBACTH,EAAM,QAAAE,IAAA,2CAAAE,KAAK,UACVC,KAAKC,OACJN,EAAA,aAAAE,IAAA,2CAAWK,OAAO,QAAQC,QAAO,MAC9BH,KAAKC,QAIZN,EAAK,OAAAE,IAAA,2CAAAC,MAAM,wBACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,cAGfJ,EAAK,OAAAE,IAAA,2CAAAC,MAAM,qBACTH,EAAK,OAAAE,IAAA,2CAAAC,MAAM,yBACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,cAEbJ,EAAK,OAAAE,IAAA,2CAAAC,MAAM,uBACTH,EAAM,QAAAE,IAAA,2CAAAE,KAAK,a","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,f as a,h as e,H as s,g as r}from"./p-DxWmN7gh.js";const i="*,*::after,*::before{box-sizing:border-box}:host{display:block}.tabs{border-block-end:1px solid #39870c;display:flex;gap:2px;flex-wrap:wrap;margin-block-end:24px;padding-inline-start:0}@media screen and (max-width: 767px){.tabs{border:0;display:block}}";const o=class{constructor(a){t(this,a);this.keyUpHandler=t=>{if(!(t.target instanceof HTMLElement)){return}switch(t.key){case"ArrowRight":case"ArrowDown":this.moveFocusToNextTab(t.target);break;case"ArrowLeft":case"ArrowUp":this.moveFocusToPreviousTab(t.target);break;default:return}}}get enabledTabs(){return Array.from(this.host.querySelectorAll(":scope > dso-tab")).reduce(((t,a)=>{if(!a.disabled){t.push(a)}return t}),[])}get firstTab(){return this.enabledTabs[0]}get lastTab(){return this.enabledTabs[this.enabledTabs.length-1]}moveFocusToTab(t){t===null||t===void 0?void 0:t._dsoFocus()}moveFocusToPreviousTab(t){var a;const e=this.enabledTabs.findIndex((a=>a===t));const s=(a=this.enabledTabs[e-1])!==null&&a!==void 0?a:this.lastTab;this.moveFocusToTab(s)}moveFocusToNextTab(t){var a;const e=this.enabledTabs.findIndex((a=>a===t));const s=(a=this.enabledTabs[e+1])!==null&&a!==void 0?a:this.firstTab;this.moveFocusToTab(s)}connectedCallback(){var t;(t=this.mutationObserver)!==null&&t!==void 0?t:this.mutationObserver=new MutationObserver((()=>a(this.host)));this.mutationObserver.observe(this.host,{childList:true})}disconnectedCallback(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()}render(){return e(s,{key:"7f50c4cabce9f19a9708a5f357bf127d993fd273"},e("div",{key:"d08f63a0e4af86ec0e28cdeb3204a352b736365a",class:"tabs",role:"tablist",onKeyUp:this.keyUpHandler},e("slot",{key:"2aad0a3f00f8a836ff64f3a579e988c609a9a892"})),e("div",{key:"16f208eb54582aa4d8f05bafe73c8172c378ac11",role:"tabpanel",tabindex:"0"},e("slot",{key:"6b8cb70153160f82c616d2ebd2b519a10a4d317c",name:"panel"})))}get host(){return r(this)}};o.style=i;export{o as dso_tabs};
-//# sourceMappingURL=p-c9c8b0b8.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["tabsCss","Tabs","constructor","hostRef","this","keyUpHandler","e","target","HTMLElement","key","moveFocusToNextTab","moveFocusToPreviousTab","enabledTabs","Array","from","host","querySelectorAll","reduce","tabs","tab","disabled","push","firstTab","lastTab","length","moveFocusToTab","_dsoFocus","focussedTab","index","findIndex","next","_a","connectedCallback","mutationObserver","MutationObserver","forceUpdate","observe","childList","disconnectedCallback","disconnect","render","h","Host","class","role","onKeyUp","tabindex","name"],"sources":["src/components/tabs/tabs.scss?tag=dso-tabs&encapsulation=shadow","src/components/tabs/tabs.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/variables/scaffolding\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n@use \"~dso-toolkit/src/components/link\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n.tabs {\r\n  border-block-end: 1px solid colors.$grasgroen;\r\n  display: flex;\r\n  gap: 2px;\r\n  flex-wrap: wrap;\r\n  margin-block-end: units.$block-spacing-large;\r\n  padding-inline-start: 0;\r\n\r\n  @media screen and (max-width: media-query-breakpoints.$screen-xs-max) {\r\n    border: 0;\r\n    display: block;\r\n  }\r\n}\r\n","import { Component, Element, Host, forceUpdate, h } from \"@stencil/core\";\r\n\r\n/**\r\n * @slot - The dso-tab elements. These should be direct children of the dso-tabs element.\r\n * @slot panel - The panel with the content for the active tab\r\n */\r\n@Component({\r\n  tag: \"dso-tabs\",\r\n  styleUrl: \"tabs.scss\",\r\n  shadow: true,\r\n})\r\nexport class Tabs {\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  @Element()\r\n  host!: HTMLDsoTabsElement;\r\n\r\n  private get enabledTabs() {\r\n    // Only enabled tabs (not disabled) are needed for setting focus via ArrowRight and ArrowLeft\r\n    return Array.from(this.host.querySelectorAll<HTMLDsoTabElement>(\":scope > dso-tab\")).reduce<HTMLDsoTabElement[]>(\r\n      (tabs, tab) => {\r\n        if (!tab.disabled) {\r\n          tabs.push(tab);\r\n        }\r\n\r\n        return tabs;\r\n      },\r\n      [],\r\n    );\r\n  }\r\n\r\n  private get firstTab() {\r\n    return this.enabledTabs[0];\r\n  }\r\n\r\n  private get lastTab() {\r\n    return this.enabledTabs[this.enabledTabs.length - 1];\r\n  }\r\n\r\n  private moveFocusToTab(tab: HTMLDsoTabElement | undefined) {\r\n    tab?._dsoFocus();\r\n  }\r\n\r\n  private moveFocusToPreviousTab(focussedTab: HTMLElement) {\r\n    const index = this.enabledTabs.findIndex((tab) => tab === focussedTab);\r\n    const next = this.enabledTabs[index - 1] ?? this.lastTab;\r\n\r\n    this.moveFocusToTab(next);\r\n  }\r\n\r\n  private moveFocusToNextTab(focussedTab: HTMLElement) {\r\n    const index = this.enabledTabs.findIndex((tab) => tab === focussedTab);\r\n    const next = this.enabledTabs[index + 1] ?? this.firstTab;\r\n\r\n    this.moveFocusToTab(next);\r\n  }\r\n\r\n  // Keep track of tabs to set focus on next or previous enabled (not disabled) tab.\r\n  private keyUpHandler = (e: KeyboardEvent) => {\r\n    if (!(e.target instanceof HTMLElement)) {\r\n      return;\r\n    }\r\n\r\n    switch (e.key) {\r\n      case \"ArrowRight\":\r\n      case \"ArrowDown\":\r\n        this.moveFocusToNextTab(e.target);\r\n        break;\r\n      case \"ArrowLeft\":\r\n      case \"ArrowUp\":\r\n        this.moveFocusToPreviousTab(e.target);\r\n        break;\r\n      default:\r\n        return;\r\n    }\r\n  };\r\n\r\n  connectedCallback(): void {\r\n    this.mutationObserver ??= new MutationObserver(() => forceUpdate(this.host));\r\n\r\n    this.mutationObserver.observe(this.host, { childList: true });\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.mutationObserver?.disconnect();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class=\"tabs\" role=\"tablist\" onKeyUp={this.keyUpHandler}>\r\n          <slot />\r\n        </div>\r\n        <div role=\"tabpanel\" tabindex=\"0\">\r\n          <slot name=\"panel\" />\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"gEAAA,MAAMA,EAAU,+P,MCWHC,EAAI,MALjB,WAAAC,CAAAC,G,UAoDUC,KAAAC,aAAgBC,IACtB,KAAMA,EAAEC,kBAAkBC,aAAc,CACtC,M,CAGF,OAAQF,EAAEG,KACR,IAAK,aACL,IAAK,YACHL,KAAKM,mBAAmBJ,EAAEC,QAC1B,MACF,IAAK,YACL,IAAK,UACHH,KAAKO,uBAAuBL,EAAEC,QAC9B,MACF,QACE,O,CA0BP,CAlFC,eAAYK,GAEV,OAAOC,MAAMC,KAAKV,KAAKW,KAAKC,iBAAoC,qBAAqBC,QACnF,CAACC,EAAMC,KACL,IAAKA,EAAIC,SAAU,CACjBF,EAAKG,KAAKF,E,CAGZ,OAAOD,CAAI,GAEb,G,CAIJ,YAAYI,GACV,OAAOlB,KAAKQ,YAAY,E,CAG1B,WAAYW,GACV,OAAOnB,KAAKQ,YAAYR,KAAKQ,YAAYY,OAAS,E,CAG5C,cAAAC,CAAeN,GACrBA,IAAG,MAAHA,SAAG,SAAHA,EAAKO,W,CAGC,sBAAAf,CAAuBgB,G,MAC7B,MAAMC,EAAQxB,KAAKQ,YAAYiB,WAAWV,GAAQA,IAAQQ,IAC1D,MAAMG,GAAOC,EAAA3B,KAAKQ,YAAYgB,EAAQ,MAAE,MAAAG,SAAA,EAAAA,EAAI3B,KAAKmB,QAEjDnB,KAAKqB,eAAeK,E,CAGd,kBAAApB,CAAmBiB,G,MACzB,MAAMC,EAAQxB,KAAKQ,YAAYiB,WAAWV,GAAQA,IAAQQ,IAC1D,MAAMG,GAAOC,EAAA3B,KAAKQ,YAAYgB,EAAQ,MAAE,MAAAG,SAAA,EAAAA,EAAI3B,KAAKkB,SAEjDlB,KAAKqB,eAAeK,E,CAuBtB,iBAAAE,G,OACED,EAAA3B,KAAK6B,oBAAgB,MAAAF,SAAA,EAAAA,EAArB3B,KAAK6B,iBAAqB,IAAIC,kBAAiB,IAAMC,EAAY/B,KAAKW,QAEtEX,KAAK6B,iBAAiBG,QAAQhC,KAAKW,KAAM,CAAEsB,UAAW,M,CAGxD,oBAAAC,G,OACEP,EAAA3B,KAAK6B,oBAAkB,MAAAF,SAAA,SAAAA,EAAAQ,Y,CAGzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAjC,IAAA,4CACHgC,EAAA,OAAAhC,IAAA,2CAAKkC,MAAM,OAAOC,KAAK,UAAUC,QAASzC,KAAKC,cAC7CoC,EAAA,QAAAhC,IAAA,8CAEFgC,EAAA,OAAAhC,IAAA,2CAAKmC,KAAK,WAAWE,SAAS,KAC5BL,EAAA,QAAAhC,IAAA,2CAAMsC,KAAK,W","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as i,c as e,h as o}from"./p-DxWmN7gh.js";import{i as n}from"./p-Hgv-pDpy.js";const t=":host{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:2;display:block;inline-size:100vw}*,*::after,*::before{box-sizing:border-box}a{position:absolute;inset-inline-start:50%;inset-block-start:16px;display:inline-block;inline-size:1px;block-size:1px;overflow:hidden;background-color:#fff;border-radius:2px;clip-path:inset(1px);color:var(--link-color);white-space:nowrap;text-decoration:none;transform:translate(-50%);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}a:focus-visible{inline-size:auto;block-size:auto;padding:8px;clip-path:none;white-space:normal;outline-offset:2px}";const s=class{constructor(o){i(this,o);this.dsoSkiplinkClick=e(this,"dsoSkiplinkClick",7)}clickEventHandler(i){if(!(i.target instanceof HTMLElement)||!this.to){return}return this.dsoSkiplinkClick.emit({originalEvent:i,isModifiedEvent:n(i)})}render(){return o("a",{key:"0a20014eec2f813b12bfdb187c48c6901ad616b6",href:`#${this.to}`,onClick:i=>this.clickEventHandler(i)},this.label,o("dso-icon",{key:"10e1388497853966680fb5f71659b42ca9f911ab",icon:"chevron-right"}))}};s.style=t;export{s as dso_skiplink};
-//# sourceMappingURL=p-c9d4a733.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["skiplinkCss","Skiplink","clickEventHandler","e","target","HTMLElement","this","to","dsoSkiplinkClick","emit","originalEvent","isModifiedEvent","render","h","key","href","onClick","label","icon"],"sources":["src/components/skiplink/skiplink.scss?tag=dso-skiplink&encapsulation=shadow","src/components/skiplink/skiplink.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n\r\n:host {\r\n  position: fixed;\r\n  inset-block-start: 0;\r\n  inset-inline-start: 0;\r\n  z-index: 2;\r\n\r\n  display: block;\r\n\r\n  inline-size: 100vw;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\na {\r\n  position: absolute;\r\n  inset-inline-start: 50%;\r\n  inset-block-start: units.$u2;\r\n\r\n  display: inline-block;\r\n\r\n  inline-size: 1px;\r\n  block-size: 1px;\r\n\r\n  overflow: hidden;\r\n\r\n  background-color: colors.$wit;\r\n\r\n  border-radius: units.$focus-border-radius;\r\n\r\n  clip-path: inset(1px);\r\n\r\n  color: var(--link-color);\r\n  // stylelint-disable-next-line declaration-property-value-disallowed-list -- prevent wrapping\r\n  white-space: nowrap;\r\n  text-decoration: none;\r\n\r\n  transform: translate(-50%);\r\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\r\n\r\n  &:focus-visible {\r\n    inline-size: auto;\r\n    block-size: auto;\r\n\r\n    padding: units.$u1;\r\n\r\n    clip-path: none;\r\n\r\n    white-space: normal;\r\n\r\n    outline-offset: 2px;\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Event, EventEmitter, Prop, h } from \"@stencil/core\";\r\n\r\nimport { isModifiedEvent } from \"../../utils/is-modified-event\";\r\n\r\nimport { SkiplinkClickEvent } from \"./skiplink.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-skiplink\",\r\n  styleUrl: \"skiplink.scss\",\r\n  shadow: true,\r\n})\r\nexport class Skiplink implements ComponentInterface {\r\n  /**\r\n   * The location to which the skiplink links.\r\n   */\r\n  @Prop({ reflect: true })\r\n  to!: string | undefined;\r\n\r\n  /**\r\n   * link text\r\n   */\r\n  @Prop({ reflect: true })\r\n  label!: string | undefined;\r\n\r\n  /**\r\n   * Emitted when the Skiplink is clicked.\r\n   */\r\n  @Event()\r\n  dsoSkiplinkClick!: EventEmitter<SkiplinkClickEvent>;\r\n\r\n  private clickEventHandler(e: MouseEvent) {\r\n    if (!(e.target instanceof HTMLElement) || !this.to) {\r\n      return;\r\n    }\r\n\r\n    return this.dsoSkiplinkClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <a href={`#${this.to}`} onClick={(e) => this.clickEventHandler(e)}>\r\n        {this.label}\r\n        <dso-icon icon=\"chevron-right\"></dso-icon>\r\n      </a>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"sFAAA,MAAMA,EAAc,+kB,MCWPC,EAAQ,M,4EAmBX,iBAAAC,CAAkBC,GACxB,KAAMA,EAAEC,kBAAkBC,eAAiBC,KAAKC,GAAI,CAClD,M,CAGF,OAAOD,KAAKE,iBAAiBC,KAAK,CAAEC,cAAeP,EAAGQ,gBAAiBA,EAAgBR,I,CAGzF,MAAAS,GACE,OACEC,EAAA,KAAAC,IAAA,2CAAGC,KAAM,IAAIT,KAAKC,KAAMS,QAAUb,GAAMG,KAAKJ,kBAAkBC,IAC5DG,KAAKW,MACNJ,EAAA,YAAAC,IAAA,2CAAUI,KAAK,kB","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,c as o,h as t,g as a}from"./p-DxWmN7gh.js";import{i as r}from"./p-Hgv-pDpy.js";const i="*,*::after,*::before{box-sizing:border-box}:host{display:block;border-color:#39870c;margin-block-end:-1px}@media screen and (max-width: 767px){:host{margin-block:10px}:host(:first-child){margin-block-start:0}}:host([active]:not([active=false])) [role=tab],:host([active]:not([active=false])) [role=tab]:active,:host([active]:not([active=false])) [role=tab]:focus,:host([active]:not([active=false])) [role=tab]:hover,:host([active]:not([active=false])) [role=tab]:visited{background-color:#fff;border:1px solid #39870c;border-block-end-color:#fff;color:#39870c;cursor:default}@media screen and (max-width: 767px){:host([active]:not([active=false])) [role=tab],:host([active]:not([active=false])) [role=tab]:active,:host([active]:not([active=false])) [role=tab]:focus,:host([active]:not([active=false])) [role=tab]:hover,:host([active]:not([active=false])) [role=tab]:visited{border-block-end-color:#39870c}}:host([disabled]:not([disabled=false])) [role=tab]{color:#999}:host([disabled]:not([disabled=false])) [role=tab]:hover,:host([disabled]:not([disabled=false])) [role=tab]:focus{color:#999;text-decoration:none;cursor:default;background-color:transparent}@media screen and (max-width: 767px){:host([disabled]:not([disabled=false])) [role=tab]:hover,:host([disabled]:not([disabled=false])) [role=tab]:focus{border-block-end-color:#fff}}a{text-decoration:none}a:hover,a:focus-visible{text-decoration:none}a:active{text-decoration:underline}a:visited{color:#666}button{font-family:inherit;font-size:inherit;background-color:transparent}[role=tab]{font-weight:bold;cursor:pointer;display:block;min-block-size:56px;border:1px solid transparent;border-radius:4px 4px 0 0;color:#666;line-height:1.5;padding-block:15px;padding-inline:23px}[role=tab]:hover{border-color:#e5e5e5 #e5e5e5 #e5e5e5}[role=tab]:hover,[role=tab]:focus{text-decoration:none;background-color:#e5e5e5}[role=tab]:active,[role=tab]:focus,[role=tab]:hover{background-color:#f2f2f2;border:1px solid transparent;border-block-end-color:#39870c;text-decoration:none}@media screen and (max-width: 767px){[role=tab]:active,[role=tab]:focus,[role=tab]:hover{border-block-end-color:#fff}}@media screen and (max-width: 767px){[role=tab]{border-color:#fff;border-radius:8px;padding-block:18px;padding-inline:20px;inline-size:100%;text-align:start}}";const s=class{constructor(t){e(this,t);this.dsoTabSwitch=o(this,"dsoTabSwitch",7);this.emitEvent=e=>{this.dsoTabSwitch.emit({originalEvent:e,isModifiedEvent:e instanceof MouseEvent?r(e):false})};this.keyUpHandler=e=>{if(e.key===" "&&!this.disabled&&!this.active){this.emitEvent(e)}};this.clickHandler=e=>{if(this.disabled&&this.href||this.active){e.preventDefault()}else{this.emitEvent(e)}}}async _dsoFocus(){var e;(e=this.anchorOrButtonRef)===null||e===void 0?void 0:e.focus()}render(){return this.href?t("a",Object.assign({role:"tab",href:this.href,onKeyUp:this.keyUpHandler,onClick:this.clickHandler,"aria-selected":this.active?"true":"false"},!this.active?{tabIndex:-1}:{},{ref:e=>this.anchorOrButtonRef=e}),t("slot",null)):t("button",Object.assign({role:"tab",type:"button",disabled:this.disabled,onClick:this.clickHandler,"aria-selected":this.active?"true":"false"},!this.active?{tabIndex:-1}:{},{ref:e=>this.anchorOrButtonRef=e}),t("slot",null))}get host(){return a(this)}};s.style=i;export{s as dso_tab};
-//# sourceMappingURL=p-ca0b79a6.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["tabCss","Tab","constructor","hostRef","this","emitEvent","e","dsoTabSwitch","emit","originalEvent","isModifiedEvent","MouseEvent","keyUpHandler","key","disabled","active","clickHandler","href","preventDefault","_dsoFocus","_a","anchorOrButtonRef","focus","render","h","Object","assign","role","onKeyUp","onClick","tabIndex","ref","element","type"],"sources":["src/components/tabs/components/tab.scss?tag=dso-tab&encapsulation=shadow","src/components/tabs/components/tab.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n\r\n@use \"~dso-toolkit/src/components/link\";\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/scaffolding\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n\r\n@use \"tab.variables\" as tab-variables;\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n  display: block;\r\n  border-color: tab-variables.$color;\r\n  // Make the list-items overlay the bottom border\r\n  margin-block-end: -1px;\r\n}\r\n\r\n@media screen and (max-width: media-query-breakpoints.$screen-xs-max) {\r\n  :host {\r\n    margin-block: 10px;\r\n  }\r\n\r\n  :host(:first-child) {\r\n    margin-block-start: 0;\r\n  }\r\n}\r\n\r\n:host([active]:not([active=\"false\"])) {\r\n  [role=\"tab\"] {\r\n    &,\r\n    &:active,\r\n    &:focus,\r\n    &:hover,\r\n    &:visited {\r\n      background-color: colors.$wit;\r\n      border: 1px solid tab-variables.$color;\r\n      border-block-end-color: colors.$wit;\r\n      color: tab-variables.$color;\r\n      cursor: default;\r\n\r\n      @media screen and (max-width: media-query-breakpoints.$screen-xs-max) {\r\n        border-block-end-color: tab-variables.$color;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n:host([disabled]:not([disabled=\"false\"])) {\r\n  [role=\"tab\"] {\r\n    color: tab-variables.$nav-disabled-link-color;\r\n\r\n    &:hover,\r\n    &:focus {\r\n      color: tab-variables.$nav-disabled-link-hover-color;\r\n      text-decoration: none;\r\n      cursor: scaffolding.$cursor-disabled;\r\n      background-color: transparent;\r\n\r\n      @media screen and (max-width: media-query-breakpoints.$screen-xs-max) {\r\n        border-block-end-color: colors.$wit;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\na {\r\n  @include link.clean();\r\n\r\n  &:visited {\r\n    color: tab-variables.$text-color;\r\n  }\r\n}\r\n\r\nbutton {\r\n  font-family: inherit;\r\n  font-size: inherit;\r\n  background-color: transparent;\r\n}\r\n\r\n[role=\"tab\"] {\r\n  font-weight: bold;\r\n  cursor: pointer;\r\n  display: block;\r\n  min-block-size: tab-variables.$block-size;\r\n  border: 1px solid transparent;\r\n  border-radius: tab-variables.$border-radius tab-variables.$border-radius 0 0;\r\n  color: tab-variables.$text-color;\r\n  line-height: typography.$line-height-base;\r\n  padding-block: tab-variables.$block-padding;\r\n  padding-inline: tab-variables.$inline-padding;\r\n\r\n  &:hover {\r\n    border-color: tab-variables.$link-hover-border-color tab-variables.$link-hover-border-color\r\n      tab-variables.$border-color;\r\n  }\r\n\r\n  &:hover,\r\n  &:focus {\r\n    text-decoration: none;\r\n    background-color: tab-variables.$nav-link-hover-bg;\r\n  }\r\n\r\n  &:active,\r\n  &:focus,\r\n  &:hover {\r\n    background-color: tab-variables.$hover-color;\r\n    border: 1px solid transparent;\r\n    border-block-end-color: tab-variables.$color;\r\n    text-decoration: none;\r\n\r\n    @media screen and (max-width: media-query-breakpoints.$screen-xs-max) {\r\n      border-block-end-color: colors.$wit;\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: media-query-breakpoints.$screen-xs-max) {\r\n    border-color: colors.$wit;\r\n    border-radius: 8px;\r\n    padding-block: 18px;\r\n    padding-inline: 20px;\r\n    inline-size: 100%;\r\n    text-align: start;\r\n  }\r\n}\r\n","import { Component, Element, Event, EventEmitter, Method, Prop, h } from \"@stencil/core\";\r\n\r\nimport { isModifiedEvent } from \"../../../utils/is-modified-event\";\r\nimport { TabsSwitchEvent } from \"../tabs.interfaces\";\r\n\r\n/**\r\n * @slot - The label for this tab\r\n */\r\n@Component({\r\n  tag: \"dso-tab\",\r\n  styleUrl: \"tab.scss\",\r\n  shadow: true,\r\n})\r\nexport class Tab {\r\n  @Element()\r\n  host!: HTMLDsoTabElement;\r\n\r\n  /**\r\n   * Makes the tab active. The tab for which the tabpanel is visible is the active tab.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Disables the tab. A disabled tab cannot be activated and it's tabpanel cannot be shown.\r\n   */\r\n  @Prop({ reflect: true })\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * The optional href of the tab. Creates an anchor if present. Creates a button if absent.\r\n   */\r\n  @Prop()\r\n  href?: string;\r\n\r\n  /**\r\n   * Emitted when the user activates tab via click or arrow keys followed by space or enter.\r\n   */\r\n  @Event()\r\n  dsoTabSwitch!: EventEmitter<TabsSwitchEvent>;\r\n\r\n  /**\r\n   * @internal\r\n   */\r\n  @Method()\r\n  async _dsoFocus() {\r\n    this.anchorOrButtonRef?.focus();\r\n  }\r\n\r\n  private anchorOrButtonRef?: HTMLAnchorElement | HTMLButtonElement;\r\n\r\n  private emitEvent = (e: MouseEvent | KeyboardEvent) => {\r\n    this.dsoTabSwitch.emit({\r\n      originalEvent: e,\r\n      isModifiedEvent: e instanceof MouseEvent ? isModifiedEvent(e) : false,\r\n    });\r\n  };\r\n\r\n  private keyUpHandler = (e: KeyboardEvent) => {\r\n    if (e.key === \" \" && !this.disabled && !this.active) {\r\n      this.emitEvent(e);\r\n    }\r\n  };\r\n\r\n  private clickHandler = (e: MouseEvent) => {\r\n    if ((this.disabled && this.href) || this.active) {\r\n      e.preventDefault();\r\n    } else {\r\n      this.emitEvent(e);\r\n    }\r\n  };\r\n\r\n  render() {\r\n    return this.href ? (\r\n      <a\r\n        role=\"tab\"\r\n        href={this.href}\r\n        onKeyUp={this.keyUpHandler}\r\n        onClick={this.clickHandler}\r\n        aria-selected={this.active ? \"true\" : \"false\"}\r\n        {...(!this.active ? { tabIndex: -1 } : {})}\r\n        ref={(element) => (this.anchorOrButtonRef = element)}\r\n      >\r\n        <slot />\r\n      </a>\r\n    ) : (\r\n      <button\r\n        role=\"tab\"\r\n        type=\"button\"\r\n        disabled={this.disabled}\r\n        onClick={this.clickHandler}\r\n        aria-selected={this.active ? \"true\" : \"false\"}\r\n        {...(!this.active ? { tabIndex: -1 } : {})}\r\n        ref={(element) => (this.anchorOrButtonRef = element)}\r\n      >\r\n        <slot />\r\n      </button>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"6FAAA,MAAMA,EAAS,iwE,MCaFC,EAAG,MALhB,WAAAC,CAAAC,G,qDA2CUC,KAAAC,UAAaC,IACnBF,KAAKG,aAAaC,KAAK,CACrBC,cAAeH,EACfI,gBAAiBJ,aAAaK,WAAaD,EAAgBJ,GAAK,OAChE,EAGIF,KAAAQ,aAAgBN,IACtB,GAAIA,EAAEO,MAAQ,MAAQT,KAAKU,WAAaV,KAAKW,OAAQ,CACnDX,KAAKC,UAAUC,E,GAIXF,KAAAY,aAAgBV,IACtB,GAAKF,KAAKU,UAAYV,KAAKa,MAASb,KAAKW,OAAQ,CAC/CT,EAAEY,gB,KACG,CACLd,KAAKC,UAAUC,E,EA+BpB,CAtDC,eAAMa,G,OACJC,EAAAhB,KAAKiB,qBAAmB,MAAAD,SAAA,SAAAA,EAAAE,O,CA0B1B,MAAAC,GACE,OAAOnB,KAAKa,KACVO,EACE,IAAAC,OAAAC,OAAA,CAAAC,KAAK,MACLV,KAAMb,KAAKa,KACXW,QAASxB,KAAKQ,aACdiB,QAASzB,KAAKY,aAAY,gBACXZ,KAAKW,OAAS,OAAS,UAChCX,KAAKW,OAAS,CAAEe,UAAU,GAAO,GAAG,CAC1CC,IAAMC,GAAa5B,KAAKiB,kBAAoBW,IAE5CR,EAAA,cAGFA,EAAA,SAAAC,OAAAC,OAAA,CACEC,KAAK,MACLM,KAAK,SACLnB,SAAUV,KAAKU,SACfe,QAASzB,KAAKY,aACC,gBAAAZ,KAAKW,OAAS,OAAS,UAChCX,KAAKW,OAAS,CAAEe,UAAU,GAAO,GAAG,CAC1CC,IAAMC,GAAa5B,KAAKiB,kBAAoBW,IAE5CR,EAAQ,a","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,c as n,h as e,F as r}from"./p-DxWmN7gh.js";import{g as i,c as o}from"./p-BFTU3MAI.js";var u;var s;function a(){if(s)return u;s=1;var t=1/0,n=9007199254740991,e=17976931348623157e292,r=0/0;var i="[object Function]",o="[object GeneratorFunction]",a="[object Symbol]";var f=/^\s+|\s+$/g;var c=/^[-+]0x[0-9a-f]+$/i;var d=/^0b[01]+$/i;var l=/^0o[0-7]+$/i;var h=/^(?:0|[1-9]\d*)$/;var v=parseFloat,p=parseInt;var b=Object.prototype;var m=b.toString;var y=Math.floor,g=Math.min,j=Math.random;function C(t,n){return t+y(j()*(n-t+1))}function w(t,e){e=e==null?n:e;return!!e&&(typeof t=="number"||h.test(t))&&(t>-1&&t%1==0&&t<e)}function D(t,n,e){if(!T(e)){return false}var r=typeof n;if(r=="number"?A(e)&&w(n,e.length):r=="string"&&n in e){return k(e[n],t)}return false}function k(t,n){return t===n||t!==t&&n!==n}function A(t){return t!=null&&I(t.length)&&!O(t)}function O(t){var n=T(t)?m.call(t):"";return n==i||n==o}function I(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=n}function T(t){var n=typeof t;return!!t&&(n=="object"||n=="function")}function $(t){return!!t&&typeof t=="object"}function F(t){return typeof t=="symbol"||$(t)&&m.call(t)==a}function M(n){if(!n){return n===0?n:0}n=S(n);if(n===t||n===-Infinity){var r=n<0?-1:1;return r*e}return n===n?n:0}function S(t){if(typeof t=="number"){return t}if(F(t)){return r}if(T(t)){var n=typeof t.valueOf=="function"?t.valueOf():t;t=T(n)?n+"":n}if(typeof t!="string"){return t===0?t:+t}t=t.replace(f,"");var e=d.test(t);return e||l.test(t)?p(t.slice(2),e?2:8):c.test(t)?r:+t}function x(t,n,e){if(e&&typeof e!="boolean"&&D(t,n,e)){n=e=undefined}if(e===undefined){if(typeof n=="boolean"){e=n;n=undefined}else if(typeof t=="boolean"){e=t;t=undefined}}if(t===undefined&&n===undefined){t=0;n=1}else{t=M(t);if(n===undefined){n=t;t=0}else{n=M(n)}}if(t>n){var r=t;t=n;n=r}if(e||t%1||n%1){var i=j();return g(t+i*(n-t+v("1e-"+((i+"").length-1))),n)}return C(t,n)}u=x;return u}var f=a();var c=i(f);var d;var l;function h(){if(l)return d;l=1;var t=1/0,n=9007199254740991,e=17976931348623157e292,r=0/0;var i="[object Arguments]",u="[object Function]",s="[object GeneratorFunction]",a="[object Map]",f="[object Object]",c="[object Promise]",h="[object Set]",v="[object String]",p="[object Symbol]",b="[object WeakMap]";var m="[object DataView]";var y=/[\\^$.*+?()[\]{}|]/g;var g=/^\s+|\s+$/g;var j=/^[-+]0x[0-9a-f]+$/i;var C=/^0b[01]+$/i;var w=/^\[object .+?Constructor\]$/;var D=/^0o[0-7]+$/i;var k=/^(?:0|[1-9]\d*)$/;var A="\\ud800-\\udfff",O="\\u0300-\\u036f\\ufe20-\\ufe23",I="\\u20d0-\\u20f0",T="\\ufe0e\\ufe0f";var $="["+A+"]",F="["+O+I+"]",M="\\ud83c[\\udffb-\\udfff]",S="(?:"+F+"|"+M+")",x="[^"+A+"]",E="(?:\\ud83c[\\udde6-\\uddff]){2}",R="[\\ud800-\\udbff][\\udc00-\\udfff]",z="\\u200d";var W=S+"?",L="["+T+"]?",B="(?:"+z+"(?:"+[x,E,R].join("|")+")"+L+W+")*",N=L+W+B,V="(?:"+[x+F+"?",F,E,R,$].join("|")+")";var _=RegExp(M+"(?="+M+")|"+V+N,"g");var K=RegExp("["+z+A+O+I+T+"]");var P=parseInt;var G=typeof o=="object"&&o&&o.Object===Object&&o;var U=typeof self=="object"&&self&&self.Object===Object&&self;var H=G||U||Function("return this")();function q(t,n){var e=-1,r=t?t.length:0,i=Array(r);while(++e<r){i[e]=n(t[e],e,t)}return i}function J(t){return t.split("")}function Q(t,n){var e=-1,r=Array(t);while(++e<t){r[e]=n(e)}return r}function X(t,n){return q(n,(function(n){return t[n]}))}function Y(t,n){return t==null?undefined:t[n]}function Z(t){return K.test(t)}function tt(t){var n=false;if(t!=null&&typeof t.toString!="function"){try{n=!!(t+"")}catch(t){}}return n}function nt(t){var n,e=[];while(!(n=t.next()).done){e.push(n.value)}return e}function et(t){var n=-1,e=Array(t.size);t.forEach((function(t,r){e[++n]=[r,t]}));return e}function rt(t,n){return function(e){return t(n(e))}}function it(t){var n=-1,e=Array(t.size);t.forEach((function(t){e[++n]=t}));return e}function ot(t){return Z(t)?ut(t):J(t)}function ut(t){return t.match(_)||[]}var st=Function.prototype,at=Object.prototype;var ft=H["__core-js_shared__"];var ct=function(){var t=/[^.]+$/.exec(ft&&ft.keys&&ft.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}();var dt=st.toString;var lt=at.hasOwnProperty;var ht=at.toString;var vt=RegExp("^"+dt.call(lt).replace(y,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var pt=H.Symbol,bt=pt?pt.iterator:undefined,mt=at.propertyIsEnumerable;var yt=Math.floor,gt=rt(Object.keys,Object),jt=Math.random;var Ct=Lt(H,"DataView"),wt=Lt(H,"Map"),Dt=Lt(H,"Promise"),kt=Lt(H,"Set"),At=Lt(H,"WeakMap");var Ot=Pt(Ct),It=Pt(wt),Tt=Pt(Dt),$t=Pt(kt),Ft=Pt(At);function Mt(t,n){var e=qt(t)||Ht(t)?Q(t.length,String):[];var r=e.length,i=!!r;for(var o in t){if(lt.call(t,o)&&!(i&&(o=="length"||Nt(o,r)))){e.push(o)}}return e}function St(t,n,e){if(t===t){if(e!==undefined){t=t<=e?t:e}{t=t>=n?t:n}}return t}function xt(t){return ht.call(t)}function Et(t){if(!Zt(t)||_t(t)){return false}var n=Xt(t)||tt(t)?vt:w;return n.test(Pt(t))}function Rt(t){if(!Kt(t)){return gt(t)}var n=[];for(var e in Object(t)){if(lt.call(t,e)&&e!="constructor"){n.push(e)}}return n}function zt(t,n){return t+yt(jt()*(n-t+1))}function Wt(t,n){var e=-1,r=t.length;n||(n=Array(r));while(++e<r){n[e]=t[e]}return n}function Lt(t,n){var e=Y(t,n);return Et(e)?e:undefined}var Bt=xt;if(Ct&&Bt(new Ct(new ArrayBuffer(1)))!=m||wt&&Bt(new wt)!=a||Dt&&Bt(Dt.resolve())!=c||kt&&Bt(new kt)!=h||At&&Bt(new At)!=b){Bt=function(t){var n=ht.call(t),e=n==f?t.constructor:undefined,r=e?Pt(e):undefined;if(r){switch(r){case Ot:return m;case It:return a;case Tt:return c;case $t:return h;case Ft:return b}}return n}}function Nt(t,e){e=e==null?n:e;return!!e&&(typeof t=="number"||k.test(t))&&(t>-1&&t%1==0&&t<e)}function Vt(t,n,e){if(!Zt(e)){return false}var r=typeof n;if(r=="number"?Jt(e)&&Nt(n,e.length):r=="string"&&n in e){return Ut(e[n],t)}return false}function _t(t){return!!ct&&ct in t}function Kt(t){var n=t&&t.constructor,e=typeof n=="function"&&n.prototype||at;return t===e}function Pt(t){if(t!=null){try{return dt.call(t)}catch(t){}try{return t+""}catch(t){}}return""}function Gt(t,n,e){var r=-1,i=rn(t),o=i.length,u=o-1;if(e?Vt(t,n,e):n===undefined){n=1}else{n=St(un(n),0,o)}while(++r<n){var s=zt(r,u),a=i[s];i[s]=i[r];i[r]=a}i.length=n;return i}function Ut(t,n){return t===n||t!==t&&n!==n}function Ht(t){return Qt(t)&&lt.call(t,"callee")&&(!mt.call(t,"callee")||ht.call(t)==i)}var qt=Array.isArray;function Jt(t){return t!=null&&Yt(t.length)&&!Xt(t)}function Qt(t){return tn(t)&&Jt(t)}function Xt(t){var n=Zt(t)?ht.call(t):"";return n==u||n==s}function Yt(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=n}function Zt(t){var n=typeof t;return!!t&&(n=="object"||n=="function")}function tn(t){return!!t&&typeof t=="object"}function nn(t){return typeof t=="string"||!qt(t)&&tn(t)&&ht.call(t)==v}function en(t){return typeof t=="symbol"||tn(t)&&ht.call(t)==p}function rn(t){if(!t){return[]}if(Jt(t)){return nn(t)?ot(t):Wt(t)}if(bt&&t[bt]){return nt(t[bt]())}var n=Bt(t),e=n==a?et:n==h?it:fn;return e(t)}function on(n){if(!n){return n===0?n:0}n=sn(n);if(n===t||n===-Infinity){var r=n<0?-1:1;return r*e}return n===n?n:0}function un(t){var n=on(t),e=n%1;return n===n?e?n-e:n:0}function sn(t){if(typeof t=="number"){return t}if(en(t)){return r}if(Zt(t)){var n=typeof t.valueOf=="function"?t.valueOf():t;t=Zt(n)?n+"":n}if(typeof t!="string"){return t===0?t:+t}t=t.replace(g,"");var e=C.test(t);return e||D.test(t)?P(t.slice(2),e?2:8):j.test(t)?r:+t}function an(t){return Jt(t)?Mt(t):Rt(t)}function fn(t){return t?X(t,an(t)):[]}d=Gt;return d}var v=h();var p=i(v);const b=".sc-dsot-document-component-demo-h{display:block;margin-block:0;margin-inline:8px;border-inline-start:1px dashed transparent;border-inline-end:1px dashed transparent}[show-canvas].sc-dsot-document-component-demo-h{border-inline-start:1px dashed pink;border-inline-end:1px dashed pink}";const m=class{constructor(i){t(this,i);this.dsotOzonContentClick=n(this,"dsotOzonContentClick",7);this.dsotTableOfContentsClick=n(this,"dsotTableOfContentsClick",3);this.showCanvas=false;this.openDefault=false;this.mode="document";this.openOrClosed=[];this.openedAnnotation=[];this.filtered=[];this.notApplicable=[];this.activeAnnotationSelectables=[];this.handleRecursiveToggle=(t,n)=>{const e=this.getEmbeddedDocumentComponents(t);if(!e){return}for(const t of e.documentComponents){this.handleOpenToggle(t,n.next)}};this.DocumentComponent=({path:t})=>{const n=t.at(-1);if(!n||this.mode==="table-of-contents"&&n.type==="LID"){return e(r,null)}const{DocumentComponent:i}=this;const o=this.getEmbeddedDocumentComponents(n);return e("dso-document-component",{annotated:this.isAnnotated(n),bevatOntwerpInformatie:!!n.bevatOntwerpInformatie,filtered:this.isOpen(n)?this.isFiltered(n):this.hasFilteredChildren(n),genesteOntwerpInformatie:this.hasNestedDraft(n),gereserveerd:n.gereserveerd,heading:"h2",kop:n.kop,inhoud:n.inhoud,openAnnotation:this.isOpenedAnnotation(n),notApplicable:this.isNotApplicable(n)||t.some((t=>this.isNotApplicable(t))),onDsoAnnotationToggle:()=>this.handleAnnotationToggle(n),onDsoOpenToggle:()=>this.handleOpenToggle(n),open:this.isOpen(n),type:n.type,vervallen:n.vervallen,wijzigactie:n.wijzigactie,recursiveToggle:this.recursiveToggleState(n),onDsoRecursiveToggle:t=>this.handleRecursiveToggle(n,t.detail),mode:this.mode,href:this.mode==="table-of-contents"?"/document/"+n.documentTechnischId:undefined,onDsoTableOfContentsClick:t=>this.handleTableOfContentsClick(t),onDsoOzonContentClick:t=>this.handleOzonContentClick(t),ozonContentUrlResolver:this.ozonContentUrlResolver,ozonContentBegripResolver:this.ozonContentBegripResolver},this.isOpenedAnnotation(n)&&e("div",{slot:"annotations"},e("dso-annotation-locatie",{active:this.isCheckedSlideToggle(n),"gewijzigde-locatie":true,locatieNoemer:"Winkelgebied",onDsoActiveChange:()=>this.handleSelectableChange(n)},e("span",{class:"symboolcode",slot:"symbool","data-symboolcode":"vszt030"}))),this.showContent(n)&&(o===null||o===void 0?void 0:o.documentComponents.length)&&e("ul",{class:"dso-document-component-list"},o.documentComponents.map((n=>e("li",{key:n.documentTechnischId},e(i,{path:[...t,n]}))))))};this.MenuButton=({documentComponent:t})=>{const{type:n}=t;return e("button",{type:"button",onClick:()=>this.document=t},e("span",null,e("i",null,n)))}}async jsonFileWatcher(){this.openOrClosed=[];await this.loadData()}async openDefaultWatcher(){this.openOrClosed=[];await this.loadData()}async componentDidLoad(){await this.loadData()}getEmbeddedDocumentComponents(t){var n,e;if((n=t===null||t===void 0?void 0:t._embedded)===null||n===void 0?void 0:n.ontwerpDocumentComponenten){return{documentComponents:t._embedded.ontwerpDocumentComponenten,ontwerp:true}}if((e=t===null||t===void 0?void 0:t._embedded)===null||e===void 0?void 0:e.documentComponenten){return{documentComponents:t._embedded.documentComponenten,ontwerp:false}}return undefined}concatEmbeddedDocumentComponents(t){var n,e;const r=[...(e=(n=this.getEmbeddedDocumentComponents(t))===null||n===void 0?void 0:n.documentComponents)!==null&&e!==void 0?e:[]];for(const t of r){r.push(...this.concatEmbeddedDocumentComponents(t))}return r}selectRandomDocumentComponents(t,n=[]){const e=this.concatEmbeddedDocumentComponents(t).filter((t=>!n.includes(t)));const r=c(0,Math.floor(e.length/10));return p(e,r)}async loadData(){var t,n;if(!this.jsonFile){this.response=undefined;this.document=undefined;return}this.response=await fetch(this.jsonFile).then((t=>t.json()));this.document=(t=this.getEmbeddedDocumentComponents(this.response))===null||t===void 0?void 0:t.documentComponents[0];if(((n=this.document)===null||n===void 0?void 0:n.type)==="LICHAAM"){this.notApplicable=this.selectRandomDocumentComponents(this.document);this.filtered=this.selectRandomDocumentComponents(this.document,this.notApplicable)}else{this.notApplicable=[];this.filtered=[]}}handleOpenToggle(t,n){const e=typeof n==="boolean"?n:this.openOrClosed.includes(t);if(e&&this.openOrClosed.includes(t)){this.openOrClosed=this.openOrClosed.filter((n=>n!==t))}else if(!e&&!this.openOrClosed.includes(t)){this.openOrClosed=[...this.openOrClosed,t]}}handleAnnotationToggle(t){this.openedAnnotation=this.isOpenedAnnotation(t)?this.openedAnnotation.filter((n=>n!==t)):[...this.openedAnnotation,t];if(!this.isOpen(t)){this.openOrClosed=[...this.openOrClosed,t]}}handleSelectableChange(t){this.activeAnnotationSelectables=this.isCheckedSlideToggle(t)?this.activeAnnotationSelectables.filter((n=>n!==t)):[...this.activeAnnotationSelectables,t]}handleOzonContentClick(t){this.dsotOzonContentClick.emit(t.detail)}handleTableOfContentsClick(t){this.dsotTableOfContentsClick.emit(t.detail)}isCheckedSlideToggle(t){return this.activeAnnotationSelectables.includes(t)}hasFilteredChildren(t){var n,e;return this.filtered.includes(t)||((e=(n=this.getEmbeddedDocumentComponents(t))===null||n===void 0?void 0:n.documentComponents.some((t=>this.hasFilteredChildren(t))))!==null&&e!==void 0?e:false)}isOpen(t){return t.type==="LID"||this.openDefault?!this.openOrClosed.includes(t):this.openOrClosed.includes(t)}isOpenedAnnotation(t){return this.openedAnnotation.includes(t)}isFiltered(t){return this.filtered.includes(t)}isNotApplicable(t){return this.notApplicable.includes(t)}hasNestedDraft(t){var n,e;return(e=(n=this.getEmbeddedDocumentComponents(t))===null||n===void 0?void 0:n.documentComponents.some((t=>!!t.bevatOntwerpInformatie||this.hasNestedDraft(t))))!==null&&e!==void 0?e:false}showContent(t){var n;return this.isOpen(t)&&!!(((n=this.getEmbeddedDocumentComponents(t))===null||n===void 0?void 0:n.documentComponents.length)||t.inhoud)}recursiveToggleState(t){const n=this.getEmbeddedDocumentComponents(t);if(!n||n.documentComponents.length<=1||!n.documentComponents.some((t=>t.type==="ARTIKEL"))){return undefined}return n.documentComponents.every((t=>this.isOpen(t)))}isAnnotated(t){return t.type==="DIVISIE"||t.type==="DIVISIETEKST"||t.type==="ARTIKEL"||t.type==="LID"}render(){var t,n;const{DocumentComponent:r,MenuButton:i}=this;return e("dso-responsive-element",{key:"50766b90832779819d9a4197689c53eb7dfb9425",class:"dso-document-components"},e("div",{key:"bba295641e2c1d7d38a5619aae42815766b9076c",class:"dso-navbar"},e("ul",{key:"83fe3d066cf7435873d4b0ca00fa3fe6fa83f1f8",class:"dso-nav dso-nav-sub"},(n=(t=this.getEmbeddedDocumentComponents(this.response))===null||t===void 0?void 0:t.documentComponents)===null||n===void 0?void 0:n.map((t=>e("li",{class:this.document===t?"dso-active":undefined},e(i,{documentComponent:t})))))),this.document&&e(r,{key:"4205aa6e91dc2e77eb68729461a19500ddbbdb9d",path:[this.document]}))}static get watchers(){return{jsonFile:["jsonFileWatcher"],openDefault:["openDefaultWatcher"]}}};m.style=b;export{m as dsot_document_component_demo};
-//# sourceMappingURL=p-cde53355.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["INFINITY","MAX_SAFE_INTEGER","MAX_INTEGER","NAN","funcTag","genTag","symbolTag","reTrim","reIsBadHex","reIsBinary","reIsOctal","reIsUint","freeParseFloat","parseFloat","freeParseInt","parseInt","objectProto","Object","prototype","objectToString","toString","nativeFloor","Math","floor","nativeMin","min","nativeRandom","random","baseRandom","lower","upper","isIndex","value","length","test","isIterateeCall","index","object","isObject","type","isArrayLike","eq","other","isLength","isFunction","tag","call","isObjectLike","isSymbol","toFinite","toNumber","Infinity","sign","valueOf","replace","isBinary","slice","floating","undefined","temp","rand","lodash_random","argsTag","mapTag","objectTag","promiseTag","setTag","stringTag","weakMapTag","dataViewTag","reRegExpChar","reIsHostCtor","rsAstralRange","rsComboMarksRange","rsComboSymbolsRange","rsVarRange","rsAstral","rsCombo","rsFitz","rsModifier","rsNonAstral","rsRegional","rsSurrPair","rsZWJ","reOptMod","rsOptVar","rsOptJoin","join","rsSeq","rsSymbol","reUnicode","RegExp","reHasUnicode","freeGlobal","global","freeSelf","self","root","Function","arrayMap","array","iteratee","result","Array","asciiToArray","string","split","baseTimes","n","baseValues","props","key","getValue","hasUnicode","isHostObject","e","iteratorToArray","iterator","data","next","done","push","mapToArray","map","size","forEach","overArg","func","transform","arg","setToArray","set","stringToArray","unicodeToArray","match","funcProto","coreJsData","maskSrcKey","uid","exec","keys","IE_PROTO","funcToString","hasOwnProperty","reIsNative","Symbol","iteratorSymbol","propertyIsEnumerable","nativeKeys","DataView","getNative","Map","Promise","Set","WeakMap","dataViewCtorString","toSource","mapCtorString","promiseCtorString","setCtorString","weakMapCtorString","arrayLikeKeys","inherited","isArray","isArguments","String","skipIndexes","baseClamp","number","baseGetTag","baseIsNative","isMasked","pattern","baseKeys","isPrototype","copyArray","source","getTag","ArrayBuffer","resolve","Ctor","constructor","ctorString","proto","sampleSize","collection","guard","toArray","lastIndex","toInteger","isArrayLikeObject","isString","values","remainder","lodash_samplesize","documentComponentDemoCss","DocumentComponentDemo","hostRef","this","showCanvas","openDefault","mode","openOrClosed","openedAnnotation","filtered","notApplicable","activeAnnotationSelectables","handleRecursiveToggle","documentComponent","detail","embeddedDocuments","getEmbeddedDocumentComponents","d","documentComponents","handleOpenToggle","DocumentComponent","path","at","h","Fragment","annotated","isAnnotated","bevatOntwerpInformatie","isOpen","isFiltered","hasFilteredChildren","genesteOntwerpInformatie","hasNestedDraft","gereserveerd","heading","kop","inhoud","openAnnotation","isOpenedAnnotation","isNotApplicable","some","p","onDsoAnnotationToggle","handleAnnotationToggle","onDsoOpenToggle","open","vervallen","wijzigactie","recursiveToggle","recursiveToggleState","onDsoRecursiveToggle","href","documentTechnischId","onDsoTableOfContentsClick","handleTableOfContentsClick","onDsoOzonContentClick","handleOzonContentClick","ozonContentUrlResolver","ozonContentBegripResolver","slot","active","isCheckedSlideToggle","locatieNoemer","onDsoActiveChange","handleSelectableChange","class","showContent","MenuButton","onClick","document","jsonFileWatcher","loadData","openDefaultWatcher","componentDidLoad","documentEmbedded","_a","_embedded","ontwerpDocumentComponenten","ontwerp","_b","documentComponenten","concatEmbeddedDocumentComponents","selectRandomDocumentComponents","exclude","filter","includes","jsonFile","response","fetch","then","r","json","force","isOpenOrClosed","dsotOzonContentClick","emit","dsotTableOfContentsClick","every","render"],"sources":["../../node_modules/lodash.random/index.js","../../node_modules/lodash.samplesize/index.js","src/components/document-component-demo/document-component.demo.scss?tag=dsot-document-component-demo&encapsulation=scoped","src/components/document-component-demo/document-component.demo.tsx"],"sourcesContent":["/**\n * lodash (Custom Build) <https://lodash.com/>\n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors <https://jquery.org/>\n * Released under MIT license <https://lodash.com/license>\n * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>\n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as references for various `Number` constants. */\nvar INFINITY = 1 / 0,\n    MAX_SAFE_INTEGER = 9007199254740991,\n    MAX_INTEGER = 1.7976931348623157e+308,\n    NAN = 0 / 0;\n\n/** `Object#toString` result references. */\nvar funcTag = '[object Function]',\n    genTag = '[object GeneratorFunction]',\n    symbolTag = '[object Symbol]';\n\n/** Used to match leading and trailing whitespace. */\nvar reTrim = /^\\s+|\\s+$/g;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Used to detect unsigned integer values. */\nvar reIsUint = /^(?:0|[1-9]\\d*)$/;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseFloat = parseFloat,\n    freeParseInt = parseInt;\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeFloor = Math.floor,\n    nativeMin = Math.min,\n    nativeRandom = Math.random;\n\n/**\n * The base implementation of `_.random` without support for returning\n * floating-point numbers.\n *\n * @private\n * @param {number} lower The lower bound.\n * @param {number} upper The upper bound.\n * @returns {number} Returns the random number.\n */\nfunction baseRandom(lower, upper) {\n  return lower + nativeFloor(nativeRandom() * (upper - lower + 1));\n}\n\n/**\n * Checks if `value` is a valid array-like index.\n *\n * @private\n * @param {*} value The value to check.\n * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.\n * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.\n */\nfunction isIndex(value, length) {\n  length = length == null ? MAX_SAFE_INTEGER : length;\n  return !!length &&\n    (typeof value == 'number' || reIsUint.test(value)) &&\n    (value > -1 && value % 1 == 0 && value < length);\n}\n\n/**\n * Checks if the given arguments are from an iteratee call.\n *\n * @private\n * @param {*} value The potential iteratee value argument.\n * @param {*} index The potential iteratee index or key argument.\n * @param {*} object The potential iteratee object argument.\n * @returns {boolean} Returns `true` if the arguments are from an iteratee call,\n *  else `false`.\n */\nfunction isIterateeCall(value, index, object) {\n  if (!isObject(object)) {\n    return false;\n  }\n  var type = typeof index;\n  if (type == 'number'\n        ? (isArrayLike(object) && isIndex(index, object.length))\n        : (type == 'string' && index in object)\n      ) {\n    return eq(object[index], value);\n  }\n  return false;\n}\n\n/**\n * Performs a\n * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * comparison between two values to determine if they are equivalent.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n * @example\n *\n * var object = { 'a': 1 };\n * var other = { 'a': 1 };\n *\n * _.eq(object, object);\n * // => true\n *\n * _.eq(object, other);\n * // => false\n *\n * _.eq('a', 'a');\n * // => true\n *\n * _.eq('a', Object('a'));\n * // => false\n *\n * _.eq(NaN, NaN);\n * // => true\n */\nfunction eq(value, other) {\n  return value === other || (value !== value && other !== other);\n}\n\n/**\n * Checks if `value` is array-like. A value is considered array-like if it's\n * not a function and has a `value.length` that's an integer greater than or\n * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is array-like, else `false`.\n * @example\n *\n * _.isArrayLike([1, 2, 3]);\n * // => true\n *\n * _.isArrayLike(document.body.children);\n * // => true\n *\n * _.isArrayLike('abc');\n * // => true\n *\n * _.isArrayLike(_.noop);\n * // => false\n */\nfunction isArrayLike(value) {\n  return value != null && isLength(value.length) && !isFunction(value);\n}\n\n/**\n * Checks if `value` is classified as a `Function` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a function, else `false`.\n * @example\n *\n * _.isFunction(_);\n * // => true\n *\n * _.isFunction(/abc/);\n * // => false\n */\nfunction isFunction(value) {\n  // The use of `Object#toString` avoids issues with the `typeof` operator\n  // in Safari 8-9 which returns 'object' for typed array and other constructors.\n  var tag = isObject(value) ? objectToString.call(value) : '';\n  return tag == funcTag || tag == genTag;\n}\n\n/**\n * Checks if `value` is a valid array-like length.\n *\n * **Note:** This method is loosely based on\n * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.\n * @example\n *\n * _.isLength(3);\n * // => true\n *\n * _.isLength(Number.MIN_VALUE);\n * // => false\n *\n * _.isLength(Infinity);\n * // => false\n *\n * _.isLength('3');\n * // => false\n */\nfunction isLength(value) {\n  return typeof value == 'number' &&\n    value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;\n}\n\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n  var type = typeof value;\n  return !!value && (type == 'object' || type == 'function');\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n  return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n  return typeof value == 'symbol' ||\n    (isObjectLike(value) && objectToString.call(value) == symbolTag);\n}\n\n/**\n * Converts `value` to a finite number.\n *\n * @static\n * @memberOf _\n * @since 4.12.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted number.\n * @example\n *\n * _.toFinite(3.2);\n * // => 3.2\n *\n * _.toFinite(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toFinite(Infinity);\n * // => 1.7976931348623157e+308\n *\n * _.toFinite('3.2');\n * // => 3.2\n */\nfunction toFinite(value) {\n  if (!value) {\n    return value === 0 ? value : 0;\n  }\n  value = toNumber(value);\n  if (value === INFINITY || value === -INFINITY) {\n    var sign = (value < 0 ? -1 : 1);\n    return sign * MAX_INTEGER;\n  }\n  return value === value ? value : 0;\n}\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n  if (typeof value == 'number') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return NAN;\n  }\n  if (isObject(value)) {\n    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n    value = isObject(other) ? (other + '') : other;\n  }\n  if (typeof value != 'string') {\n    return value === 0 ? value : +value;\n  }\n  value = value.replace(reTrim, '');\n  var isBinary = reIsBinary.test(value);\n  return (isBinary || reIsOctal.test(value))\n    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n    : (reIsBadHex.test(value) ? NAN : +value);\n}\n\n/**\n * Produces a random number between the inclusive `lower` and `upper` bounds.\n * If only one argument is provided a number between `0` and the given number\n * is returned. If `floating` is `true`, or either `lower` or `upper` are\n * floats, a floating-point number is returned instead of an integer.\n *\n * **Note:** JavaScript follows the IEEE-754 standard for resolving\n * floating-point values which can produce unexpected results.\n *\n * @static\n * @memberOf _\n * @since 0.7.0\n * @category Number\n * @param {number} [lower=0] The lower bound.\n * @param {number} [upper=1] The upper bound.\n * @param {boolean} [floating] Specify returning a floating-point number.\n * @returns {number} Returns the random number.\n * @example\n *\n * _.random(0, 5);\n * // => an integer between 0 and 5\n *\n * _.random(5);\n * // => also an integer between 0 and 5\n *\n * _.random(5, true);\n * // => a floating-point number between 0 and 5\n *\n * _.random(1.2, 5.2);\n * // => a floating-point number between 1.2 and 5.2\n */\nfunction random(lower, upper, floating) {\n  if (floating && typeof floating != 'boolean' && isIterateeCall(lower, upper, floating)) {\n    upper = floating = undefined;\n  }\n  if (floating === undefined) {\n    if (typeof upper == 'boolean') {\n      floating = upper;\n      upper = undefined;\n    }\n    else if (typeof lower == 'boolean') {\n      floating = lower;\n      lower = undefined;\n    }\n  }\n  if (lower === undefined && upper === undefined) {\n    lower = 0;\n    upper = 1;\n  }\n  else {\n    lower = toFinite(lower);\n    if (upper === undefined) {\n      upper = lower;\n      lower = 0;\n    } else {\n      upper = toFinite(upper);\n    }\n  }\n  if (lower > upper) {\n    var temp = lower;\n    lower = upper;\n    upper = temp;\n  }\n  if (floating || lower % 1 || upper % 1) {\n    var rand = nativeRandom();\n    return nativeMin(lower + (rand * (upper - lower + freeParseFloat('1e-' + ((rand + '').length - 1)))), upper);\n  }\n  return baseRandom(lower, upper);\n}\n\nmodule.exports = random;\n","/**\n * lodash (Custom Build) <https://lodash.com/>\n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors <https://jquery.org/>\n * Released under MIT license <https://lodash.com/license>\n * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>\n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as references for various `Number` constants. */\nvar INFINITY = 1 / 0,\n    MAX_SAFE_INTEGER = 9007199254740991,\n    MAX_INTEGER = 1.7976931348623157e+308,\n    NAN = 0 / 0;\n\n/** `Object#toString` result references. */\nvar argsTag = '[object Arguments]',\n    funcTag = '[object Function]',\n    genTag = '[object GeneratorFunction]',\n    mapTag = '[object Map]',\n    objectTag = '[object Object]',\n    promiseTag = '[object Promise]',\n    setTag = '[object Set]',\n    stringTag = '[object String]',\n    symbolTag = '[object Symbol]',\n    weakMapTag = '[object WeakMap]';\n\nvar dataViewTag = '[object DataView]';\n\n/**\n * Used to match `RegExp`\n * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).\n */\nvar reRegExpChar = /[\\\\^$.*+?()[\\]{}|]/g;\n\n/** Used to match leading and trailing whitespace. */\nvar reTrim = /^\\s+|\\s+$/g;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect host constructors (Safari). */\nvar reIsHostCtor = /^\\[object .+?Constructor\\]$/;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Used to detect unsigned integer values. */\nvar reIsUint = /^(?:0|[1-9]\\d*)$/;\n\n/** Used to compose unicode character classes. */\nvar rsAstralRange = '\\\\ud800-\\\\udfff',\n    rsComboMarksRange = '\\\\u0300-\\\\u036f\\\\ufe20-\\\\ufe23',\n    rsComboSymbolsRange = '\\\\u20d0-\\\\u20f0',\n    rsVarRange = '\\\\ufe0e\\\\ufe0f';\n\n/** Used to compose unicode capture groups. */\nvar rsAstral = '[' + rsAstralRange + ']',\n    rsCombo = '[' + rsComboMarksRange + rsComboSymbolsRange + ']',\n    rsFitz = '\\\\ud83c[\\\\udffb-\\\\udfff]',\n    rsModifier = '(?:' + rsCombo + '|' + rsFitz + ')',\n    rsNonAstral = '[^' + rsAstralRange + ']',\n    rsRegional = '(?:\\\\ud83c[\\\\udde6-\\\\uddff]){2}',\n    rsSurrPair = '[\\\\ud800-\\\\udbff][\\\\udc00-\\\\udfff]',\n    rsZWJ = '\\\\u200d';\n\n/** Used to compose unicode regexes. */\nvar reOptMod = rsModifier + '?',\n    rsOptVar = '[' + rsVarRange + ']?',\n    rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*',\n    rsSeq = rsOptVar + reOptMod + rsOptJoin,\n    rsSymbol = '(?:' + [rsNonAstral + rsCombo + '?', rsCombo, rsRegional, rsSurrPair, rsAstral].join('|') + ')';\n\n/** Used to match [string symbols](https://mathiasbynens.be/notes/javascript-unicode). */\nvar reUnicode = RegExp(rsFitz + '(?=' + rsFitz + ')|' + rsSymbol + rsSeq, 'g');\n\n/** Used to detect strings with [zero-width joiners or code points from the astral planes](http://eev.ee/blog/2015/09/12/dark-corners-of-unicode/). */\nvar reHasUnicode = RegExp('[' + rsZWJ + rsAstralRange  + rsComboMarksRange + rsComboSymbolsRange + rsVarRange + ']');\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\n/**\n * A specialized version of `_.map` for arrays without support for iteratee\n * shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns the new mapped array.\n */\nfunction arrayMap(array, iteratee) {\n  var index = -1,\n      length = array ? array.length : 0,\n      result = Array(length);\n\n  while (++index < length) {\n    result[index] = iteratee(array[index], index, array);\n  }\n  return result;\n}\n\n/**\n * Converts an ASCII `string` to an array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the converted array.\n */\nfunction asciiToArray(string) {\n  return string.split('');\n}\n\n/**\n * The base implementation of `_.times` without support for iteratee shorthands\n * or max array length checks.\n *\n * @private\n * @param {number} n The number of times to invoke `iteratee`.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns the array of results.\n */\nfunction baseTimes(n, iteratee) {\n  var index = -1,\n      result = Array(n);\n\n  while (++index < n) {\n    result[index] = iteratee(index);\n  }\n  return result;\n}\n\n/**\n * The base implementation of `_.values` and `_.valuesIn` which creates an\n * array of `object` property values corresponding to the property names\n * of `props`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {Array} props The property names to get values for.\n * @returns {Object} Returns the array of property values.\n */\nfunction baseValues(object, props) {\n  return arrayMap(props, function(key) {\n    return object[key];\n  });\n}\n\n/**\n * Gets the value at `key` of `object`.\n *\n * @private\n * @param {Object} [object] The object to query.\n * @param {string} key The key of the property to get.\n * @returns {*} Returns the property value.\n */\nfunction getValue(object, key) {\n  return object == null ? undefined : object[key];\n}\n\n/**\n * Checks if `string` contains Unicode symbols.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {boolean} Returns `true` if a symbol is found, else `false`.\n */\nfunction hasUnicode(string) {\n  return reHasUnicode.test(string);\n}\n\n/**\n * Checks if `value` is a host object in IE < 9.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a host object, else `false`.\n */\nfunction isHostObject(value) {\n  // Many host objects are `Object` objects that can coerce to strings\n  // despite having improperly defined `toString` methods.\n  var result = false;\n  if (value != null && typeof value.toString != 'function') {\n    try {\n      result = !!(value + '');\n    } catch (e) {}\n  }\n  return result;\n}\n\n/**\n * Converts `iterator` to an array.\n *\n * @private\n * @param {Object} iterator The iterator to convert.\n * @returns {Array} Returns the converted array.\n */\nfunction iteratorToArray(iterator) {\n  var data,\n      result = [];\n\n  while (!(data = iterator.next()).done) {\n    result.push(data.value);\n  }\n  return result;\n}\n\n/**\n * Converts `map` to its key-value pairs.\n *\n * @private\n * @param {Object} map The map to convert.\n * @returns {Array} Returns the key-value pairs.\n */\nfunction mapToArray(map) {\n  var index = -1,\n      result = Array(map.size);\n\n  map.forEach(function(value, key) {\n    result[++index] = [key, value];\n  });\n  return result;\n}\n\n/**\n * Creates a unary function that invokes `func` with its argument transformed.\n *\n * @private\n * @param {Function} func The function to wrap.\n * @param {Function} transform The argument transform.\n * @returns {Function} Returns the new function.\n */\nfunction overArg(func, transform) {\n  return function(arg) {\n    return func(transform(arg));\n  };\n}\n\n/**\n * Converts `set` to an array of its values.\n *\n * @private\n * @param {Object} set The set to convert.\n * @returns {Array} Returns the values.\n */\nfunction setToArray(set) {\n  var index = -1,\n      result = Array(set.size);\n\n  set.forEach(function(value) {\n    result[++index] = value;\n  });\n  return result;\n}\n\n/**\n * Converts `string` to an array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the converted array.\n */\nfunction stringToArray(string) {\n  return hasUnicode(string)\n    ? unicodeToArray(string)\n    : asciiToArray(string);\n}\n\n/**\n * Converts a Unicode `string` to an array.\n *\n * @private\n * @param {string} string The string to convert.\n * @returns {Array} Returns the converted array.\n */\nfunction unicodeToArray(string) {\n  return string.match(reUnicode) || [];\n}\n\n/** Used for built-in method references. */\nvar funcProto = Function.prototype,\n    objectProto = Object.prototype;\n\n/** Used to detect overreaching core-js shims. */\nvar coreJsData = root['__core-js_shared__'];\n\n/** Used to detect methods masquerading as native. */\nvar maskSrcKey = (function() {\n  var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');\n  return uid ? ('Symbol(src)_1.' + uid) : '';\n}());\n\n/** Used to resolve the decompiled source of functions. */\nvar funcToString = funcProto.toString;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/** Used to detect if a method is native. */\nvar reIsNative = RegExp('^' +\n  funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\\\$&')\n  .replace(/hasOwnProperty|(function).*?(?=\\\\\\()| for .+?(?=\\\\\\])/g, '$1.*?') + '$'\n);\n\n/** Built-in value references. */\nvar Symbol = root.Symbol,\n    iteratorSymbol = Symbol ? Symbol.iterator : undefined,\n    propertyIsEnumerable = objectProto.propertyIsEnumerable;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeFloor = Math.floor,\n    nativeKeys = overArg(Object.keys, Object),\n    nativeRandom = Math.random;\n\n/* Built-in method references that are verified to be native. */\nvar DataView = getNative(root, 'DataView'),\n    Map = getNative(root, 'Map'),\n    Promise = getNative(root, 'Promise'),\n    Set = getNative(root, 'Set'),\n    WeakMap = getNative(root, 'WeakMap');\n\n/** Used to detect maps, sets, and weakmaps. */\nvar dataViewCtorString = toSource(DataView),\n    mapCtorString = toSource(Map),\n    promiseCtorString = toSource(Promise),\n    setCtorString = toSource(Set),\n    weakMapCtorString = toSource(WeakMap);\n\n/**\n * Creates an array of the enumerable property names of the array-like `value`.\n *\n * @private\n * @param {*} value The value to query.\n * @param {boolean} inherited Specify returning inherited property names.\n * @returns {Array} Returns the array of property names.\n */\nfunction arrayLikeKeys(value, inherited) {\n  // Safari 8.1 makes `arguments.callee` enumerable in strict mode.\n  // Safari 9 makes `arguments.length` enumerable in strict mode.\n  var result = (isArray(value) || isArguments(value))\n    ? baseTimes(value.length, String)\n    : [];\n\n  var length = result.length,\n      skipIndexes = !!length;\n\n  for (var key in value) {\n    if ((inherited || hasOwnProperty.call(value, key)) &&\n        !(skipIndexes && (key == 'length' || isIndex(key, length)))) {\n      result.push(key);\n    }\n  }\n  return result;\n}\n\n/**\n * The base implementation of `_.clamp` which doesn't coerce arguments.\n *\n * @private\n * @param {number} number The number to clamp.\n * @param {number} [lower] The lower bound.\n * @param {number} upper The upper bound.\n * @returns {number} Returns the clamped number.\n */\nfunction baseClamp(number, lower, upper) {\n  if (number === number) {\n    if (upper !== undefined) {\n      number = number <= upper ? number : upper;\n    }\n    if (lower !== undefined) {\n      number = number >= lower ? number : lower;\n    }\n  }\n  return number;\n}\n\n/**\n * The base implementation of `getTag`.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag(value) {\n  return objectToString.call(value);\n}\n\n/**\n * The base implementation of `_.isNative` without bad shim checks.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a native function,\n *  else `false`.\n */\nfunction baseIsNative(value) {\n  if (!isObject(value) || isMasked(value)) {\n    return false;\n  }\n  var pattern = (isFunction(value) || isHostObject(value)) ? reIsNative : reIsHostCtor;\n  return pattern.test(toSource(value));\n}\n\n/**\n * The base implementation of `_.keys` which doesn't treat sparse arrays as dense.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n */\nfunction baseKeys(object) {\n  if (!isPrototype(object)) {\n    return nativeKeys(object);\n  }\n  var result = [];\n  for (var key in Object(object)) {\n    if (hasOwnProperty.call(object, key) && key != 'constructor') {\n      result.push(key);\n    }\n  }\n  return result;\n}\n\n/**\n * The base implementation of `_.random` without support for returning\n * floating-point numbers.\n *\n * @private\n * @param {number} lower The lower bound.\n * @param {number} upper The upper bound.\n * @returns {number} Returns the random number.\n */\nfunction baseRandom(lower, upper) {\n  return lower + nativeFloor(nativeRandom() * (upper - lower + 1));\n}\n\n/**\n * Copies the values of `source` to `array`.\n *\n * @private\n * @param {Array} source The array to copy values from.\n * @param {Array} [array=[]] The array to copy values to.\n * @returns {Array} Returns `array`.\n */\nfunction copyArray(source, array) {\n  var index = -1,\n      length = source.length;\n\n  array || (array = Array(length));\n  while (++index < length) {\n    array[index] = source[index];\n  }\n  return array;\n}\n\n/**\n * Gets the native function at `key` of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {string} key The key of the method to get.\n * @returns {*} Returns the function if it's native, else `undefined`.\n */\nfunction getNative(object, key) {\n  var value = getValue(object, key);\n  return baseIsNative(value) ? value : undefined;\n}\n\n/**\n * Gets the `toStringTag` of `value`.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nvar getTag = baseGetTag;\n\n// Fallback for data views, maps, sets, and weak maps in IE 11,\n// for data views in Edge < 14, and promises in Node.js.\nif ((DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag) ||\n    (Map && getTag(new Map) != mapTag) ||\n    (Promise && getTag(Promise.resolve()) != promiseTag) ||\n    (Set && getTag(new Set) != setTag) ||\n    (WeakMap && getTag(new WeakMap) != weakMapTag)) {\n  getTag = function(value) {\n    var result = objectToString.call(value),\n        Ctor = result == objectTag ? value.constructor : undefined,\n        ctorString = Ctor ? toSource(Ctor) : undefined;\n\n    if (ctorString) {\n      switch (ctorString) {\n        case dataViewCtorString: return dataViewTag;\n        case mapCtorString: return mapTag;\n        case promiseCtorString: return promiseTag;\n        case setCtorString: return setTag;\n        case weakMapCtorString: return weakMapTag;\n      }\n    }\n    return result;\n  };\n}\n\n/**\n * Checks if `value` is a valid array-like index.\n *\n * @private\n * @param {*} value The value to check.\n * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.\n * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.\n */\nfunction isIndex(value, length) {\n  length = length == null ? MAX_SAFE_INTEGER : length;\n  return !!length &&\n    (typeof value == 'number' || reIsUint.test(value)) &&\n    (value > -1 && value % 1 == 0 && value < length);\n}\n\n/**\n * Checks if the given arguments are from an iteratee call.\n *\n * @private\n * @param {*} value The potential iteratee value argument.\n * @param {*} index The potential iteratee index or key argument.\n * @param {*} object The potential iteratee object argument.\n * @returns {boolean} Returns `true` if the arguments are from an iteratee call,\n *  else `false`.\n */\nfunction isIterateeCall(value, index, object) {\n  if (!isObject(object)) {\n    return false;\n  }\n  var type = typeof index;\n  if (type == 'number'\n        ? (isArrayLike(object) && isIndex(index, object.length))\n        : (type == 'string' && index in object)\n      ) {\n    return eq(object[index], value);\n  }\n  return false;\n}\n\n/**\n * Checks if `func` has its source masked.\n *\n * @private\n * @param {Function} func The function to check.\n * @returns {boolean} Returns `true` if `func` is masked, else `false`.\n */\nfunction isMasked(func) {\n  return !!maskSrcKey && (maskSrcKey in func);\n}\n\n/**\n * Checks if `value` is likely a prototype object.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a prototype, else `false`.\n */\nfunction isPrototype(value) {\n  var Ctor = value && value.constructor,\n      proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto;\n\n  return value === proto;\n}\n\n/**\n * Converts `func` to its source code.\n *\n * @private\n * @param {Function} func The function to process.\n * @returns {string} Returns the source code.\n */\nfunction toSource(func) {\n  if (func != null) {\n    try {\n      return funcToString.call(func);\n    } catch (e) {}\n    try {\n      return (func + '');\n    } catch (e) {}\n  }\n  return '';\n}\n\n/**\n * Gets `n` random elements at unique keys from `collection` up to the\n * size of `collection`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Collection\n * @param {Array|Object} collection The collection to sample.\n * @param {number} [n=1] The number of elements to sample.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {Array} Returns the random elements.\n * @example\n *\n * _.sampleSize([1, 2, 3], 2);\n * // => [3, 1]\n *\n * _.sampleSize([1, 2, 3], 4);\n * // => [2, 3, 1]\n */\nfunction sampleSize(collection, n, guard) {\n  var index = -1,\n      result = toArray(collection),\n      length = result.length,\n      lastIndex = length - 1;\n\n  if ((guard ? isIterateeCall(collection, n, guard) : n === undefined)) {\n    n = 1;\n  } else {\n    n = baseClamp(toInteger(n), 0, length);\n  }\n  while (++index < n) {\n    var rand = baseRandom(index, lastIndex),\n        value = result[rand];\n\n    result[rand] = result[index];\n    result[index] = value;\n  }\n  result.length = n;\n  return result;\n}\n\n/**\n * Performs a\n * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * comparison between two values to determine if they are equivalent.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n * @example\n *\n * var object = { 'a': 1 };\n * var other = { 'a': 1 };\n *\n * _.eq(object, object);\n * // => true\n *\n * _.eq(object, other);\n * // => false\n *\n * _.eq('a', 'a');\n * // => true\n *\n * _.eq('a', Object('a'));\n * // => false\n *\n * _.eq(NaN, NaN);\n * // => true\n */\nfunction eq(value, other) {\n  return value === other || (value !== value && other !== other);\n}\n\n/**\n * Checks if `value` is likely an `arguments` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an `arguments` object,\n *  else `false`.\n * @example\n *\n * _.isArguments(function() { return arguments; }());\n * // => true\n *\n * _.isArguments([1, 2, 3]);\n * // => false\n */\nfunction isArguments(value) {\n  // Safari 8.1 makes `arguments.callee` enumerable in strict mode.\n  return isArrayLikeObject(value) && hasOwnProperty.call(value, 'callee') &&\n    (!propertyIsEnumerable.call(value, 'callee') || objectToString.call(value) == argsTag);\n}\n\n/**\n * Checks if `value` is classified as an `Array` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array, else `false`.\n * @example\n *\n * _.isArray([1, 2, 3]);\n * // => true\n *\n * _.isArray(document.body.children);\n * // => false\n *\n * _.isArray('abc');\n * // => false\n *\n * _.isArray(_.noop);\n * // => false\n */\nvar isArray = Array.isArray;\n\n/**\n * Checks if `value` is array-like. A value is considered array-like if it's\n * not a function and has a `value.length` that's an integer greater than or\n * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is array-like, else `false`.\n * @example\n *\n * _.isArrayLike([1, 2, 3]);\n * // => true\n *\n * _.isArrayLike(document.body.children);\n * // => true\n *\n * _.isArrayLike('abc');\n * // => true\n *\n * _.isArrayLike(_.noop);\n * // => false\n */\nfunction isArrayLike(value) {\n  return value != null && isLength(value.length) && !isFunction(value);\n}\n\n/**\n * This method is like `_.isArrayLike` except that it also checks if `value`\n * is an object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array-like object,\n *  else `false`.\n * @example\n *\n * _.isArrayLikeObject([1, 2, 3]);\n * // => true\n *\n * _.isArrayLikeObject(document.body.children);\n * // => true\n *\n * _.isArrayLikeObject('abc');\n * // => false\n *\n * _.isArrayLikeObject(_.noop);\n * // => false\n */\nfunction isArrayLikeObject(value) {\n  return isObjectLike(value) && isArrayLike(value);\n}\n\n/**\n * Checks if `value` is classified as a `Function` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a function, else `false`.\n * @example\n *\n * _.isFunction(_);\n * // => true\n *\n * _.isFunction(/abc/);\n * // => false\n */\nfunction isFunction(value) {\n  // The use of `Object#toString` avoids issues with the `typeof` operator\n  // in Safari 8-9 which returns 'object' for typed array and other constructors.\n  var tag = isObject(value) ? objectToString.call(value) : '';\n  return tag == funcTag || tag == genTag;\n}\n\n/**\n * Checks if `value` is a valid array-like length.\n *\n * **Note:** This method is loosely based on\n * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.\n * @example\n *\n * _.isLength(3);\n * // => true\n *\n * _.isLength(Number.MIN_VALUE);\n * // => false\n *\n * _.isLength(Infinity);\n * // => false\n *\n * _.isLength('3');\n * // => false\n */\nfunction isLength(value) {\n  return typeof value == 'number' &&\n    value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;\n}\n\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n  var type = typeof value;\n  return !!value && (type == 'object' || type == 'function');\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n  return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `String` primitive or object.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a string, else `false`.\n * @example\n *\n * _.isString('abc');\n * // => true\n *\n * _.isString(1);\n * // => false\n */\nfunction isString(value) {\n  return typeof value == 'string' ||\n    (!isArray(value) && isObjectLike(value) && objectToString.call(value) == stringTag);\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n  return typeof value == 'symbol' ||\n    (isObjectLike(value) && objectToString.call(value) == symbolTag);\n}\n\n/**\n * Converts `value` to an array.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {Array} Returns the converted array.\n * @example\n *\n * _.toArray({ 'a': 1, 'b': 2 });\n * // => [1, 2]\n *\n * _.toArray('abc');\n * // => ['a', 'b', 'c']\n *\n * _.toArray(1);\n * // => []\n *\n * _.toArray(null);\n * // => []\n */\nfunction toArray(value) {\n  if (!value) {\n    return [];\n  }\n  if (isArrayLike(value)) {\n    return isString(value) ? stringToArray(value) : copyArray(value);\n  }\n  if (iteratorSymbol && value[iteratorSymbol]) {\n    return iteratorToArray(value[iteratorSymbol]());\n  }\n  var tag = getTag(value),\n      func = tag == mapTag ? mapToArray : (tag == setTag ? setToArray : values);\n\n  return func(value);\n}\n\n/**\n * Converts `value` to a finite number.\n *\n * @static\n * @memberOf _\n * @since 4.12.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted number.\n * @example\n *\n * _.toFinite(3.2);\n * // => 3.2\n *\n * _.toFinite(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toFinite(Infinity);\n * // => 1.7976931348623157e+308\n *\n * _.toFinite('3.2');\n * // => 3.2\n */\nfunction toFinite(value) {\n  if (!value) {\n    return value === 0 ? value : 0;\n  }\n  value = toNumber(value);\n  if (value === INFINITY || value === -INFINITY) {\n    var sign = (value < 0 ? -1 : 1);\n    return sign * MAX_INTEGER;\n  }\n  return value === value ? value : 0;\n}\n\n/**\n * Converts `value` to an integer.\n *\n * **Note:** This method is loosely based on\n * [`ToInteger`](http://www.ecma-international.org/ecma-262/7.0/#sec-tointeger).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to convert.\n * @returns {number} Returns the converted integer.\n * @example\n *\n * _.toInteger(3.2);\n * // => 3\n *\n * _.toInteger(Number.MIN_VALUE);\n * // => 0\n *\n * _.toInteger(Infinity);\n * // => 1.7976931348623157e+308\n *\n * _.toInteger('3.2');\n * // => 3\n */\nfunction toInteger(value) {\n  var result = toFinite(value),\n      remainder = result % 1;\n\n  return result === result ? (remainder ? result - remainder : result) : 0;\n}\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n  if (typeof value == 'number') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return NAN;\n  }\n  if (isObject(value)) {\n    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n    value = isObject(other) ? (other + '') : other;\n  }\n  if (typeof value != 'string') {\n    return value === 0 ? value : +value;\n  }\n  value = value.replace(reTrim, '');\n  var isBinary = reIsBinary.test(value);\n  return (isBinary || reIsOctal.test(value))\n    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n    : (reIsBadHex.test(value) ? NAN : +value);\n}\n\n/**\n * Creates an array of the own enumerable property names of `object`.\n *\n * **Note:** Non-object values are coerced to objects. See the\n * [ES spec](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)\n * for more details.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n * @example\n *\n * function Foo() {\n *   this.a = 1;\n *   this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.keys(new Foo);\n * // => ['a', 'b'] (iteration order is not guaranteed)\n *\n * _.keys('hi');\n * // => ['0', '1']\n */\nfunction keys(object) {\n  return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);\n}\n\n/**\n * Creates an array of the own enumerable string keyed property values of `object`.\n *\n * **Note:** Non-object values are coerced to objects.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property values.\n * @example\n *\n * function Foo() {\n *   this.a = 1;\n *   this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.values(new Foo);\n * // => [1, 2] (iteration order is not guaranteed)\n *\n * _.values('hi');\n * // => ['h', 'i']\n */\nfunction values(object) {\n  return object ? baseValues(object, keys(object)) : [];\n}\n\nmodule.exports = sampleSize;\n",":host {\r\n  display: block;\r\n  margin-block: 0;\r\n  margin-inline: 8px;\r\n  border-inline-start: 1px dashed transparent;\r\n  border-inline-end: 1px dashed transparent;\r\n}\r\n\r\n:host([show-canvas]) {\r\n  border-inline-start: 1px dashed pink;\r\n  border-inline-end: 1px dashed pink;\r\n}\r\n","import { Component, ComponentInterface, Event, EventEmitter, Fragment, Prop, State, Watch, h } from \"@stencil/core\";\r\nimport random from \"lodash.random\";\r\nimport sampleSize from \"lodash.samplesize\";\r\n\r\nimport {\r\n  DocumentComponentInputType,\r\n  DsoDocumentComponentCustomEvent,\r\n  OzonContentBegripResolver,\r\n  OzonContentUrlResolver,\r\n} from \"../../components\";\r\nimport {\r\n  DocumentComponentMode,\r\n  DocumentComponentOzonContentClickEvent,\r\n  DocumentComponentRecursiveToggleEvent,\r\n  DocumentComponentTableOfContentsClickEvent,\r\n  DocumentComponentWijzigactie,\r\n} from \"../document-component/document-component.interfaces\";\r\n\r\ninterface DocumentEmbedded {\r\n  _embedded?: {\r\n    ontwerpDocumentComponenten?: DocumentComponent[];\r\n    documentComponenten?: DocumentComponent[];\r\n  };\r\n}\r\n\r\ninterface DocumentComponent extends DocumentEmbedded {\r\n  documentTechnischId: string;\r\n  type?: string;\r\n  volgordeNummer: number;\r\n  inhoud?: string;\r\n  kop?: string;\r\n  gereserveerd?: DocumentComponentInputType;\r\n  vervallen?: DocumentComponentInputType;\r\n  bevatOntwerpInformatie?: boolean;\r\n  wijzigactie?: DocumentComponentWijzigactie;\r\n  mode: DocumentComponentMode;\r\n}\r\n\r\n@Component({\r\n  tag: \"dsot-document-component-demo\",\r\n  scoped: true, // scoped because we are immitating the usage of <dso-document-component> in a page\r\n  styleUrl: \"document-component.demo.scss\",\r\n})\r\nexport class DocumentComponentDemo implements ComponentInterface {\r\n  /**\r\n   * Show canvas to where Document Component extends.\r\n   */\r\n  @Prop({ reflect: true })\r\n  showCanvas = false;\r\n\r\n  /**\r\n   * Name of the file to load.\r\n   */\r\n  @Prop()\r\n  jsonFile?: string;\r\n\r\n  /**\r\n   * The default state for all Document Components.\r\n   */\r\n  @Prop()\r\n  openDefault = false;\r\n\r\n  /**\r\n   * The mode of the Document Component. One of \"document\" or \"table-of-contents\". Defaults to \"document\"\r\n   */\r\n  @Prop({ reflect: true })\r\n  mode: DocumentComponentMode = \"document\";\r\n\r\n  /**\r\n   * A UrlResolver that will be called for all STOP elements that render to HTML5 elements with external references.\r\n   */\r\n  @Prop()\r\n  ozonContentUrlResolver?: OzonContentUrlResolver;\r\n\r\n  /**\r\n   * A BegripResolver that will be called for STOP element \"IntRef\" with @scope=\"Begrip\".\r\n   */\r\n  @Prop()\r\n  ozonContentBegripResolver?: OzonContentBegripResolver;\r\n\r\n  /**\r\n   * To demo the user interacting with Kop, IntRef or the Kenmerken en kaart button of IntIoRef in Ozon Content\r\n   */\r\n  @Event()\r\n  dsotOzonContentClick!: EventEmitter<DocumentComponentOzonContentClickEvent>;\r\n\r\n  /**\r\n   * To demo user interacting the heading in mode=\"table-of-contents\".\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsotTableOfContentsClick!: EventEmitter<DocumentComponentTableOfContentsClickEvent>;\r\n\r\n  @State()\r\n  response?: DocumentEmbedded;\r\n\r\n  @State()\r\n  document?: DocumentComponent;\r\n\r\n  @State()\r\n  openOrClosed: DocumentComponent[] = [];\r\n\r\n  @State()\r\n  openedAnnotation: DocumentComponent[] = [];\r\n\r\n  @State()\r\n  filtered: DocumentComponent[] = [];\r\n\r\n  @State()\r\n  notApplicable: DocumentComponent[] = [];\r\n\r\n  @State()\r\n  activeAnnotationSelectables: DocumentComponent[] = [];\r\n\r\n  @Watch(\"jsonFile\")\r\n  async jsonFileWatcher() {\r\n    this.openOrClosed = [];\r\n\r\n    await this.loadData();\r\n  }\r\n\r\n  @Watch(\"openDefault\")\r\n  async openDefaultWatcher() {\r\n    this.openOrClosed = [];\r\n\r\n    await this.loadData();\r\n  }\r\n\r\n  async componentDidLoad(): Promise<void> {\r\n    await this.loadData();\r\n  }\r\n\r\n  private getEmbeddedDocumentComponents(documentEmbedded: DocumentEmbedded | undefined) {\r\n    if (documentEmbedded?._embedded?.ontwerpDocumentComponenten) {\r\n      return {\r\n        documentComponents: documentEmbedded._embedded.ontwerpDocumentComponenten,\r\n        ontwerp: true,\r\n      };\r\n    }\r\n\r\n    if (documentEmbedded?._embedded?.documentComponenten) {\r\n      return {\r\n        documentComponents: documentEmbedded._embedded.documentComponenten,\r\n        ontwerp: false,\r\n      };\r\n    }\r\n\r\n    return undefined;\r\n  }\r\n\r\n  private concatEmbeddedDocumentComponents(documentComponent: DocumentComponent): DocumentComponent[] {\r\n    const embeddedDocuments = [...(this.getEmbeddedDocumentComponents(documentComponent)?.documentComponents ?? [])];\r\n\r\n    for (const d of embeddedDocuments) {\r\n      embeddedDocuments.push(...this.concatEmbeddedDocumentComponents(d));\r\n    }\r\n\r\n    return embeddedDocuments;\r\n  }\r\n\r\n  private selectRandomDocumentComponents(\r\n    documentComponent: DocumentComponent,\r\n    exclude: DocumentComponent[] = [],\r\n  ): DocumentComponent[] {\r\n    const documentComponents = this.concatEmbeddedDocumentComponents(documentComponent).filter(\r\n      (d) => !exclude.includes(d),\r\n    );\r\n    const size = random(0, Math.floor(documentComponents.length / 10));\r\n\r\n    return sampleSize(documentComponents, size);\r\n  }\r\n\r\n  private async loadData() {\r\n    if (!this.jsonFile) {\r\n      this.response = undefined;\r\n      this.document = undefined;\r\n\r\n      return;\r\n    }\r\n\r\n    this.response = await fetch(this.jsonFile).then((r) => r.json());\r\n    this.document = this.getEmbeddedDocumentComponents(this.response)?.documentComponents[0];\r\n\r\n    if (this.document?.type === \"LICHAAM\") {\r\n      this.notApplicable = this.selectRandomDocumentComponents(this.document);\r\n      this.filtered = this.selectRandomDocumentComponents(this.document, this.notApplicable);\r\n    } else {\r\n      this.notApplicable = [];\r\n      this.filtered = [];\r\n    }\r\n  }\r\n\r\n  private handleOpenToggle(documentComponent: DocumentComponent, force?: boolean) {\r\n    const isOpenOrClosed = typeof force === \"boolean\" ? force : this.openOrClosed.includes(documentComponent);\r\n\r\n    if (isOpenOrClosed && this.openOrClosed.includes(documentComponent)) {\r\n      this.openOrClosed = this.openOrClosed.filter((d) => d !== documentComponent);\r\n    } else if (!isOpenOrClosed && !this.openOrClosed.includes(documentComponent)) {\r\n      this.openOrClosed = [...this.openOrClosed, documentComponent];\r\n    }\r\n  }\r\n\r\n  private handleAnnotationToggle(documentComponent: DocumentComponent) {\r\n    this.openedAnnotation = this.isOpenedAnnotation(documentComponent)\r\n      ? this.openedAnnotation.filter((d) => d !== documentComponent)\r\n      : [...this.openedAnnotation, documentComponent];\r\n\r\n    if (!this.isOpen(documentComponent)) {\r\n      this.openOrClosed = [...this.openOrClosed, documentComponent];\r\n    }\r\n  }\r\n\r\n  private handleSelectableChange(documentComponent: DocumentComponent) {\r\n    this.activeAnnotationSelectables = this.isCheckedSlideToggle(documentComponent)\r\n      ? this.activeAnnotationSelectables.filter((d) => d !== documentComponent)\r\n      : [...this.activeAnnotationSelectables, documentComponent];\r\n  }\r\n\r\n  private handleOzonContentClick(e: DsoDocumentComponentCustomEvent<DocumentComponentOzonContentClickEvent>) {\r\n    this.dsotOzonContentClick.emit(e.detail);\r\n  }\r\n\r\n  private handleTableOfContentsClick(e: DsoDocumentComponentCustomEvent<DocumentComponentTableOfContentsClickEvent>) {\r\n    this.dsotTableOfContentsClick.emit(e.detail);\r\n  }\r\n\r\n  private isCheckedSlideToggle(documentComponent: DocumentComponent) {\r\n    return this.activeAnnotationSelectables.includes(documentComponent);\r\n  }\r\n\r\n  private hasFilteredChildren(documentComponent: DocumentComponent): boolean {\r\n    return (\r\n      this.filtered.includes(documentComponent) ||\r\n      (this.getEmbeddedDocumentComponents(documentComponent)?.documentComponents.some((d) =>\r\n        this.hasFilteredChildren(d),\r\n      ) ??\r\n        false)\r\n    );\r\n  }\r\n\r\n  private isOpen(documentComponent: DocumentComponent): boolean {\r\n    return documentComponent.type === \"LID\" || this.openDefault\r\n      ? !this.openOrClosed.includes(documentComponent)\r\n      : this.openOrClosed.includes(documentComponent);\r\n  }\r\n\r\n  private isOpenedAnnotation(documentComponent: DocumentComponent): boolean {\r\n    return this.openedAnnotation.includes(documentComponent);\r\n  }\r\n\r\n  private isFiltered(documentComponent: DocumentComponent): boolean {\r\n    return this.filtered.includes(documentComponent);\r\n  }\r\n\r\n  private isNotApplicable(documentComponent: DocumentComponent): boolean {\r\n    return this.notApplicable.includes(documentComponent);\r\n  }\r\n\r\n  private hasNestedDraft(documentComponent: DocumentComponent): boolean {\r\n    return (\r\n      this.getEmbeddedDocumentComponents(documentComponent)?.documentComponents.some(\r\n        (d) => !!d.bevatOntwerpInformatie || this.hasNestedDraft(d),\r\n      ) ?? false\r\n    );\r\n  }\r\n\r\n  private showContent(documentComponent: DocumentComponent): boolean {\r\n    return (\r\n      this.isOpen(documentComponent) &&\r\n      !!(this.getEmbeddedDocumentComponents(documentComponent)?.documentComponents.length || documentComponent.inhoud)\r\n    );\r\n  }\r\n\r\n  private recursiveToggleState(documentComponent: DocumentComponent): undefined | boolean | \"indeterminate\" {\r\n    const embeddedDocuments = this.getEmbeddedDocumentComponents(documentComponent);\r\n\r\n    if (\r\n      !embeddedDocuments ||\r\n      embeddedDocuments.documentComponents.length <= 1 ||\r\n      !embeddedDocuments.documentComponents.some((d) => d.type === \"ARTIKEL\")\r\n    ) {\r\n      return undefined;\r\n    }\r\n\r\n    return embeddedDocuments.documentComponents.every((d) => this.isOpen(d));\r\n  }\r\n\r\n  private handleRecursiveToggle = (\r\n    documentComponent: DocumentComponent,\r\n    detail: DocumentComponentRecursiveToggleEvent,\r\n  ) => {\r\n    const embeddedDocuments = this.getEmbeddedDocumentComponents(documentComponent);\r\n    if (!embeddedDocuments) {\r\n      return;\r\n    }\r\n\r\n    for (const d of embeddedDocuments.documentComponents) {\r\n      this.handleOpenToggle(d, detail.next);\r\n    }\r\n  };\r\n\r\n  private isAnnotated(documentComponent: DocumentComponent): boolean {\r\n    return (\r\n      documentComponent.type === \"DIVISIE\" ||\r\n      documentComponent.type === \"DIVISIETEKST\" ||\r\n      documentComponent.type === \"ARTIKEL\" ||\r\n      documentComponent.type === \"LID\"\r\n    );\r\n  }\r\n\r\n  private DocumentComponent = ({ path }: DocumentComponentProps) => {\r\n    const documentComponent = path.at(-1);\r\n    if (!documentComponent || (this.mode === \"table-of-contents\" && documentComponent.type === \"LID\")) {\r\n      return <Fragment />;\r\n    }\r\n\r\n    const { DocumentComponent } = this;\r\n\r\n    const embeddedDocuments = this.getEmbeddedDocumentComponents(documentComponent);\r\n\r\n    return (\r\n      <dso-document-component\r\n        annotated={this.isAnnotated(documentComponent)}\r\n        bevatOntwerpInformatie={!!documentComponent.bevatOntwerpInformatie}\r\n        filtered={\r\n          this.isOpen(documentComponent)\r\n            ? this.isFiltered(documentComponent)\r\n            : this.hasFilteredChildren(documentComponent)\r\n        }\r\n        genesteOntwerpInformatie={this.hasNestedDraft(documentComponent)}\r\n        gereserveerd={documentComponent.gereserveerd}\r\n        heading=\"h2\"\r\n        kop={documentComponent.kop}\r\n        inhoud={documentComponent.inhoud}\r\n        openAnnotation={this.isOpenedAnnotation(documentComponent)}\r\n        notApplicable={this.isNotApplicable(documentComponent) || path.some((p) => this.isNotApplicable(p))}\r\n        onDsoAnnotationToggle={() => this.handleAnnotationToggle(documentComponent)}\r\n        onDsoOpenToggle={() => this.handleOpenToggle(documentComponent)}\r\n        open={this.isOpen(documentComponent)}\r\n        type={documentComponent.type}\r\n        vervallen={documentComponent.vervallen}\r\n        wijzigactie={documentComponent.wijzigactie}\r\n        recursiveToggle={this.recursiveToggleState(documentComponent)}\r\n        onDsoRecursiveToggle={(e) => this.handleRecursiveToggle(documentComponent, e.detail)}\r\n        mode={this.mode}\r\n        href={this.mode === \"table-of-contents\" ? \"/document/\" + documentComponent.documentTechnischId : undefined}\r\n        onDsoTableOfContentsClick={(e) => this.handleTableOfContentsClick(e)}\r\n        onDsoOzonContentClick={(e) => this.handleOzonContentClick(e)}\r\n        ozonContentUrlResolver={this.ozonContentUrlResolver}\r\n        ozonContentBegripResolver={this.ozonContentBegripResolver}\r\n      >\r\n        {this.isOpenedAnnotation(documentComponent) && (\r\n          <div slot=\"annotations\">\r\n            <dso-annotation-locatie\r\n              active={this.isCheckedSlideToggle(documentComponent)}\r\n              gewijzigde-locatie\r\n              locatieNoemer={\"Winkelgebied\"}\r\n              onDsoActiveChange={() => this.handleSelectableChange(documentComponent)}\r\n            >\r\n              <span class=\"symboolcode\" slot=\"symbool\" data-symboolcode=\"vszt030\"></span>\r\n            </dso-annotation-locatie>\r\n          </div>\r\n        )}\r\n        {this.showContent(documentComponent) && embeddedDocuments?.documentComponents.length && (\r\n          <ul class=\"dso-document-component-list\">\r\n            {embeddedDocuments.documentComponents.map((d) => (\r\n              <li key={d.documentTechnischId}>\r\n                <DocumentComponent path={[...path, d]} />\r\n              </li>\r\n            ))}\r\n          </ul>\r\n        )}\r\n      </dso-document-component>\r\n    );\r\n  };\r\n\r\n  render() {\r\n    const { DocumentComponent, MenuButton } = this;\r\n\r\n    return (\r\n      <dso-responsive-element class=\"dso-document-components\">\r\n        <div class=\"dso-navbar\">\r\n          <ul class=\"dso-nav dso-nav-sub\">\r\n            {this.getEmbeddedDocumentComponents(this.response)?.documentComponents?.map((d) => (\r\n              <li class={this.document === d ? \"dso-active\" : undefined}>\r\n                <MenuButton documentComponent={d} />\r\n              </li>\r\n            ))}\r\n          </ul>\r\n        </div>\r\n        {this.document && <DocumentComponent path={[this.document]} />}\r\n      </dso-responsive-element>\r\n    );\r\n  }\r\n\r\n  private MenuButton = ({ documentComponent }: MenuItemProps) => {\r\n    const { type } = documentComponent;\r\n\r\n    return (\r\n      <button type=\"button\" onClick={() => (this.document = documentComponent)}>\r\n        {\r\n          <span>\r\n            <i>{type}</i>\r\n          </span>\r\n        }\r\n      </button>\r\n    );\r\n  };\r\n}\r\n\r\ninterface MenuItemProps {\r\n  documentComponent: DocumentComponent;\r\n}\r\n\r\ninterface DocumentComponentProps {\r\n  path: DocumentComponent[];\r\n}\r\n"],"mappings":"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","ignoreList":[]}