@amsterdam/design-system-react 0.14.1 → 0.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Accordion/Accordion.d.ts +35 -0
- package/dist/Accordion/Accordion.js +19 -0
- package/dist/Accordion/Accordion.test.d.ts +1 -0
- package/dist/Accordion/Accordion.test.js +24 -0
- package/dist/Accordion/AccordionContext.d.ts +12 -0
- package/dist/Accordion/AccordionContext.js +11 -0
- package/dist/Accordion/AccordionSection.d.ts +19 -0
- package/dist/Accordion/AccordionSection.js +22 -0
- package/dist/Accordion/AccordionSection.test.d.ts +1 -0
- package/dist/Accordion/AccordionSection.test.js +83 -0
- package/dist/Accordion/index.d.ts +3 -0
- package/dist/Accordion/index.js +1 -0
- package/dist/ActionGroup/ActionGroup.d.ts +9 -0
- package/dist/ActionGroup/ActionGroup.js +9 -0
- package/dist/ActionGroup/ActionGroup.test.d.ts +1 -0
- package/dist/ActionGroup/ActionGroup.test.js +29 -0
- package/dist/ActionGroup/index.d.ts +2 -0
- package/dist/ActionGroup/index.js +1 -0
- package/dist/Alert/Alert.d.ts +46 -0
- package/dist/Alert/Alert.js +22 -0
- package/dist/Alert/Alert.test.d.ts +1 -0
- package/dist/Alert/Alert.test.js +59 -0
- package/dist/Alert/index.d.ts +2 -0
- package/dist/Alert/index.js +1 -0
- package/dist/Avatar/Avatar.d.ts +24 -0
- package/dist/Avatar/Avatar.js +25 -0
- package/dist/Avatar/Avatar.test.d.ts +1 -0
- package/dist/Avatar/Avatar.test.js +58 -0
- package/dist/Avatar/index.d.ts +2 -0
- package/dist/Avatar/index.js +1 -0
- package/dist/Badge/Badge.d.ts +20 -0
- package/dist/Badge/Badge.js +10 -0
- package/dist/Badge/Badge.test.d.ts +1 -0
- package/dist/Badge/Badge.test.js +39 -0
- package/dist/Badge/index.d.ts +2 -0
- package/dist/Badge/index.js +1 -0
- package/dist/Blockquote/Blockquote.d.ts +15 -0
- package/dist/Blockquote/Blockquote.js +9 -0
- package/dist/Blockquote/Blockquote.test.d.ts +1 -0
- package/dist/Blockquote/Blockquote.test.js +43 -0
- package/dist/Blockquote/index.d.ts +2 -0
- package/dist/Blockquote/index.js +1 -0
- package/dist/Breadcrumb/Breadcrumb.d.ts +11 -0
- package/dist/Breadcrumb/Breadcrumb.js +11 -0
- package/dist/Breadcrumb/Breadcrumb.test.d.ts +1 -0
- package/dist/Breadcrumb/Breadcrumb.test.js +41 -0
- package/dist/Breadcrumb/BreadcrumbLink.d.ts +7 -0
- package/dist/Breadcrumb/BreadcrumbLink.js +9 -0
- package/dist/Breadcrumb/BreadcrumbLink.test.d.ts +1 -0
- package/dist/Breadcrumb/BreadcrumbLink.test.js +36 -0
- package/dist/Breadcrumb/index.d.ts +3 -0
- package/dist/Breadcrumb/index.js +1 -0
- package/dist/Breakout/Breakout.d.ts +15 -0
- package/dist/Breakout/Breakout.js +12 -0
- package/dist/Breakout/Breakout.test.d.ts +1 -0
- package/dist/Breakout/Breakout.test.js +66 -0
- package/dist/Breakout/BreakoutCell.d.ts +35 -0
- package/dist/Breakout/BreakoutCell.js +10 -0
- package/dist/Breakout/BreakoutCell.test.d.ts +1 -0
- package/dist/Breakout/BreakoutCell.test.js +120 -0
- package/dist/Breakout/breakoutCellClasses.d.ts +6 -0
- package/dist/Breakout/breakoutCellClasses.js +11 -0
- package/dist/Breakout/index.d.ts +3 -0
- package/dist/Breakout/index.js +1 -0
- package/dist/Button/Button.d.ts +31 -0
- package/dist/Button/Button.js +10 -0
- package/dist/Button/Button.test.d.ts +1 -0
- package/dist/Button/Button.test.js +103 -0
- package/dist/Button/index.d.ts +2 -0
- package/dist/Button/index.js +1 -0
- package/dist/Card/Card.d.ts +18 -0
- package/dist/Card/Card.js +12 -0
- package/dist/Card/Card.test.d.ts +1 -0
- package/dist/Card/Card.test.js +29 -0
- package/dist/Card/CardHeadingGroup.d.ts +15 -0
- package/dist/Card/CardHeadingGroup.js +10 -0
- package/dist/Card/CardHeadingGroup.test.d.ts +1 -0
- package/dist/Card/CardHeadingGroup.test.js +34 -0
- package/dist/Card/CardLink.d.ts +9 -0
- package/dist/Card/CardLink.js +9 -0
- package/dist/Card/CardLink.test.d.ts +1 -0
- package/dist/Card/CardLink.test.js +29 -0
- package/dist/Card/index.d.ts +4 -0
- package/dist/Card/index.js +1 -0
- package/dist/CharacterCount/CharacterCount.d.ts +17 -0
- package/dist/CharacterCount/CharacterCount.js +9 -0
- package/dist/CharacterCount/CharacterCount.test.d.ts +1 -0
- package/dist/CharacterCount/CharacterCount.test.js +34 -0
- package/dist/CharacterCount/index.d.ts +2 -0
- package/dist/CharacterCount/index.js +1 -0
- package/dist/Checkbox/Checkbox.d.ts +19 -0
- package/dist/Checkbox/Checkbox.js +24 -0
- package/dist/Checkbox/Checkbox.test.d.ts +1 -0
- package/dist/Checkbox/Checkbox.test.js +124 -0
- package/dist/Checkbox/index.d.ts +2 -0
- package/dist/Checkbox/index.js +1 -0
- package/dist/Column/Column.d.ts +56 -0
- package/dist/Column/Column.js +10 -0
- package/dist/Column/Column.test.d.ts +1 -0
- package/dist/Column/Column.test.js +57 -0
- package/dist/Column/index.d.ts +2 -0
- package/dist/Column/index.js +1 -0
- package/dist/DateInput/DateInput.d.ts +20 -0
- package/dist/DateInput/DateInput.js +10 -0
- package/dist/DateInput/DateInput.test.d.ts +1 -0
- package/dist/DateInput/DateInput.test.js +54 -0
- package/dist/DateInput/index.d.ts +2 -0
- package/dist/DateInput/index.js +1 -0
- package/dist/DescriptionList/DescriptionList.d.ts +30 -0
- package/dist/DescriptionList/DescriptionList.js +18 -0
- package/dist/DescriptionList/DescriptionList.test.d.ts +1 -0
- package/dist/DescriptionList/DescriptionList.test.js +39 -0
- package/dist/DescriptionList/DescriptionListDescription.d.ts +9 -0
- package/dist/DescriptionList/DescriptionListDescription.js +9 -0
- package/dist/DescriptionList/DescriptionListDescription.test.d.ts +1 -0
- package/dist/DescriptionList/DescriptionListDescription.test.js +29 -0
- package/dist/DescriptionList/DescriptionListSection.d.ts +9 -0
- package/dist/DescriptionList/DescriptionListSection.js +9 -0
- package/dist/DescriptionList/DescriptionListSection.test.d.ts +1 -0
- package/dist/DescriptionList/DescriptionListSection.test.js +29 -0
- package/dist/DescriptionList/DescriptionListTerm.d.ts +9 -0
- package/dist/DescriptionList/DescriptionListTerm.js +9 -0
- package/dist/DescriptionList/DescriptionListTerm.test.d.ts +1 -0
- package/dist/DescriptionList/DescriptionListTerm.test.js +29 -0
- package/dist/DescriptionList/index.d.ts +4 -0
- package/dist/DescriptionList/index.js +1 -0
- package/dist/Dialog/Dialog.d.ts +27 -0
- package/dist/Dialog/Dialog.js +17 -0
- package/dist/Dialog/Dialog.test.d.ts +1 -0
- package/dist/Dialog/Dialog.test.js +78 -0
- package/dist/Dialog/index.d.ts +2 -0
- package/dist/Dialog/index.js +1 -0
- package/dist/ErrorMessage/ErrorMessage.d.ts +19 -0
- package/dist/ErrorMessage/ErrorMessage.js +11 -0
- package/dist/ErrorMessage/ErrorMessage.test.d.ts +1 -0
- package/dist/ErrorMessage/ErrorMessage.test.js +49 -0
- package/dist/ErrorMessage/index.d.ts +2 -0
- package/dist/ErrorMessage/index.js +1 -0
- package/dist/Field/Field.d.ts +15 -0
- package/dist/Field/Field.js +9 -0
- package/dist/Field/Field.test.d.ts +1 -0
- package/dist/Field/Field.test.js +34 -0
- package/dist/Field/index.d.ts +2 -0
- package/dist/Field/index.js +1 -0
- package/dist/FieldSet/FieldSet.d.ts +23 -0
- package/dist/FieldSet/FieldSet.js +12 -0
- package/dist/FieldSet/FieldSet.test.d.ts +1 -0
- package/dist/FieldSet/FieldSet.test.js +59 -0
- package/dist/FieldSet/index.d.ts +2 -0
- package/dist/FieldSet/index.js +1 -0
- package/dist/Figure/Figure.d.ts +15 -0
- package/dist/Figure/Figure.js +11 -0
- package/dist/Figure/Figure.test.d.ts +1 -0
- package/dist/Figure/Figure.test.js +29 -0
- package/dist/Figure/FigureCaption.d.ts +15 -0
- package/dist/Figure/FigureCaption.js +9 -0
- package/dist/Figure/FigureCaption.test.d.ts +1 -0
- package/dist/Figure/FigureCaption.test.js +34 -0
- package/dist/Figure/index.d.ts +2 -0
- package/dist/Figure/index.js +1 -0
- package/dist/FileInput/FileInput.d.ts +7 -0
- package/dist/FileInput/FileInput.js +9 -0
- package/dist/FileInput/FileInput.test.d.ts +1 -0
- package/dist/FileInput/FileInput.test.js +29 -0
- package/dist/FileInput/index.d.ts +2 -0
- package/dist/FileInput/index.js +1 -0
- package/dist/FileList/FileList.d.ts +17 -0
- package/dist/FileList/FileList.js +13 -0
- package/dist/FileList/FileList.test.d.ts +1 -0
- package/dist/FileList/FileList.test.js +29 -0
- package/dist/FileList/FileListItem.d.ts +13 -0
- package/dist/FileList/FileListItem.js +14 -0
- package/dist/FileList/FileListItem.test.d.ts +1 -0
- package/dist/FileList/FileListItem.test.js +40 -0
- package/dist/FileList/index.d.ts +2 -0
- package/dist/FileList/index.js +1 -0
- package/dist/Footer/Footer.d.ts +19 -0
- package/dist/Footer/Footer.js +17 -0
- package/dist/Footer/Footer.test.d.ts +1 -0
- package/dist/Footer/Footer.test.js +29 -0
- package/dist/Footer/FooterMenu.d.ts +9 -0
- package/dist/Footer/FooterMenu.js +9 -0
- package/dist/Footer/FooterMenu.test.d.ts +1 -0
- package/dist/Footer/FooterMenu.test.js +31 -0
- package/dist/Footer/FooterMenuLink.d.ts +9 -0
- package/dist/Footer/FooterMenuLink.js +9 -0
- package/dist/Footer/FooterMenuLink.test.d.ts +1 -0
- package/dist/Footer/FooterMenuLink.test.js +29 -0
- package/dist/Footer/FooterSpotlight.d.ts +9 -0
- package/dist/Footer/FooterSpotlight.js +9 -0
- package/dist/Footer/FooterSpotlight.test.d.ts +1 -0
- package/dist/Footer/FooterSpotlight.test.js +29 -0
- package/dist/Footer/index.d.ts +5 -0
- package/dist/Footer/index.js +1 -0
- package/dist/Grid/Grid.d.ts +37 -0
- package/dist/Grid/Grid.js +13 -0
- package/dist/Grid/Grid.test.d.ts +1 -0
- package/dist/Grid/Grid.test.js +81 -0
- package/dist/Grid/GridCell.d.ts +25 -0
- package/dist/Grid/GridCell.js +11 -0
- package/dist/Grid/GridCell.test.d.ts +1 -0
- package/dist/Grid/GridCell.test.js +86 -0
- package/dist/Grid/gridCellClasses.d.ts +8 -0
- package/dist/Grid/gridCellClasses.js +18 -0
- package/dist/Grid/index.d.ts +3 -0
- package/dist/Grid/index.js +1 -0
- package/dist/Grid/paddingClasses.d.ts +2 -0
- package/dist/Grid/paddingClasses.js +13 -0
- package/dist/Header/Header.d.ts +49 -0
- package/dist/Header/Header.js +31 -0
- package/dist/Header/Header.test.d.ts +2 -0
- package/dist/Header/Header.test.js +121 -0
- package/dist/Header/HeaderGridCellNarrowWindowOnly.d.ts +2 -0
- package/dist/Header/HeaderGridCellNarrowWindowOnly.js +6 -0
- package/dist/Header/HeaderGridCellNarrowWindowOnly.test.d.ts +1 -0
- package/dist/Header/HeaderGridCellNarrowWindowOnly.test.js +34 -0
- package/dist/Header/HeaderMenuIcon.d.ts +2 -0
- package/dist/Header/HeaderMenuIcon.js +2 -0
- package/dist/Header/HeaderMenuLink.d.ts +9 -0
- package/dist/Header/HeaderMenuLink.js +5 -0
- package/dist/Header/HeaderMenuLink.test.d.ts +1 -0
- package/dist/Header/HeaderMenuLink.test.js +41 -0
- package/dist/Header/index.d.ts +3 -0
- package/dist/Header/index.js +1 -0
- package/dist/Header/matchMedia.mock.d.ts +0 -0
- package/dist/Header/matchMedia.mock.js +15 -0
- package/dist/Heading/Heading.d.ts +24 -0
- package/dist/Heading/Heading.js +15 -0
- package/dist/Heading/Heading.test.d.ts +1 -0
- package/dist/Heading/Heading.test.js +62 -0
- package/dist/Heading/getHeadingTag.d.ts +2 -0
- package/dist/Heading/getHeadingTag.js +13 -0
- package/dist/Heading/index.d.ts +2 -0
- package/dist/Heading/index.js +1 -0
- package/dist/Hint/Hint.d.ts +16 -0
- package/dist/Hint/Hint.js +21 -0
- package/dist/Hint/Hint.test.d.ts +1 -0
- package/dist/Hint/Hint.test.js +49 -0
- package/dist/Hint/index.d.ts +2 -0
- package/dist/Hint/index.js +1 -0
- package/dist/Icon/Icon.d.ts +30 -0
- package/dist/Icon/Icon.js +12 -0
- package/dist/Icon/Icon.test.d.ts +1 -0
- package/dist/Icon/Icon.test.js +52 -0
- package/dist/Icon/index.d.ts +2 -0
- package/dist/Icon/index.js +1 -0
- package/dist/IconButton/IconButton.d.ts +26 -0
- package/dist/IconButton/IconButton.js +11 -0
- package/dist/IconButton/IconButton.test.d.ts +1 -0
- package/dist/IconButton/IconButton.test.js +44 -0
- package/dist/IconButton/index.d.ts +2 -0
- package/dist/IconButton/index.js +1 -0
- package/dist/Image/Image.d.ts +18 -0
- package/dist/Image/Image.js +10 -0
- package/dist/Image/Image.test.d.ts +1 -0
- package/dist/Image/Image.test.js +39 -0
- package/dist/Image/generateAspectRatioClass.d.ts +1 -0
- package/dist/Image/generateAspectRatioClass.js +1 -0
- package/dist/Image/index.d.ts +3 -0
- package/dist/Image/index.js +2 -0
- package/dist/ImageSlider/ImageSlider.d.ts +49 -0
- package/dist/ImageSlider/ImageSlider.js +98 -0
- package/dist/ImageSlider/ImageSlider.test.d.ts +1 -0
- package/dist/ImageSlider/ImageSlider.test.js +66 -0
- package/dist/ImageSlider/ImageSliderContext.d.ts +13 -0
- package/dist/ImageSlider/ImageSliderContext.js +14 -0
- package/dist/ImageSlider/ImageSliderControls.d.ts +17 -0
- package/dist/ImageSlider/ImageSliderControls.js +17 -0
- package/dist/ImageSlider/ImageSliderControls.test.d.ts +1 -0
- package/dist/ImageSlider/ImageSliderControls.test.js +21 -0
- package/dist/ImageSlider/ImageSliderItem.d.ts +15 -0
- package/dist/ImageSlider/ImageSliderItem.js +15 -0
- package/dist/ImageSlider/ImageSliderItem.test.d.ts +1 -0
- package/dist/ImageSlider/ImageSliderItem.test.js +33 -0
- package/dist/ImageSlider/ImageSliderScroller.d.ts +9 -0
- package/dist/ImageSlider/ImageSliderScroller.js +9 -0
- package/dist/ImageSlider/ImageSliderScroller.test.d.ts +1 -0
- package/dist/ImageSlider/ImageSliderScroller.test.js +33 -0
- package/dist/ImageSlider/ImageSliderThumbnails.d.ts +14 -0
- package/dist/ImageSlider/ImageSliderThumbnails.js +32 -0
- package/dist/ImageSlider/ImageSliderThumbnails.test.d.ts +1 -0
- package/dist/ImageSlider/ImageSliderThumbnails.test.js +48 -0
- package/dist/ImageSlider/index.d.ts +3 -0
- package/dist/ImageSlider/index.js +1 -0
- package/dist/InvalidFormAlert/InvalidFormAlert.d.ts +68 -0
- package/dist/InvalidFormAlert/InvalidFormAlert.js +20 -0
- package/dist/InvalidFormAlert/InvalidFormAlert.test.d.ts +1 -0
- package/dist/InvalidFormAlert/InvalidFormAlert.test.js +104 -0
- package/dist/InvalidFormAlert/InvalidFormAlertWithErrors.d.ts +12 -0
- package/dist/InvalidFormAlert/InvalidFormAlertWithErrors.js +22 -0
- package/dist/InvalidFormAlert/index.d.ts +2 -0
- package/dist/InvalidFormAlert/index.js +1 -0
- package/dist/InvalidFormAlert/useAddErrorCountToDocumentTitle.d.ts +11 -0
- package/dist/InvalidFormAlert/useAddErrorCountToDocumentTitle.js +26 -0
- package/dist/Label/Label.d.ts +14 -0
- package/dist/Label/Label.js +13 -0
- package/dist/Label/Label.test.d.ts +1 -0
- package/dist/Label/Label.test.js +74 -0
- package/dist/Label/index.d.ts +1 -0
- package/dist/Label/index.js +1 -0
- package/dist/Link/Link.d.ts +19 -0
- package/dist/Link/Link.js +9 -0
- package/dist/Link/Link.test.d.ts +1 -0
- package/dist/Link/Link.test.js +46 -0
- package/dist/Link/index.d.ts +2 -0
- package/dist/Link/index.js +1 -0
- package/dist/LinkList/LinkList.d.ts +17 -0
- package/dist/LinkList/LinkList.js +14 -0
- package/dist/LinkList/LinkList.test.d.ts +1 -0
- package/dist/LinkList/LinkList.test.js +29 -0
- package/dist/LinkList/LinkListLink.d.ts +24 -0
- package/dist/LinkList/LinkListLink.js +14 -0
- package/dist/LinkList/LinkListLink.test.d.ts +1 -0
- package/dist/LinkList/LinkListLink.test.js +50 -0
- package/dist/LinkList/index.d.ts +3 -0
- package/dist/LinkList/index.js +1 -0
- package/dist/Logo/Logo.d.ts +11 -0
- package/dist/Logo/Logo.js +21 -0
- package/dist/Logo/Logo.test.d.ts +1 -0
- package/dist/Logo/Logo.test.js +30 -0
- package/dist/Logo/brand/LogoAmsterdam.d.ts +3 -0
- package/dist/Logo/brand/LogoAmsterdam.js +5 -0
- package/dist/Logo/brand/LogoGgdAmsterdam.d.ts +3 -0
- package/dist/Logo/brand/LogoGgdAmsterdam.js +5 -0
- package/dist/Logo/brand/LogoMuseumWeesp.d.ts +3 -0
- package/dist/Logo/brand/LogoMuseumWeesp.js +5 -0
- package/dist/Logo/brand/LogoStadsarchief.d.ts +3 -0
- package/dist/Logo/brand/LogoStadsarchief.js +5 -0
- package/dist/Logo/brand/LogoStadsbankVanLening.d.ts +3 -0
- package/dist/Logo/brand/LogoStadsbankVanLening.js +5 -0
- package/dist/Logo/brand/LogoVgaVerzekeringen.d.ts +3 -0
- package/dist/Logo/brand/LogoVgaVerzekeringen.js +5 -0
- package/dist/Logo/brand/index.d.ts +6 -0
- package/dist/Logo/brand/index.js +6 -0
- package/dist/Logo/index.d.ts +2 -0
- package/dist/Logo/index.js +1 -0
- package/dist/Mark/Mark.d.ts +9 -0
- package/dist/Mark/Mark.js +9 -0
- package/dist/Mark/Mark.test.d.ts +1 -0
- package/dist/Mark/Mark.test.js +29 -0
- package/dist/Mark/index.d.ts +2 -0
- package/dist/Mark/index.js +1 -0
- package/dist/MegaMenu/MegaMenu.d.ts +14 -0
- package/dist/MegaMenu/MegaMenu.js +12 -0
- package/dist/MegaMenu/MegaMenu.test.d.ts +1 -0
- package/dist/MegaMenu/MegaMenu.test.js +29 -0
- package/dist/MegaMenu/MegaMenuListCategory.d.ts +9 -0
- package/dist/MegaMenu/MegaMenuListCategory.js +9 -0
- package/dist/MegaMenu/MegaMenuListCategory.test.d.ts +1 -0
- package/dist/MegaMenu/MegaMenuListCategory.test.js +29 -0
- package/dist/MegaMenu/index.d.ts +3 -0
- package/dist/MegaMenu/index.js +1 -0
- package/dist/OrderedList/OrderedList.d.ts +27 -0
- package/dist/OrderedList/OrderedList.js +11 -0
- package/dist/OrderedList/OrderedList.test.d.ts +1 -0
- package/dist/OrderedList/OrderedList.test.js +51 -0
- package/dist/OrderedList/OrderedListItem.d.ts +9 -0
- package/dist/OrderedList/OrderedListItem.js +9 -0
- package/dist/OrderedList/OrderedListItem.test.d.ts +1 -0
- package/dist/OrderedList/OrderedListItem.test.js +28 -0
- package/dist/OrderedList/index.d.ts +3 -0
- package/dist/OrderedList/index.js +1 -0
- package/dist/Overlap/Overlap.d.ts +9 -0
- package/dist/Overlap/Overlap.js +9 -0
- package/dist/Overlap/Overlap.test.d.ts +1 -0
- package/dist/Overlap/Overlap.test.js +34 -0
- package/dist/Overlap/index.d.ts +2 -0
- package/dist/Overlap/index.js +1 -0
- package/dist/PageHeading/PageHeading.d.ts +15 -0
- package/dist/PageHeading/PageHeading.js +9 -0
- package/dist/PageHeading/PageHeading.test.d.ts +1 -0
- package/dist/PageHeading/PageHeading.test.js +37 -0
- package/dist/PageHeading/index.d.ts +2 -0
- package/dist/PageHeading/index.js +1 -0
- package/dist/PageMenu/PageMenu.d.ts +25 -0
- package/dist/PageMenu/PageMenu.js +12 -0
- package/dist/PageMenu/PageMenu.test.d.ts +1 -0
- package/dist/PageMenu/PageMenu.test.js +45 -0
- package/dist/PageMenu/PageMenuLink.d.ts +13 -0
- package/dist/PageMenu/PageMenuLink.js +10 -0
- package/dist/PageMenu/PageMenuLink.test.d.ts +1 -0
- package/dist/PageMenu/PageMenuLink.test.js +40 -0
- package/dist/PageMenu/index.d.ts +3 -0
- package/dist/PageMenu/index.js +1 -0
- package/dist/Pagination/LinkItem.d.ts +7 -0
- package/dist/Pagination/LinkItem.js +7 -0
- package/dist/Pagination/Pagination.d.ts +59 -0
- package/dist/Pagination/Pagination.js +23 -0
- package/dist/Pagination/Pagination.test.d.ts +1 -0
- package/dist/Pagination/Pagination.test.js +120 -0
- package/dist/Pagination/Spacer.d.ts +1 -0
- package/dist/Pagination/Spacer.js +2 -0
- package/dist/Pagination/getRange.d.ts +16 -0
- package/dist/Pagination/getRange.js +41 -0
- package/dist/Pagination/index.d.ts +2 -0
- package/dist/Pagination/index.js +1 -0
- package/dist/Paragraph/Paragraph.d.ts +20 -0
- package/dist/Paragraph/Paragraph.js +10 -0
- package/dist/Paragraph/Paragraph.test.d.ts +1 -0
- package/dist/Paragraph/Paragraph.test.js +58 -0
- package/dist/Paragraph/index.d.ts +2 -0
- package/dist/Paragraph/index.js +1 -0
- package/dist/PasswordInput/PasswordInput.d.ts +13 -0
- package/dist/PasswordInput/PasswordInput.js +9 -0
- package/dist/PasswordInput/PasswordInput.test.d.ts +1 -0
- package/dist/PasswordInput/PasswordInput.test.js +85 -0
- package/dist/PasswordInput/index.d.ts +2 -0
- package/dist/PasswordInput/index.js +1 -0
- package/dist/Radio/Radio.d.ts +19 -0
- package/dist/Radio/Radio.js +16 -0
- package/dist/Radio/Radio.test.d.ts +1 -0
- package/dist/Radio/Radio.test.js +121 -0
- package/dist/Radio/RadioIcon.d.ts +3 -0
- package/dist/Radio/RadioIcon.js +3 -0
- package/dist/Radio/index.d.ts +2 -0
- package/dist/Radio/index.js +1 -0
- package/dist/Row/Row.d.ts +66 -0
- package/dist/Row/Row.js +10 -0
- package/dist/Row/Row.test.d.ts +1 -0
- package/dist/Row/Row.test.js +62 -0
- package/dist/Row/index.d.ts +2 -0
- package/dist/Row/index.js +1 -0
- package/dist/Screen/Screen.d.ts +21 -0
- package/dist/Screen/Screen.js +9 -0
- package/dist/Screen/Screen.test.d.ts +1 -0
- package/dist/Screen/Screen.test.js +40 -0
- package/dist/Screen/index.d.ts +2 -0
- package/dist/Screen/index.js +1 -0
- package/dist/SearchField/SearchField.d.ts +292 -0
- package/dist/SearchField/SearchField.js +14 -0
- package/dist/SearchField/SearchField.test.d.ts +1 -0
- package/dist/SearchField/SearchField.test.js +47 -0
- package/dist/SearchField/SearchFieldButton.d.ts +8 -0
- package/dist/SearchField/SearchFieldButton.js +10 -0
- package/dist/SearchField/SearchFieldInput.d.ts +11 -0
- package/dist/SearchField/SearchFieldInput.js +12 -0
- package/dist/SearchField/SearchFieldInput.test.d.ts +1 -0
- package/dist/SearchField/SearchFieldInput.test.js +62 -0
- package/dist/SearchField/index.d.ts +2 -0
- package/dist/SearchField/index.js +1 -0
- package/dist/Select/Select.d.ts +22 -0
- package/dist/Select/Select.js +12 -0
- package/dist/Select/Select.test.d.ts +1 -0
- package/dist/Select/Select.test.js +70 -0
- package/dist/Select/SelectOption.d.ts +9 -0
- package/dist/Select/SelectOption.js +9 -0
- package/dist/Select/SelectOption.test.d.ts +1 -0
- package/dist/Select/SelectOption.test.js +41 -0
- package/dist/Select/SelectOptionGroup.d.ts +9 -0
- package/dist/Select/SelectOptionGroup.js +9 -0
- package/dist/Select/SelectOptionGroup.test.d.ts +1 -0
- package/dist/Select/SelectOptionGroup.test.js +41 -0
- package/dist/Select/index.d.ts +3 -0
- package/dist/Select/index.js +1 -0
- package/dist/SkipLink/SkipLink.d.ts +9 -0
- package/dist/SkipLink/SkipLink.js +9 -0
- package/dist/SkipLink/SkipLink.test.d.ts +1 -0
- package/dist/SkipLink/SkipLink.test.js +29 -0
- package/dist/SkipLink/index.d.ts +2 -0
- package/dist/SkipLink/index.js +1 -0
- package/dist/Spotlight/Spotlight.d.ts +22 -0
- package/dist/Spotlight/Spotlight.js +10 -0
- package/dist/Spotlight/Spotlight.test.d.ts +1 -0
- package/dist/Spotlight/Spotlight.test.js +40 -0
- package/dist/Spotlight/index.d.ts +2 -0
- package/dist/Spotlight/index.js +1 -0
- package/dist/Switch/Switch.d.ts +9 -0
- package/dist/Switch/Switch.js +12 -0
- package/dist/Switch/Switch.test.d.ts +1 -0
- package/dist/Switch/Switch.test.js +65 -0
- package/dist/Switch/index.d.ts +2 -0
- package/dist/Switch/index.js +1 -0
- package/dist/Table/Table.d.ts +31 -0
- package/dist/Table/Table.js +25 -0
- package/dist/Table/Table.test.d.ts +1 -0
- package/dist/Table/Table.test.js +29 -0
- package/dist/Table/TableBody.d.ts +9 -0
- package/dist/Table/TableBody.js +9 -0
- package/dist/Table/TableBody.test.d.ts +1 -0
- package/dist/Table/TableBody.test.js +30 -0
- package/dist/Table/TableCaption.d.ts +10 -0
- package/dist/Table/TableCaption.js +10 -0
- package/dist/Table/TableCaption.test.d.ts +1 -0
- package/dist/Table/TableCaption.test.js +41 -0
- package/dist/Table/TableCell.d.ts +9 -0
- package/dist/Table/TableCell.js +9 -0
- package/dist/Table/TableCell.test.d.ts +1 -0
- package/dist/Table/TableCell.test.js +32 -0
- package/dist/Table/TableFooter.d.ts +9 -0
- package/dist/Table/TableFooter.js +9 -0
- package/dist/Table/TableFooter.test.d.ts +1 -0
- package/dist/Table/TableFooter.test.js +30 -0
- package/dist/Table/TableHeader.d.ts +9 -0
- package/dist/Table/TableHeader.js +9 -0
- package/dist/Table/TableHeader.test.d.ts +1 -0
- package/dist/Table/TableHeader.test.js +30 -0
- package/dist/Table/TableHeaderCell.d.ts +9 -0
- package/dist/Table/TableHeaderCell.js +9 -0
- package/dist/Table/TableHeaderCell.test.d.ts +1 -0
- package/dist/Table/TableHeaderCell.test.js +38 -0
- package/dist/Table/TableRow.d.ts +9 -0
- package/dist/Table/TableRow.js +9 -0
- package/dist/Table/TableRow.test.d.ts +1 -0
- package/dist/Table/TableRow.test.js +31 -0
- package/dist/Table/index.d.ts +2 -0
- package/dist/Table/index.js +1 -0
- package/dist/TableOfContents/TableOfContents.d.ts +33 -0
- package/dist/TableOfContents/TableOfContents.js +18 -0
- package/dist/TableOfContents/TableOfContents.test.d.ts +1 -0
- package/dist/TableOfContents/TableOfContents.test.js +40 -0
- package/dist/TableOfContents/TableOfContentsLink.d.ts +13 -0
- package/dist/TableOfContents/TableOfContentsLink.js +9 -0
- package/dist/TableOfContents/TableOfContentsLink.test.d.ts +1 -0
- package/dist/TableOfContents/TableOfContentsLink.test.js +30 -0
- package/dist/TableOfContents/TableOfContentsList.d.ts +9 -0
- package/dist/TableOfContents/TableOfContentsList.js +11 -0
- package/dist/TableOfContents/TableOfContentsList.test.d.ts +1 -0
- package/dist/TableOfContents/TableOfContentsList.test.js +36 -0
- package/dist/TableOfContents/index.d.ts +4 -0
- package/dist/TableOfContents/index.js +1 -0
- package/dist/Tabs/Tabs.d.ts +31 -0
- package/dist/Tabs/Tabs.js +57 -0
- package/dist/Tabs/Tabs.test.d.ts +1 -0
- package/dist/Tabs/Tabs.test.js +85 -0
- package/dist/Tabs/TabsButton.d.ts +15 -0
- package/dist/Tabs/TabsButton.js +19 -0
- package/dist/Tabs/TabsButton.test.d.ts +1 -0
- package/dist/Tabs/TabsButton.test.js +43 -0
- package/dist/Tabs/TabsContext.d.ts +16 -0
- package/dist/Tabs/TabsContext.js +11 -0
- package/dist/Tabs/TabsList.d.ts +9 -0
- package/dist/Tabs/TabsList.js +20 -0
- package/dist/Tabs/TabsList.test.d.ts +1 -0
- package/dist/Tabs/TabsList.test.js +28 -0
- package/dist/Tabs/TabsPanel.d.ts +15 -0
- package/dist/Tabs/TabsPanel.js +16 -0
- package/dist/Tabs/TabsPanel.test.d.ts +1 -0
- package/dist/Tabs/TabsPanel.test.js +40 -0
- package/dist/Tabs/index.d.ts +5 -0
- package/dist/Tabs/index.js +1 -0
- package/dist/TextArea/TextArea.d.ts +17 -0
- package/dist/TextArea/TextArea.js +9 -0
- package/dist/TextArea/TextArea.test.d.ts +1 -0
- package/dist/TextArea/TextArea.test.js +101 -0
- package/dist/TextArea/index.d.ts +2 -0
- package/dist/TextArea/index.js +1 -0
- package/dist/TextInput/TextInput.d.ts +20 -0
- package/dist/TextInput/TextInput.js +10 -0
- package/dist/TextInput/TextInput.test.d.ts +1 -0
- package/dist/TextInput/TextInput.test.js +89 -0
- package/dist/TextInput/index.d.ts +2 -0
- package/dist/TextInput/index.js +1 -0
- package/dist/TimeInput/TimeInput.d.ts +13 -0
- package/dist/TimeInput/TimeInput.js +9 -0
- package/dist/TimeInput/TimeInput.test.d.ts +1 -0
- package/dist/TimeInput/TimeInput.test.js +47 -0
- package/dist/TimeInput/index.d.ts +2 -0
- package/dist/TimeInput/index.js +1 -0
- package/dist/TopTaskLink/TopTaskLink.d.ts +17 -0
- package/dist/TopTaskLink/TopTaskLink.js +9 -0
- package/dist/TopTaskLink/TopTaskLink.test.d.ts +1 -0
- package/dist/TopTaskLink/TopTaskLink.test.js +42 -0
- package/dist/TopTaskLink/index.d.ts +1 -0
- package/dist/TopTaskLink/index.js +1 -0
- package/dist/UnorderedList/UnorderedList.d.ts +27 -0
- package/dist/UnorderedList/UnorderedList.js +13 -0
- package/dist/UnorderedList/UnorderedList.test.d.ts +1 -0
- package/dist/UnorderedList/UnorderedList.test.js +51 -0
- package/dist/UnorderedList/UnorderedListItem.d.ts +9 -0
- package/dist/UnorderedList/UnorderedListItem.js +9 -0
- package/dist/UnorderedList/UnorderedListItem.test.d.ts +1 -0
- package/dist/UnorderedList/UnorderedListItem.test.js +28 -0
- package/dist/UnorderedList/index.d.ts +3 -0
- package/dist/UnorderedList/index.js +1 -0
- package/dist/common/accessibility.d.ts +5 -0
- package/dist/common/accessibility.js +13 -0
- package/dist/common/formatFileSize.d.ts +10 -0
- package/dist/common/formatFileSize.js +17 -0
- package/dist/common/formatFileSize.test.d.ts +1 -0
- package/dist/common/formatFileSize.test.js +18 -0
- package/dist/common/formatFileType.d.ts +10 -0
- package/dist/common/formatFileType.js +34 -0
- package/dist/common/formatFileType.test.d.ts +1 -0
- package/dist/common/formatFileType.test.js +23 -0
- package/dist/common/shortSize.d.ts +12 -0
- package/dist/common/shortSize.js +15 -0
- package/dist/common/types.d.ts +11 -0
- package/dist/common/types.js +9 -0
- package/dist/common/useIsAfterBreakpoint.d.ts +3 -0
- package/dist/common/useIsAfterBreakpoint.js +24 -0
- package/dist/common/useKeyboardFocus.d.ts +23 -0
- package/dist/common/useKeyboardFocus.js +56 -0
- package/dist/common/useKeyboardFocus.test.d.ts +1 -0
- package/dist/common/useKeyboardFocus.test.js +79 -0
- package/dist/index.cjs.js +1043 -1038
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +213 -189
- package/dist/index.esm.js +1043 -1039
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +66 -0
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/package.json +20 -21
package/dist/index.esm.js
CHANGED
|
@@ -4,7 +4,7 @@ import { createContext, forwardRef, useContext, useState, useId, useRef, useImpe
|
|
|
4
4
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
5
5
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
6
6
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
7
|
-
import { ChevronDownIcon, CloseIcon, AlertIcon,
|
|
7
|
+
import { ChevronDownIcon, CloseIcon, AlertIcon, CheckmarkIcon, InfoIcon, PersonalLoginIcon, DocumentIcon, ChevronLeftIcon, ChevronRightIcon, SearchIcon } from '@amsterdam/design-system-react-icons';
|
|
8
8
|
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
9
9
|
|
|
10
10
|
/**
|
|
@@ -12,7 +12,7 @@ import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
|
12
12
|
* Copyright Gemeente Amsterdam
|
|
13
13
|
*/
|
|
14
14
|
var defaultValues$2 = {
|
|
15
|
-
headingLevel:
|
|
15
|
+
headingLevel: null,
|
|
16
16
|
sectionAs: 'section'
|
|
17
17
|
};
|
|
18
18
|
var AccordionContext = /*#__PURE__*/createContext(defaultValues$2);
|
|
@@ -25,41 +25,41 @@ function getHeadingTag(level) {
|
|
|
25
25
|
return 'h3';
|
|
26
26
|
case 4:
|
|
27
27
|
return 'h4';
|
|
28
|
+
// Ensure valid HTML with invalid input outside of TypeScript.
|
|
28
29
|
default:
|
|
29
30
|
return 'h1';
|
|
30
31
|
}
|
|
31
32
|
}
|
|
32
33
|
|
|
33
|
-
var _excluded$
|
|
34
|
-
function ownKeys$
|
|
35
|
-
function _objectSpread$
|
|
34
|
+
var _excluded$1B = ["className", "color", "size", "square", "svg"];
|
|
35
|
+
function ownKeys$1J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
36
|
+
function _objectSpread$1J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1J(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
36
37
|
var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
37
38
|
var className = _ref.className,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
size = _ref$size === undefined ? 'level-3' : _ref$size,
|
|
39
|
+
color = _ref.color,
|
|
40
|
+
size = _ref.size,
|
|
41
41
|
square = _ref.square,
|
|
42
42
|
svg = _ref.svg,
|
|
43
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
44
|
-
return jsx("span", _objectSpread$
|
|
45
|
-
|
|
46
|
-
|
|
43
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1B);
|
|
44
|
+
return jsx("span", _objectSpread$1J(_objectSpread$1J({
|
|
45
|
+
className: clsx('ams-icon', color && "ams-icon--".concat(color), size && "ams-icon--".concat(size), square && 'ams-icon--square', className),
|
|
46
|
+
ref: ref
|
|
47
47
|
}, restProps), {}, {
|
|
48
48
|
children: typeof svg === 'function' ? svg() : svg
|
|
49
49
|
}));
|
|
50
50
|
});
|
|
51
51
|
Icon.displayName = 'Icon';
|
|
52
52
|
|
|
53
|
-
var _excluded$
|
|
54
|
-
function ownKeys$
|
|
55
|
-
function _objectSpread$
|
|
53
|
+
var _excluded$1A = ["children", "className", "expanded", "label"];
|
|
54
|
+
function ownKeys$1I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
55
|
+
function _objectSpread$1I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1I(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
56
56
|
var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
57
|
-
var
|
|
58
|
-
_ref$expanded = _ref.expanded,
|
|
59
|
-
expanded = _ref$expanded === undefined ? false : _ref$expanded,
|
|
60
|
-
children = _ref.children,
|
|
57
|
+
var children = _ref.children,
|
|
61
58
|
className = _ref.className,
|
|
62
|
-
|
|
59
|
+
_ref$expanded = _ref.expanded,
|
|
60
|
+
expanded = _ref$expanded === void 0 ? false : _ref$expanded,
|
|
61
|
+
label = _ref.label,
|
|
62
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1A);
|
|
63
63
|
var _useContext = useContext(AccordionContext),
|
|
64
64
|
headingLevel = _useContext.headingLevel,
|
|
65
65
|
sectionAs = _useContext.sectionAs;
|
|
@@ -72,7 +72,7 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
72
72
|
var id = useId();
|
|
73
73
|
var buttonId = "button-".concat(id);
|
|
74
74
|
var panelId = "panel-".concat(id);
|
|
75
|
-
return jsxs("div", _objectSpread$
|
|
75
|
+
return jsxs("div", _objectSpread$1I(_objectSpread$1I({
|
|
76
76
|
className: clsx('ams-accordion__section', className),
|
|
77
77
|
ref: ref
|
|
78
78
|
}, restProps), {}, {
|
|
@@ -88,9 +88,9 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
88
88
|
},
|
|
89
89
|
type: "button",
|
|
90
90
|
children: [jsx(Icon, {
|
|
91
|
-
|
|
92
|
-
size: "
|
|
93
|
-
|
|
91
|
+
className: "ams-accordion__icon",
|
|
92
|
+
size: "heading-4",
|
|
93
|
+
svg: ChevronDownIcon
|
|
94
94
|
}), label]
|
|
95
95
|
})
|
|
96
96
|
}), jsx(SectionTag, {
|
|
@@ -110,71 +110,53 @@ AccordionSection.displayName = 'Accordion.Section';
|
|
|
110
110
|
* Copyright Gemeente Amsterdam
|
|
111
111
|
*/
|
|
112
112
|
var KeyboardKeys = {
|
|
113
|
-
ArrowUp: 'ArrowUp',
|
|
114
113
|
ArrowDown: 'ArrowDown',
|
|
115
|
-
ArrowRight: 'ArrowRight',
|
|
116
114
|
ArrowLeft: 'ArrowLeft',
|
|
117
|
-
|
|
118
|
-
|
|
115
|
+
ArrowRight: 'ArrowRight',
|
|
116
|
+
ArrowUp: 'ArrowUp',
|
|
117
|
+
End: 'End',
|
|
118
|
+
Home: 'Home'
|
|
119
119
|
};
|
|
120
120
|
var FOCUSABLE_ELEMENTS = ['a[href]:not([disabled])', 'button:not([disabled])', 'textarea:not([disabled])', 'input[type="text"]:not([disabled])', 'input[type="radio"]:not([disabled])', 'input[type="checkbox"]:not([disabled])', 'select:not([disabled])'];
|
|
121
121
|
var useKeyboardFocus = function useKeyboardFocus(ref, options) {
|
|
122
|
-
var _options$
|
|
123
|
-
|
|
124
|
-
_options$
|
|
125
|
-
|
|
122
|
+
var _options$directChildr = options.directChildrenOnly,
|
|
123
|
+
directChildrenOnly = _options$directChildr === void 0 ? false : _options$directChildr,
|
|
124
|
+
_options$focusableEle = options.focusableElements,
|
|
125
|
+
focusableElements = _options$focusableEle === void 0 ? FOCUSABLE_ELEMENTS : _options$focusableEle,
|
|
126
126
|
_options$horizontally = options.horizontally,
|
|
127
|
-
horizontally = _options$horizontally ===
|
|
128
|
-
|
|
129
|
-
|
|
127
|
+
horizontally = _options$horizontally === void 0 ? false : _options$horizontally,
|
|
128
|
+
_options$rotating = options.rotating,
|
|
129
|
+
rotating = _options$rotating === void 0 ? false : _options$rotating;
|
|
130
|
+
var nextKey = horizontally ? KeyboardKeys.ArrowRight : KeyboardKeys.ArrowDown;
|
|
131
|
+
var prevKey = horizontally ? KeyboardKeys.ArrowLeft : KeyboardKeys.ArrowUp;
|
|
130
132
|
var keyDown = function keyDown(e) {
|
|
131
|
-
if (ref.current)
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
} else if (rotating) {
|
|
159
|
-
el = focusableEls[focusableEls.length - 1];
|
|
160
|
-
}
|
|
161
|
-
break;
|
|
162
|
-
}
|
|
163
|
-
case KeyboardKeys.Home:
|
|
164
|
-
{
|
|
165
|
-
el = focusableEls[0];
|
|
166
|
-
break;
|
|
167
|
-
}
|
|
168
|
-
case KeyboardKeys.End:
|
|
169
|
-
{
|
|
170
|
-
el = focusableEls[focusableEls.length - 1];
|
|
171
|
-
break;
|
|
172
|
-
}
|
|
173
|
-
}
|
|
174
|
-
if ((e.key === KeyboardKeys.ArrowDown || e.key === KeyboardKeys.ArrowUp || e.key === KeyboardKeys.ArrowLeft || e.key === KeyboardKeys.ArrowRight || e.key === KeyboardKeys.Home || e.key === KeyboardKeys.End) && el instanceof HTMLElement) {
|
|
175
|
-
el.focus();
|
|
176
|
-
e.preventDefault();
|
|
177
|
-
}
|
|
133
|
+
if (!ref.current) return;
|
|
134
|
+
var element = ref.current;
|
|
135
|
+
var _document = document,
|
|
136
|
+
activeElement = _document.activeElement;
|
|
137
|
+
var directChildSelector = directChildrenOnly ? ':scope > ' : '';
|
|
138
|
+
var focusableEls = Array.from(element.querySelectorAll("".concat(directChildSelector).concat(focusableElements.join(", ".concat(directChildSelector)))));
|
|
139
|
+
var getIndex = function getIndex(el) {
|
|
140
|
+
return el && focusableEls.includes(el) ? focusableEls.indexOf(el) : -1;
|
|
141
|
+
};
|
|
142
|
+
var targetElement;
|
|
143
|
+
switch (e.key) {
|
|
144
|
+
case nextKey:
|
|
145
|
+
targetElement = focusableEls[getIndex(activeElement) + 1] || (rotating ? focusableEls[0] : undefined);
|
|
146
|
+
break;
|
|
147
|
+
case prevKey:
|
|
148
|
+
targetElement = focusableEls[getIndex(activeElement) - 1] || (rotating ? focusableEls[focusableEls.length - 1] : undefined);
|
|
149
|
+
break;
|
|
150
|
+
case KeyboardKeys.Home:
|
|
151
|
+
targetElement = focusableEls[0];
|
|
152
|
+
break;
|
|
153
|
+
case KeyboardKeys.End:
|
|
154
|
+
targetElement = focusableEls[focusableEls.length - 1];
|
|
155
|
+
break;
|
|
156
|
+
}
|
|
157
|
+
if (targetElement instanceof HTMLElement) {
|
|
158
|
+
targetElement.focus();
|
|
159
|
+
e.preventDefault();
|
|
178
160
|
}
|
|
179
161
|
};
|
|
180
162
|
return {
|
|
@@ -187,7 +169,7 @@ var AccordionRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
187
169
|
className = _ref.className,
|
|
188
170
|
headingLevel = _ref.headingLevel,
|
|
189
171
|
_ref$sectionAs = _ref.sectionAs,
|
|
190
|
-
sectionAs = _ref$sectionAs ===
|
|
172
|
+
sectionAs = _ref$sectionAs === void 0 ? 'section' : _ref$sectionAs;
|
|
191
173
|
var innerRef = useRef(null);
|
|
192
174
|
// use a passed ref if it's there, otherwise use innerRef
|
|
193
175
|
useImperativeHandle(ref, function () {
|
|
@@ -215,78 +197,95 @@ var Accordion = Object.assign(AccordionRoot, {
|
|
|
215
197
|
Section: AccordionSection
|
|
216
198
|
});
|
|
217
199
|
|
|
218
|
-
var _excluded$
|
|
219
|
-
function ownKeys$
|
|
220
|
-
function _objectSpread$
|
|
200
|
+
var _excluded$1z = ["children", "className"];
|
|
201
|
+
function ownKeys$1H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
202
|
+
function _objectSpread$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
221
203
|
var ActionGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
222
204
|
var children = _ref.children,
|
|
223
205
|
className = _ref.className,
|
|
224
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
225
|
-
return jsx("div", _objectSpread$
|
|
226
|
-
ref: ref,
|
|
206
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1z);
|
|
207
|
+
return jsx("div", _objectSpread$1H(_objectSpread$1H({}, restProps), {}, {
|
|
227
208
|
className: clsx('ams-action-group', className),
|
|
209
|
+
ref: ref,
|
|
228
210
|
role: "group",
|
|
229
211
|
children: children
|
|
230
212
|
}));
|
|
231
213
|
});
|
|
232
214
|
ActionGroup.displayName = 'ActionGroup';
|
|
233
215
|
|
|
234
|
-
var _excluded$
|
|
235
|
-
function ownKeys$
|
|
236
|
-
function _objectSpread$
|
|
216
|
+
var _excluded$1y = ["children", "className", "color", "level", "size"];
|
|
217
|
+
function ownKeys$1G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
218
|
+
function _objectSpread$1G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1G(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
237
219
|
var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
238
220
|
var children = _ref.children,
|
|
239
221
|
className = _ref.className,
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
level = _ref$level === undefined ? 1 : _ref$level,
|
|
222
|
+
color = _ref.color,
|
|
223
|
+
level = _ref.level,
|
|
243
224
|
size = _ref.size,
|
|
244
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
225
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1y);
|
|
245
226
|
var Tag = getHeadingTag(level);
|
|
246
|
-
var
|
|
247
|
-
return jsx(Tag, _objectSpread$
|
|
248
|
-
|
|
249
|
-
|
|
227
|
+
var visualLevel = size ? size.slice(-1) : level;
|
|
228
|
+
return jsx(Tag, _objectSpread$1G(_objectSpread$1G({
|
|
229
|
+
className: clsx('ams-heading', "ams-heading--".concat(visualLevel), color && "ams-heading--".concat(color), className),
|
|
230
|
+
ref: ref
|
|
250
231
|
}, restProps), {}, {
|
|
251
232
|
children: children
|
|
252
233
|
}));
|
|
253
234
|
});
|
|
254
235
|
Heading.displayName = 'Heading';
|
|
255
236
|
|
|
256
|
-
var _excluded$
|
|
257
|
-
function ownKeys$
|
|
258
|
-
function _objectSpread$
|
|
237
|
+
var _excluded$1x = ["className", "color", "label", "size", "svg"];
|
|
238
|
+
function ownKeys$1F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
239
|
+
function _objectSpread$1F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1F(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
259
240
|
var IconButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
260
241
|
var className = _ref.className,
|
|
242
|
+
color = _ref.color,
|
|
261
243
|
label = _ref.label,
|
|
262
|
-
|
|
263
|
-
inverseColor = _ref.inverseColor,
|
|
264
|
-
_ref$size = _ref.size,
|
|
265
|
-
size = _ref$size === undefined ? 'level-5' : _ref$size,
|
|
244
|
+
size = _ref.size,
|
|
266
245
|
_ref$svg = _ref.svg,
|
|
267
|
-
svg = _ref$svg ===
|
|
268
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
269
|
-
return jsxs("button", _objectSpread$
|
|
246
|
+
svg = _ref$svg === void 0 ? CloseIcon : _ref$svg,
|
|
247
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1x);
|
|
248
|
+
return jsxs("button", _objectSpread$1F(_objectSpread$1F({}, restProps), {}, {
|
|
249
|
+
className: clsx('ams-icon-button', color && "ams-icon-button--".concat(color), className),
|
|
270
250
|
ref: ref,
|
|
271
|
-
className: clsx('ams-icon-button', contrastColor && 'ams-icon-button--contrast-color', inverseColor && 'ams-icon-button--inverse-color', className),
|
|
272
251
|
children: [jsx("span", {
|
|
273
252
|
className: "ams-visually-hidden",
|
|
274
253
|
children: label
|
|
275
254
|
}), jsx(Icon, {
|
|
276
|
-
svg: svg,
|
|
277
255
|
size: size,
|
|
278
|
-
square: true
|
|
256
|
+
square: true,
|
|
257
|
+
svg: svg
|
|
279
258
|
})]
|
|
280
259
|
}));
|
|
281
260
|
});
|
|
282
261
|
IconButton.displayName = 'IconButton';
|
|
283
262
|
|
|
263
|
+
var _excluded$1w = ["align", "alignVertical", "as", "children", "className", "gap", "wrap"];
|
|
264
|
+
function ownKeys$1E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
265
|
+
function _objectSpread$1E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1E(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
266
|
+
var Row = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
267
|
+
var align = _ref.align,
|
|
268
|
+
alignVertical = _ref.alignVertical,
|
|
269
|
+
_ref$as = _ref.as,
|
|
270
|
+
Tag = _ref$as === void 0 ? 'div' : _ref$as,
|
|
271
|
+
children = _ref.children,
|
|
272
|
+
className = _ref.className,
|
|
273
|
+
gap = _ref.gap,
|
|
274
|
+
wrap = _ref.wrap,
|
|
275
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1w);
|
|
276
|
+
return jsx(Tag, _objectSpread$1E(_objectSpread$1E({}, restProps), {}, {
|
|
277
|
+
className: clsx('ams-row', align && "ams-row--align-".concat(align), alignVertical && "ams-row--align-vertical-".concat(alignVertical), gap && "ams-row--gap-".concat(gap), wrap && 'ams-row--wrap', className),
|
|
278
|
+
ref: ref,
|
|
279
|
+
children: children
|
|
280
|
+
}));
|
|
281
|
+
});
|
|
282
|
+
Row.displayName = 'Row';
|
|
283
|
+
|
|
284
284
|
var _excluded$1v = ["children", "className", "closeable", "closeButtonLabel", "heading", "headingLevel", "onClose", "severity"];
|
|
285
285
|
function ownKeys$1D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
286
286
|
function _objectSpread$1D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1D(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
287
287
|
var iconSvgBySeverity = {
|
|
288
288
|
error: AlertIcon,
|
|
289
|
-
info: InfoIcon,
|
|
290
289
|
success: CheckmarkIcon,
|
|
291
290
|
warning: AlertIcon
|
|
292
291
|
};
|
|
@@ -295,63 +294,51 @@ var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
295
294
|
className = _ref.className,
|
|
296
295
|
closeable = _ref.closeable,
|
|
297
296
|
_ref$closeButtonLabel = _ref.closeButtonLabel,
|
|
298
|
-
closeButtonLabel = _ref$closeButtonLabel ===
|
|
297
|
+
closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Sluiten' : _ref$closeButtonLabel,
|
|
299
298
|
heading = _ref.heading,
|
|
300
|
-
|
|
301
|
-
headingLevel = _ref$headingLevel === undefined ? 2 : _ref$headingLevel,
|
|
299
|
+
headingLevel = _ref.headingLevel,
|
|
302
300
|
onClose = _ref.onClose,
|
|
303
|
-
|
|
304
|
-
severity = _ref$severity === undefined ? 'warning' : _ref$severity,
|
|
301
|
+
severity = _ref.severity,
|
|
305
302
|
restProps = _objectWithoutProperties(_ref, _excluded$1v);
|
|
306
|
-
var
|
|
307
|
-
|
|
308
|
-
return jsxs(Tag, _objectSpread$1D(_objectSpread$1D({}, restProps), {}, {
|
|
309
|
-
ref: ref,
|
|
303
|
+
var SeverityIcon = severity ? iconSvgBySeverity[severity] : InfoIcon;
|
|
304
|
+
return jsxs("section", _objectSpread$1D(_objectSpread$1D({}, restProps), {}, {
|
|
310
305
|
className: clsx('ams-alert', severity && "ams-alert--".concat(severity), className),
|
|
306
|
+
ref: ref,
|
|
311
307
|
children: [jsx("div", {
|
|
312
|
-
className: "ams-
|
|
308
|
+
className: "ams-alert__severity-indicator",
|
|
313
309
|
children: jsx(Icon, {
|
|
314
|
-
|
|
315
|
-
|
|
310
|
+
color: "inverse",
|
|
311
|
+
size: "heading-4",
|
|
312
|
+
svg: SeverityIcon
|
|
316
313
|
})
|
|
317
314
|
}), jsxs("div", {
|
|
318
315
|
className: "ams-alert__content",
|
|
319
|
-
children: [
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
children:
|
|
316
|
+
children: [jsxs(Row, {
|
|
317
|
+
align: "between",
|
|
318
|
+
alignVertical: "start",
|
|
319
|
+
children: [jsx(Heading, {
|
|
320
|
+
level: headingLevel,
|
|
321
|
+
size: "level-4",
|
|
322
|
+
children: heading
|
|
323
|
+
}), closeable && jsx(IconButton, {
|
|
324
|
+
label: closeButtonLabel,
|
|
325
|
+
onClick: onClose,
|
|
326
|
+
size: "heading-4"
|
|
327
|
+
})]
|
|
323
328
|
}), children]
|
|
324
|
-
}), closeable && jsx(IconButton, {
|
|
325
|
-
label: closeButtonLabel,
|
|
326
|
-
size: alertSize,
|
|
327
|
-
onClick: onClose
|
|
328
329
|
})]
|
|
329
330
|
}));
|
|
330
331
|
});
|
|
331
332
|
Alert.displayName = 'Alert';
|
|
332
333
|
|
|
333
|
-
var _excluded$1u = ["
|
|
334
|
+
var _excluded$1u = ["className", "color", "imageSrc", "label"];
|
|
334
335
|
function ownKeys$1C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
335
336
|
function _objectSpread$1C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1C(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
336
|
-
var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
337
|
-
var aspectRatio = _ref.aspectRatio,
|
|
338
|
-
className = _ref.className,
|
|
339
|
-
restProps = _objectWithoutProperties(_ref, _excluded$1u);
|
|
340
|
-
return jsx("img", _objectSpread$1C(_objectSpread$1C({}, restProps), {}, {
|
|
341
|
-
ref: ref,
|
|
342
|
-
className: clsx('ams-image', aspectRatio && "ams-aspect-ratio--".concat(aspectRatio), className)
|
|
343
|
-
}));
|
|
344
|
-
});
|
|
345
|
-
Image.displayName = 'Image';
|
|
346
|
-
|
|
347
|
-
var _excluded$1t = ["label", "imageSrc", "className", "color"];
|
|
348
|
-
function ownKeys$1B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
349
|
-
function _objectSpread$1B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1B(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
350
337
|
var AvatarContent = function AvatarContent(_ref) {
|
|
351
338
|
var imageSrc = _ref.imageSrc,
|
|
352
339
|
initials = _ref.initials;
|
|
353
340
|
if (imageSrc) {
|
|
354
|
-
return jsx(
|
|
341
|
+
return jsx("img", {
|
|
355
342
|
alt: "",
|
|
356
343
|
src: imageSrc
|
|
357
344
|
});
|
|
@@ -363,22 +350,21 @@ var AvatarContent = function AvatarContent(_ref) {
|
|
|
363
350
|
});
|
|
364
351
|
}
|
|
365
352
|
return jsx(Icon, {
|
|
366
|
-
|
|
367
|
-
|
|
353
|
+
size: "small",
|
|
354
|
+
svg: PersonalLoginIcon
|
|
368
355
|
});
|
|
369
356
|
};
|
|
370
357
|
var Avatar = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
371
|
-
var
|
|
358
|
+
var className = _ref2.className,
|
|
359
|
+
color = _ref2.color,
|
|
372
360
|
imageSrc = _ref2.imageSrc,
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
color = _ref2$color === undefined ? 'blue' : _ref2$color,
|
|
376
|
-
restProps = _objectWithoutProperties(_ref2, _excluded$1t);
|
|
361
|
+
label = _ref2.label,
|
|
362
|
+
restProps = _objectWithoutProperties(_ref2, _excluded$1u);
|
|
377
363
|
var initials = label.slice(0, 2).toUpperCase();
|
|
378
364
|
var a11yLabel = initials.length === 0 ? 'Gebruiker' : "Initialen gebruiker: ".concat(initials);
|
|
379
|
-
return jsxs("span", _objectSpread$
|
|
365
|
+
return jsxs("span", _objectSpread$1C(_objectSpread$1C({}, restProps), {}, {
|
|
366
|
+
className: clsx('ams-avatar', color && "ams-avatar--".concat(color), imageSrc && 'ams-avatar--has-image', className),
|
|
380
367
|
ref: ref,
|
|
381
|
-
className: clsx('ams-avatar', "ams-avatar--".concat(color), imageSrc && 'ams-avatar--has-image', className),
|
|
382
368
|
children: [jsx("span", {
|
|
383
369
|
className: "ams-visually-hidden",
|
|
384
370
|
children: a11yLabel
|
|
@@ -390,49 +376,48 @@ var Avatar = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
390
376
|
});
|
|
391
377
|
Avatar.displayName = 'Avatar';
|
|
392
378
|
|
|
393
|
-
var _excluded$
|
|
394
|
-
function ownKeys$
|
|
395
|
-
function _objectSpread$
|
|
379
|
+
var _excluded$1t = ["className", "color", "label"];
|
|
380
|
+
function ownKeys$1B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
381
|
+
function _objectSpread$1B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1B(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
396
382
|
var Badge = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
397
|
-
var
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
383
|
+
var className = _ref.className,
|
|
384
|
+
color = _ref.color,
|
|
385
|
+
label = _ref.label,
|
|
386
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1t);
|
|
387
|
+
return jsx("span", _objectSpread$1B(_objectSpread$1B({}, restProps), {}, {
|
|
388
|
+
className: clsx('ams-badge', color && "ams-badge--".concat(color), className),
|
|
403
389
|
ref: ref,
|
|
404
|
-
className: clsx('ams-badge', "ams-badge--".concat(color), className),
|
|
405
390
|
children: label
|
|
406
391
|
}));
|
|
407
392
|
});
|
|
408
393
|
Badge.displayName = 'Badge';
|
|
409
394
|
|
|
410
|
-
var _excluded$
|
|
411
|
-
function ownKeys$
|
|
412
|
-
function _objectSpread$
|
|
395
|
+
var _excluded$1s = ["children", "className", "color"];
|
|
396
|
+
function ownKeys$1A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
397
|
+
function _objectSpread$1A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1A(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
413
398
|
var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
414
399
|
var children = _ref.children,
|
|
415
400
|
className = _ref.className,
|
|
416
|
-
|
|
417
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
418
|
-
return jsx("blockquote", _objectSpread$
|
|
401
|
+
color = _ref.color,
|
|
402
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1s);
|
|
403
|
+
return jsx("blockquote", _objectSpread$1A(_objectSpread$1A({}, restProps), {}, {
|
|
404
|
+
className: clsx('ams-blockquote', color && "ams-blockquote--".concat(color), className),
|
|
419
405
|
ref: ref,
|
|
420
|
-
className: clsx('ams-blockquote', inverseColor && 'ams-blockquote--inverse-color', className),
|
|
421
406
|
children: children
|
|
422
407
|
}));
|
|
423
408
|
});
|
|
424
409
|
Blockquote.displayName = 'Blockquote';
|
|
425
410
|
|
|
426
|
-
var _excluded$
|
|
427
|
-
function ownKeys$
|
|
428
|
-
function _objectSpread$
|
|
411
|
+
var _excluded$1r = ["children", "className"];
|
|
412
|
+
function ownKeys$1z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
413
|
+
function _objectSpread$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
429
414
|
var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
430
415
|
var children = _ref.children,
|
|
431
416
|
className = _ref.className,
|
|
432
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
417
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1r);
|
|
433
418
|
return jsx("li", {
|
|
434
419
|
className: "ams-breadcrumb__item",
|
|
435
|
-
children: jsx("a", _objectSpread$
|
|
420
|
+
children: jsx("a", _objectSpread$1z(_objectSpread$1z({}, restProps), {}, {
|
|
436
421
|
className: clsx$1('ams-breadcrumb__link', className),
|
|
437
422
|
ref: ref,
|
|
438
423
|
children: children
|
|
@@ -441,14 +426,14 @@ var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
441
426
|
});
|
|
442
427
|
BreadcrumbLink.displayName = 'Breadcrumb.Link';
|
|
443
428
|
|
|
444
|
-
var _excluded$
|
|
445
|
-
function ownKeys$
|
|
446
|
-
function _objectSpread$
|
|
429
|
+
var _excluded$1q = ["children", "className"];
|
|
430
|
+
function ownKeys$1y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
431
|
+
function _objectSpread$1y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1y(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
447
432
|
var BreadcrumbRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
448
433
|
var children = _ref.children,
|
|
449
434
|
className = _ref.className,
|
|
450
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
451
|
-
return jsx("nav", _objectSpread$
|
|
435
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1q);
|
|
436
|
+
return jsx("nav", _objectSpread$1y(_objectSpread$1y({}, restProps), {}, {
|
|
452
437
|
className: clsx$1('ams-breadcrumb', className),
|
|
453
438
|
ref: ref,
|
|
454
439
|
children: jsx("ol", {
|
|
@@ -485,12 +470,12 @@ var breakoutCellClasses = function breakoutCellClasses(colSpan, colStart, rowSpa
|
|
|
485
470
|
return [].concat(_toConsumableArray(addGridClass('ams-breakout__cell--col-span-', colSpan)), _toConsumableArray(addGridClass('ams-breakout__cell--col-start-', colStart)), _toConsumableArray(addGridClass('ams-breakout__cell--row-span-', rowSpan)), _toConsumableArray(addGridClass('ams-breakout__cell--row-start-', rowStart)));
|
|
486
471
|
};
|
|
487
472
|
|
|
488
|
-
var _excluded$
|
|
489
|
-
function ownKeys$
|
|
490
|
-
function _objectSpread$
|
|
473
|
+
var _excluded$1p = ["as", "children", "className", "colSpan", "colStart", "has", "rowSpan", "rowStart"];
|
|
474
|
+
function ownKeys$1x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
475
|
+
function _objectSpread$1x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1x(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
491
476
|
var BreakoutCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
492
477
|
var _ref$as = _ref.as,
|
|
493
|
-
Tag = _ref$as ===
|
|
478
|
+
Tag = _ref$as === void 0 ? 'div' : _ref$as,
|
|
494
479
|
children = _ref.children,
|
|
495
480
|
className = _ref.className,
|
|
496
481
|
colSpan = _ref.colSpan,
|
|
@@ -498,10 +483,10 @@ var BreakoutCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
498
483
|
has = _ref.has,
|
|
499
484
|
rowSpan = _ref.rowSpan,
|
|
500
485
|
rowStart = _ref.rowStart,
|
|
501
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
502
|
-
return jsx(Tag, _objectSpread$
|
|
503
|
-
ref: ref,
|
|
486
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1p);
|
|
487
|
+
return jsx(Tag, _objectSpread$1x(_objectSpread$1x({}, restProps), {}, {
|
|
504
488
|
className: clsx('ams-breakout__cell', breakoutCellClasses(colSpan, colStart, rowSpan, rowStart), has && "ams-breakout__cell--has-".concat(has), className),
|
|
489
|
+
ref: ref,
|
|
505
490
|
children: children
|
|
506
491
|
}));
|
|
507
492
|
});
|
|
@@ -521,9 +506,9 @@ var paddingClasses = function paddingClasses(componentName, paddingBottom, paddi
|
|
|
521
506
|
return classes;
|
|
522
507
|
};
|
|
523
508
|
|
|
524
|
-
var _excluded$
|
|
525
|
-
function ownKeys$
|
|
526
|
-
function _objectSpread$
|
|
509
|
+
var _excluded$1o = ["children", "className", "gapVertical", "paddingBottom", "paddingTop", "paddingVertical"];
|
|
510
|
+
function ownKeys$1w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
511
|
+
function _objectSpread$1w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1w(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
527
512
|
var BreakoutRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
528
513
|
var children = _ref.children,
|
|
529
514
|
className = _ref.className,
|
|
@@ -531,10 +516,10 @@ var BreakoutRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
531
516
|
paddingBottom = _ref.paddingBottom,
|
|
532
517
|
paddingTop = _ref.paddingTop,
|
|
533
518
|
paddingVertical = _ref.paddingVertical,
|
|
534
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
535
|
-
return jsx("div", _objectSpread$
|
|
536
|
-
ref: ref,
|
|
519
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1o);
|
|
520
|
+
return jsx("div", _objectSpread$1w(_objectSpread$1w({}, restProps), {}, {
|
|
537
521
|
className: clsx('ams-breakout', gapVertical && "ams-breakout--gap-vertical--".concat(gapVertical), paddingClasses('breakout', paddingBottom, paddingTop, paddingVertical), className),
|
|
522
|
+
ref: ref,
|
|
538
523
|
children: children
|
|
539
524
|
}));
|
|
540
525
|
});
|
|
@@ -543,9 +528,9 @@ var Breakout = Object.assign(BreakoutRoot, {
|
|
|
543
528
|
Cell: BreakoutCell
|
|
544
529
|
});
|
|
545
530
|
|
|
546
|
-
var _excluded$
|
|
547
|
-
function ownKeys$
|
|
548
|
-
function _objectSpread$
|
|
531
|
+
var _excluded$1n = ["children", "className", "disabled", "icon", "iconBefore", "iconOnly", "type", "variant"];
|
|
532
|
+
function ownKeys$1v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
533
|
+
function _objectSpread$1v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1v(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
549
534
|
var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
550
535
|
var children = _ref.children,
|
|
551
536
|
className = _ref.className,
|
|
@@ -555,57 +540,55 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
555
540
|
iconOnly = _ref.iconOnly,
|
|
556
541
|
type = _ref.type,
|
|
557
542
|
_ref$variant = _ref.variant,
|
|
558
|
-
variant = _ref$variant ===
|
|
559
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
560
|
-
return jsxs("button", _objectSpread$
|
|
543
|
+
variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
|
|
544
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1n);
|
|
545
|
+
return jsxs("button", _objectSpread$1v(_objectSpread$1v({}, restProps), {}, {
|
|
561
546
|
className: clsx('ams-button', "ams-button--".concat(variant), icon && iconOnly && "ams-button--icon-only", className),
|
|
562
547
|
disabled: disabled,
|
|
563
548
|
ref: ref,
|
|
564
549
|
type: type || 'button',
|
|
565
550
|
children: [icon && (iconBefore || iconOnly) && jsx(Icon, {
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
square: iconOnly
|
|
551
|
+
square: iconOnly,
|
|
552
|
+
svg: icon
|
|
569
553
|
}), icon && iconOnly ? jsx("span", {
|
|
570
554
|
className: "ams-visually-hidden",
|
|
571
555
|
children: children
|
|
572
556
|
}) : children, icon && !iconBefore && !iconOnly && jsx(Icon, {
|
|
573
|
-
svg: icon
|
|
574
|
-
size: "level-5"
|
|
557
|
+
svg: icon
|
|
575
558
|
})]
|
|
576
559
|
}));
|
|
577
560
|
});
|
|
578
561
|
Button.displayName = 'Button';
|
|
579
562
|
|
|
580
|
-
var _excluded$
|
|
581
|
-
function ownKeys$
|
|
582
|
-
function _objectSpread$
|
|
563
|
+
var _excluded$1m = ["children", "className", "color", "size"];
|
|
564
|
+
function ownKeys$1u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
565
|
+
function _objectSpread$1u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1u(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
583
566
|
var Paragraph = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
584
567
|
var children = _ref.children,
|
|
585
568
|
className = _ref.className,
|
|
586
|
-
|
|
569
|
+
color = _ref.color,
|
|
587
570
|
size = _ref.size,
|
|
588
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
589
|
-
return jsx("p", _objectSpread$
|
|
590
|
-
|
|
591
|
-
|
|
571
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1m);
|
|
572
|
+
return jsx("p", _objectSpread$1u(_objectSpread$1u({
|
|
573
|
+
className: clsx('ams-paragraph', color && "ams-paragraph--".concat(color), size && "ams-paragraph--".concat(size), className),
|
|
574
|
+
ref: ref
|
|
592
575
|
}, restProps), {}, {
|
|
593
576
|
children: children
|
|
594
577
|
}));
|
|
595
578
|
});
|
|
596
579
|
Paragraph.displayName = 'Paragraph';
|
|
597
580
|
|
|
598
|
-
var _excluded$
|
|
599
|
-
function ownKeys$
|
|
600
|
-
function _objectSpread$
|
|
581
|
+
var _excluded$1l = ["children", "className", "tagline"];
|
|
582
|
+
function ownKeys$1t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
583
|
+
function _objectSpread$1t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1t(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
601
584
|
var CardHeadingGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
602
585
|
var children = _ref.children,
|
|
603
586
|
className = _ref.className,
|
|
604
587
|
tagline = _ref.tagline,
|
|
605
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
606
|
-
return jsxs("hgroup", _objectSpread$
|
|
607
|
-
ref: ref,
|
|
588
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1l);
|
|
589
|
+
return jsxs("hgroup", _objectSpread$1t(_objectSpread$1t({}, restProps), {}, {
|
|
608
590
|
className: clsx('ams-card__heading-group', className),
|
|
591
|
+
ref: ref,
|
|
609
592
|
children: [children, jsx(Paragraph, {
|
|
610
593
|
size: "small",
|
|
611
594
|
children: tagline
|
|
@@ -614,31 +597,31 @@ var CardHeadingGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
614
597
|
});
|
|
615
598
|
CardHeadingGroup.displayName = 'Card.HeadingGroup';
|
|
616
599
|
|
|
617
|
-
var _excluded$
|
|
618
|
-
function ownKeys$
|
|
619
|
-
function _objectSpread$
|
|
600
|
+
var _excluded$1k = ["children", "className"];
|
|
601
|
+
function ownKeys$1s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
602
|
+
function _objectSpread$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
620
603
|
var CardLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
621
604
|
var children = _ref.children,
|
|
622
605
|
className = _ref.className,
|
|
623
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
624
|
-
return jsx("a", _objectSpread$
|
|
625
|
-
ref: ref,
|
|
606
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1k);
|
|
607
|
+
return jsx("a", _objectSpread$1s(_objectSpread$1s({}, restProps), {}, {
|
|
626
608
|
className: clsx('ams-card__link', className),
|
|
609
|
+
ref: ref,
|
|
627
610
|
children: children
|
|
628
611
|
}));
|
|
629
612
|
});
|
|
630
613
|
CardLink.displayName = 'Card.Link';
|
|
631
614
|
|
|
632
|
-
var _excluded$
|
|
633
|
-
function ownKeys$
|
|
634
|
-
function _objectSpread$
|
|
615
|
+
var _excluded$1j = ["children", "className"];
|
|
616
|
+
function ownKeys$1r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
617
|
+
function _objectSpread$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
635
618
|
var CardRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
636
619
|
var children = _ref.children,
|
|
637
620
|
className = _ref.className,
|
|
638
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
639
|
-
return jsx("article", _objectSpread$
|
|
640
|
-
ref: ref,
|
|
621
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1j);
|
|
622
|
+
return jsx("article", _objectSpread$1r(_objectSpread$1r({}, restProps), {}, {
|
|
641
623
|
className: clsx('ams-card', className),
|
|
624
|
+
ref: ref,
|
|
642
625
|
children: children
|
|
643
626
|
}));
|
|
644
627
|
});
|
|
@@ -648,32 +631,32 @@ var Card = Object.assign(CardRoot, {
|
|
|
648
631
|
Link: CardLink
|
|
649
632
|
});
|
|
650
633
|
|
|
651
|
-
var _excluded$
|
|
652
|
-
function ownKeys$
|
|
653
|
-
function _objectSpread$
|
|
634
|
+
var _excluded$1i = ["className", "length", "maxLength"];
|
|
635
|
+
function ownKeys$1q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
636
|
+
function _objectSpread$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
654
637
|
var CharacterCount = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
655
638
|
var className = _ref.className,
|
|
656
639
|
length = _ref.length,
|
|
657
640
|
maxLength = _ref.maxLength,
|
|
658
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
659
|
-
return jsx("div", _objectSpread$
|
|
660
|
-
ref: ref,
|
|
641
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1i);
|
|
642
|
+
return jsx("div", _objectSpread$1q(_objectSpread$1q({}, restProps), {}, {
|
|
661
643
|
className: clsx('ams-character-count', length > maxLength && 'ams-character-count--error', className),
|
|
644
|
+
ref: ref,
|
|
662
645
|
role: "status",
|
|
663
646
|
children: "".concat(length, " van ").concat(maxLength, " tekens")
|
|
664
647
|
}));
|
|
665
648
|
});
|
|
666
649
|
CharacterCount.displayName = 'CharacterCount';
|
|
667
650
|
|
|
668
|
-
var _excluded$
|
|
669
|
-
function ownKeys$
|
|
670
|
-
function _objectSpread$
|
|
651
|
+
var _excluded$1h = ["children", "className", "indeterminate", "invalid"];
|
|
652
|
+
function ownKeys$1p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
653
|
+
function _objectSpread$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
671
654
|
var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
672
655
|
var children = _ref.children,
|
|
673
656
|
className = _ref.className,
|
|
674
|
-
invalid = _ref.invalid,
|
|
675
657
|
indeterminate = _ref.indeterminate,
|
|
676
|
-
|
|
658
|
+
invalid = _ref.invalid,
|
|
659
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1h);
|
|
677
660
|
var id = useId();
|
|
678
661
|
var innerRef = useRef(null);
|
|
679
662
|
// use a passed ref if it's there, otherwise use innerRef
|
|
@@ -691,7 +674,7 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
691
674
|
// without a containing element
|
|
692
675
|
jsxs("div", {
|
|
693
676
|
className: clsx('ams-checkbox', className),
|
|
694
|
-
children: [jsx("input", _objectSpread$
|
|
677
|
+
children: [jsx("input", _objectSpread$1p(_objectSpread$1p({}, restProps), {}, {
|
|
695
678
|
"aria-invalid": invalid || undefined,
|
|
696
679
|
className: "ams-checkbox__input",
|
|
697
680
|
id: id,
|
|
@@ -709,36 +692,36 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
709
692
|
});
|
|
710
693
|
Checkbox.displayName = 'Checkbox';
|
|
711
694
|
|
|
712
|
-
var _excluded$
|
|
713
|
-
function ownKeys$
|
|
714
|
-
function _objectSpread$
|
|
695
|
+
var _excluded$1g = ["align", "alignHorizontal", "as", "children", "className", "gap"];
|
|
696
|
+
function ownKeys$1o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
697
|
+
function _objectSpread$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
715
698
|
var Column = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
716
699
|
var align = _ref.align,
|
|
717
700
|
alignHorizontal = _ref.alignHorizontal,
|
|
718
701
|
_ref$as = _ref.as,
|
|
719
|
-
Tag = _ref$as ===
|
|
702
|
+
Tag = _ref$as === void 0 ? 'div' : _ref$as,
|
|
720
703
|
children = _ref.children,
|
|
721
704
|
className = _ref.className,
|
|
722
705
|
gap = _ref.gap,
|
|
723
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
724
|
-
return jsx(Tag, _objectSpread$
|
|
725
|
-
ref: ref,
|
|
706
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1g);
|
|
707
|
+
return jsx(Tag, _objectSpread$1o(_objectSpread$1o({}, restProps), {}, {
|
|
726
708
|
className: clsx('ams-column', align && "ams-column--align-".concat(align), alignHorizontal && "ams-column--align-horizontal-".concat(alignHorizontal), gap && "ams-column--gap-".concat(gap), className),
|
|
709
|
+
ref: ref,
|
|
727
710
|
children: children
|
|
728
711
|
}));
|
|
729
712
|
});
|
|
730
713
|
Column.displayName = 'Column';
|
|
731
714
|
|
|
732
|
-
var _excluded$
|
|
733
|
-
function ownKeys$
|
|
734
|
-
function _objectSpread$
|
|
715
|
+
var _excluded$1f = ["className", "invalid", "type"];
|
|
716
|
+
function ownKeys$1n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
717
|
+
function _objectSpread$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
735
718
|
var DateInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
736
719
|
var className = _ref.className,
|
|
737
720
|
invalid = _ref.invalid,
|
|
738
721
|
_ref$type = _ref.type,
|
|
739
|
-
type = _ref$type ===
|
|
740
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
741
|
-
return jsx("input", _objectSpread$
|
|
722
|
+
type = _ref$type === void 0 ? 'date' : _ref$type,
|
|
723
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1f);
|
|
724
|
+
return jsx("input", _objectSpread$1n(_objectSpread$1n({}, restProps), {}, {
|
|
742
725
|
"aria-invalid": invalid || undefined,
|
|
743
726
|
className: clsx('ams-date-input', className),
|
|
744
727
|
ref: ref,
|
|
@@ -747,63 +730,63 @@ var DateInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
747
730
|
});
|
|
748
731
|
DateInput.displayName = 'DateInput';
|
|
749
732
|
|
|
750
|
-
var _excluded$
|
|
751
|
-
function ownKeys$
|
|
752
|
-
function _objectSpread$
|
|
733
|
+
var _excluded$1e = ["children", "className"];
|
|
734
|
+
function ownKeys$1m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
735
|
+
function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
753
736
|
var DescriptionListDescription = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
754
737
|
var children = _ref.children,
|
|
755
738
|
className = _ref.className,
|
|
756
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
757
|
-
return jsx("dd", _objectSpread$
|
|
758
|
-
ref: ref,
|
|
739
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1e);
|
|
740
|
+
return jsx("dd", _objectSpread$1m(_objectSpread$1m({}, restProps), {}, {
|
|
759
741
|
className: clsx('ams-description-list__description', className),
|
|
742
|
+
ref: ref,
|
|
760
743
|
children: children
|
|
761
744
|
}));
|
|
762
745
|
});
|
|
763
746
|
DescriptionListDescription.displayName = 'DescriptionList.Description';
|
|
764
747
|
|
|
765
|
-
var _excluded$
|
|
766
|
-
function ownKeys$
|
|
767
|
-
function _objectSpread$
|
|
748
|
+
var _excluded$1d = ["children", "className"];
|
|
749
|
+
function ownKeys$1l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
750
|
+
function _objectSpread$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
768
751
|
var DescriptionListSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
769
752
|
var children = _ref.children,
|
|
770
753
|
className = _ref.className,
|
|
771
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
772
|
-
return jsx("div", _objectSpread$
|
|
773
|
-
ref: ref,
|
|
754
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1d);
|
|
755
|
+
return jsx("div", _objectSpread$1l(_objectSpread$1l({}, restProps), {}, {
|
|
774
756
|
className: clsx('ams-description-list__section', className),
|
|
757
|
+
ref: ref,
|
|
775
758
|
children: children
|
|
776
759
|
}));
|
|
777
760
|
});
|
|
778
761
|
DescriptionListSection.displayName = 'DescriptionList.Section';
|
|
779
762
|
|
|
780
|
-
var _excluded$
|
|
781
|
-
function ownKeys$
|
|
782
|
-
function _objectSpread$
|
|
763
|
+
var _excluded$1c = ["children", "className"];
|
|
764
|
+
function ownKeys$1k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
765
|
+
function _objectSpread$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
783
766
|
var DescriptionListTerm = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
784
767
|
var children = _ref.children,
|
|
785
768
|
className = _ref.className,
|
|
786
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
787
|
-
return jsx("dt", _objectSpread$
|
|
788
|
-
ref: ref,
|
|
769
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1c);
|
|
770
|
+
return jsx("dt", _objectSpread$1k(_objectSpread$1k({}, restProps), {}, {
|
|
789
771
|
className: clsx('ams-description-list__term', className),
|
|
772
|
+
ref: ref,
|
|
790
773
|
children: children
|
|
791
774
|
}));
|
|
792
775
|
});
|
|
793
776
|
DescriptionListTerm.displayName = 'DescriptionList.Term';
|
|
794
777
|
|
|
795
|
-
var _excluded$
|
|
796
|
-
function ownKeys$
|
|
797
|
-
function _objectSpread$
|
|
778
|
+
var _excluded$1b = ["children", "className", "color", "termsWidth"];
|
|
779
|
+
function ownKeys$1j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
780
|
+
function _objectSpread$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
798
781
|
var DescriptionListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
799
782
|
var children = _ref.children,
|
|
800
783
|
className = _ref.className,
|
|
801
|
-
|
|
784
|
+
color = _ref.color,
|
|
802
785
|
termsWidth = _ref.termsWidth,
|
|
803
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
804
|
-
return jsx("dl", _objectSpread$
|
|
786
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1b);
|
|
787
|
+
return jsx("dl", _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
|
|
788
|
+
className: clsx('ams-description-list', color && "ams-description-list--".concat(color), termsWidth && "ams-description-list--".concat(termsWidth), className),
|
|
805
789
|
ref: ref,
|
|
806
|
-
className: clsx('ams-description-list', termsWidth && "ams-description-list--terms-width-".concat(termsWidth), inverseColor && 'ams-description-list--inverse-color', className),
|
|
807
790
|
children: children
|
|
808
791
|
}));
|
|
809
792
|
});
|
|
@@ -814,37 +797,38 @@ var DescriptionList = Object.assign(DescriptionListRoot, {
|
|
|
814
797
|
Term: DescriptionListTerm
|
|
815
798
|
});
|
|
816
799
|
|
|
817
|
-
var _excluded$
|
|
818
|
-
function ownKeys$
|
|
819
|
-
function _objectSpread$
|
|
800
|
+
var _excluded$1a = ["children", "className", "closeButtonLabel", "footer", "heading"];
|
|
801
|
+
function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
802
|
+
function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
820
803
|
var closeDialog = function closeDialog(event) {
|
|
821
804
|
var _event$currentTarget$;
|
|
822
|
-
return (_event$currentTarget$ = event.currentTarget.closest('dialog')) === null || _event$currentTarget$ ===
|
|
805
|
+
return (_event$currentTarget$ = event.currentTarget.closest('dialog')) === null || _event$currentTarget$ === void 0 ? void 0 : _event$currentTarget$.close();
|
|
823
806
|
};
|
|
824
807
|
var openDialog = function openDialog(id) {
|
|
825
808
|
var _document$querySelect;
|
|
826
|
-
return (_document$querySelect = document.querySelector(id)) === null || _document$querySelect ===
|
|
809
|
+
return (_document$querySelect = document.querySelector(id)) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.showModal();
|
|
827
810
|
};
|
|
828
811
|
var DialogRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
829
812
|
var children = _ref.children,
|
|
830
813
|
className = _ref.className,
|
|
831
814
|
_ref$closeButtonLabel = _ref.closeButtonLabel,
|
|
832
|
-
closeButtonLabel = _ref$closeButtonLabel ===
|
|
815
|
+
closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Sluiten' : _ref$closeButtonLabel,
|
|
833
816
|
footer = _ref.footer,
|
|
834
817
|
heading = _ref.heading,
|
|
835
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
836
|
-
return jsxs("dialog", _objectSpread$
|
|
837
|
-
ref: ref,
|
|
818
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1a);
|
|
819
|
+
return jsxs("dialog", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
|
|
838
820
|
className: clsx('ams-dialog', className),
|
|
821
|
+
ref: ref,
|
|
839
822
|
children: [jsxs("header", {
|
|
840
823
|
className: "ams-dialog__header",
|
|
841
824
|
children: [jsx(Heading, {
|
|
825
|
+
level: 1,
|
|
842
826
|
size: "level-4",
|
|
843
827
|
children: heading
|
|
844
828
|
}), jsx(IconButton, {
|
|
845
829
|
label: closeButtonLabel,
|
|
846
830
|
onClick: closeDialog,
|
|
847
|
-
size: "
|
|
831
|
+
size: "heading-4",
|
|
848
832
|
type: "button"
|
|
849
833
|
})]
|
|
850
834
|
}), jsx("div", {
|
|
@@ -862,22 +846,22 @@ var Dialog = Object.assign(DialogRoot, {
|
|
|
862
846
|
open: openDialog
|
|
863
847
|
});
|
|
864
848
|
|
|
865
|
-
var _excluded$
|
|
866
|
-
function ownKeys$
|
|
867
|
-
function _objectSpread$
|
|
849
|
+
var _excluded$19 = ["children", "className", "icon", "prefix"];
|
|
850
|
+
function ownKeys$1h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
851
|
+
function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
868
852
|
var ErrorMessage = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
869
853
|
var children = _ref.children,
|
|
870
854
|
className = _ref.className,
|
|
871
855
|
icon = _ref.icon,
|
|
872
856
|
_ref$prefix = _ref.prefix,
|
|
873
|
-
prefix = _ref$prefix ===
|
|
874
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
875
|
-
return jsxs("p", _objectSpread$
|
|
876
|
-
ref: ref,
|
|
857
|
+
prefix = _ref$prefix === void 0 ? 'Invoerfout' : _ref$prefix,
|
|
858
|
+
restProps = _objectWithoutProperties(_ref, _excluded$19);
|
|
859
|
+
return jsxs("p", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
|
|
877
860
|
className: clsx('ams-error-message', className),
|
|
861
|
+
ref: ref,
|
|
878
862
|
children: [jsx(Icon, {
|
|
879
|
-
|
|
880
|
-
|
|
863
|
+
size: "small",
|
|
864
|
+
svg: icon ? icon : AlertIcon
|
|
881
865
|
}), jsxs("span", {
|
|
882
866
|
className: "ams-visually-hidden",
|
|
883
867
|
children: [prefix, ': ']
|
|
@@ -886,25 +870,25 @@ var ErrorMessage = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
886
870
|
});
|
|
887
871
|
ErrorMessage.displayName = 'ErrorMessage';
|
|
888
872
|
|
|
889
|
-
var _excluded$
|
|
890
|
-
function ownKeys$
|
|
891
|
-
function _objectSpread$
|
|
892
|
-
var Field = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
873
|
+
var _excluded$18 = ["children", "className", "invalid"];
|
|
874
|
+
function ownKeys$1g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
875
|
+
function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
876
|
+
var Field = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
893
877
|
var children = _ref.children,
|
|
894
878
|
className = _ref.className,
|
|
895
879
|
invalid = _ref.invalid,
|
|
896
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
897
|
-
return jsx("div", _objectSpread$
|
|
898
|
-
ref: ref,
|
|
880
|
+
restProps = _objectWithoutProperties(_ref, _excluded$18);
|
|
881
|
+
return jsx("div", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
|
|
899
882
|
className: clsx('ams-field', invalid && 'ams-field--invalid', className),
|
|
883
|
+
ref: ref,
|
|
900
884
|
children: children
|
|
901
885
|
}));
|
|
902
886
|
});
|
|
903
887
|
Field.displayName = 'Field';
|
|
904
888
|
|
|
905
|
-
var _excluded$
|
|
906
|
-
function ownKeys$
|
|
907
|
-
function _objectSpread$
|
|
889
|
+
var _excluded$17 = ["className", "hint", "optional"];
|
|
890
|
+
function ownKeys$1f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
891
|
+
function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
908
892
|
var getHintText = function getHintText(_ref) {
|
|
909
893
|
var hint = _ref.hint,
|
|
910
894
|
optional = _ref.optional;
|
|
@@ -919,22 +903,22 @@ var Hint = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
919
903
|
var className = _ref2.className,
|
|
920
904
|
hint = _ref2.hint,
|
|
921
905
|
optional = _ref2.optional,
|
|
922
|
-
restProps = _objectWithoutProperties(_ref2, _excluded$
|
|
906
|
+
restProps = _objectWithoutProperties(_ref2, _excluded$17);
|
|
923
907
|
var hintText = getHintText({
|
|
924
908
|
hint: hint,
|
|
925
909
|
optional: optional
|
|
926
910
|
});
|
|
927
|
-
return hintText && jsxs("span", _objectSpread$
|
|
928
|
-
ref: ref,
|
|
911
|
+
return hintText && jsxs("span", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
|
|
929
912
|
className: clsx('ams-hint', className),
|
|
913
|
+
ref: ref,
|
|
930
914
|
children: ["(", hintText, ")"]
|
|
931
915
|
}));
|
|
932
916
|
});
|
|
933
917
|
Hint.displayName = 'Hint';
|
|
934
918
|
|
|
935
|
-
var _excluded$
|
|
936
|
-
function ownKeys$
|
|
937
|
-
function _objectSpread$
|
|
919
|
+
var _excluded$16 = ["children", "className", "hint", "invalid", "legend", "optional"];
|
|
920
|
+
function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
921
|
+
function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
938
922
|
var FieldSet = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
939
923
|
var children = _ref.children,
|
|
940
924
|
className = _ref.className,
|
|
@@ -942,10 +926,10 @@ var FieldSet = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
942
926
|
invalid = _ref.invalid,
|
|
943
927
|
legend = _ref.legend,
|
|
944
928
|
optional = _ref.optional,
|
|
945
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
946
|
-
return jsxs("fieldset", _objectSpread$
|
|
947
|
-
ref: ref,
|
|
929
|
+
restProps = _objectWithoutProperties(_ref, _excluded$16);
|
|
930
|
+
return jsxs("fieldset", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
|
|
948
931
|
className: clsx('ams-field-set', invalid && 'ams-field-set--invalid', className),
|
|
932
|
+
ref: ref,
|
|
949
933
|
children: [jsxs("legend", {
|
|
950
934
|
className: "ams-field-set__legend",
|
|
951
935
|
children: [legend, " ", jsx(Hint, {
|
|
@@ -957,32 +941,32 @@ var FieldSet = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
957
941
|
});
|
|
958
942
|
FieldSet.displayName = 'FieldSet';
|
|
959
943
|
|
|
960
|
-
var _excluded$
|
|
961
|
-
function ownKeys$
|
|
962
|
-
function _objectSpread$
|
|
944
|
+
var _excluded$15 = ["children", "className", "color"];
|
|
945
|
+
function ownKeys$1d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
946
|
+
function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
963
947
|
var FigureCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
964
948
|
var children = _ref.children,
|
|
965
949
|
className = _ref.className,
|
|
966
|
-
|
|
967
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
968
|
-
return jsx("figcaption", _objectSpread$
|
|
950
|
+
color = _ref.color,
|
|
951
|
+
restProps = _objectWithoutProperties(_ref, _excluded$15);
|
|
952
|
+
return jsx("figcaption", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
|
|
953
|
+
className: clsx('ams-figure__caption', color && "ams-figure__caption--".concat(color), className),
|
|
969
954
|
ref: ref,
|
|
970
|
-
className: clsx('ams-figure__caption', inverseColor && 'ams-figure__caption--inverse-color', className),
|
|
971
955
|
children: children
|
|
972
956
|
}));
|
|
973
957
|
});
|
|
974
958
|
FigureCaption.displayName = 'Figure.Caption';
|
|
975
959
|
|
|
976
|
-
var _excluded$
|
|
977
|
-
function ownKeys$
|
|
978
|
-
function _objectSpread$
|
|
960
|
+
var _excluded$14 = ["children", "className"];
|
|
961
|
+
function ownKeys$1c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
962
|
+
function _objectSpread$1c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1c(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
979
963
|
var FigureRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
980
964
|
var children = _ref.children,
|
|
981
965
|
className = _ref.className,
|
|
982
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
983
|
-
return jsx("figure", _objectSpread$
|
|
984
|
-
ref: ref,
|
|
966
|
+
restProps = _objectWithoutProperties(_ref, _excluded$14);
|
|
967
|
+
return jsx("figure", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
|
|
985
968
|
className: clsx('ams-figure', className),
|
|
969
|
+
ref: ref,
|
|
986
970
|
children: children
|
|
987
971
|
}));
|
|
988
972
|
});
|
|
@@ -991,15 +975,15 @@ var Figure = Object.assign(FigureRoot, {
|
|
|
991
975
|
Caption: FigureCaption
|
|
992
976
|
});
|
|
993
977
|
|
|
994
|
-
var _excluded$
|
|
995
|
-
function ownKeys$
|
|
996
|
-
function _objectSpread$
|
|
978
|
+
var _excluded$13 = ["className"];
|
|
979
|
+
function ownKeys$1b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
980
|
+
function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1b(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
997
981
|
var FileInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
998
982
|
var className = _ref.className,
|
|
999
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1000
|
-
return jsx("input", _objectSpread$
|
|
1001
|
-
ref: ref,
|
|
983
|
+
restProps = _objectWithoutProperties(_ref, _excluded$13);
|
|
984
|
+
return jsx("input", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
|
|
1002
985
|
className: clsx('ams-file-input', className),
|
|
986
|
+
ref: ref,
|
|
1003
987
|
type: "file"
|
|
1004
988
|
}));
|
|
1005
989
|
});
|
|
@@ -1058,26 +1042,26 @@ var formatFileType = function formatFileType(fileType) {
|
|
|
1058
1042
|
}
|
|
1059
1043
|
};
|
|
1060
1044
|
|
|
1061
|
-
var _excluded$
|
|
1062
|
-
function ownKeys$
|
|
1063
|
-
function _objectSpread$
|
|
1045
|
+
var _excluded$12 = ["className", "file", "onDelete"];
|
|
1046
|
+
function ownKeys$1a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1047
|
+
function _objectSpread$1a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1a(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1064
1048
|
var FileListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1065
|
-
var
|
|
1049
|
+
var className = _ref.className,
|
|
1050
|
+
file = _ref.file,
|
|
1066
1051
|
onDelete = _ref.onDelete,
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
return jsxs("li", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
|
|
1070
|
-
ref: ref,
|
|
1052
|
+
restProps = _objectWithoutProperties(_ref, _excluded$12);
|
|
1053
|
+
return jsxs("li", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
|
|
1071
1054
|
className: clsx('ams-file-list__item', className),
|
|
1055
|
+
ref: ref,
|
|
1072
1056
|
children: [jsx("div", {
|
|
1073
1057
|
className: "ams-file-list__item-preview",
|
|
1074
1058
|
children: file.type.startsWith('image/') ? jsx("img", {
|
|
1075
|
-
|
|
1076
|
-
|
|
1059
|
+
alt: file.name,
|
|
1060
|
+
src: URL.createObjectURL(file)
|
|
1077
1061
|
}) : jsx(Icon, {
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1062
|
+
size: "heading-3",
|
|
1063
|
+
square: true,
|
|
1064
|
+
svg: DocumentIcon
|
|
1081
1065
|
})
|
|
1082
1066
|
}), jsxs("div", {
|
|
1083
1067
|
className: "ams-file-list__item-info",
|
|
@@ -1087,10 +1071,10 @@ var FileListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1087
1071
|
})]
|
|
1088
1072
|
}), onDelete && jsx("div", {
|
|
1089
1073
|
children: jsx(Button, {
|
|
1090
|
-
variant: "tertiary",
|
|
1091
1074
|
onClick: function onClick() {
|
|
1092
1075
|
return onDelete();
|
|
1093
1076
|
},
|
|
1077
|
+
variant: "tertiary",
|
|
1094
1078
|
children: "Verwijder"
|
|
1095
1079
|
})
|
|
1096
1080
|
})]
|
|
@@ -1098,16 +1082,16 @@ var FileListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1098
1082
|
});
|
|
1099
1083
|
FileListItem.displayName = 'FileList.Item';
|
|
1100
1084
|
|
|
1101
|
-
var _excluded$
|
|
1102
|
-
function ownKeys$
|
|
1103
|
-
function _objectSpread$
|
|
1085
|
+
var _excluded$11 = ["children", "className"];
|
|
1086
|
+
function ownKeys$19(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1087
|
+
function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1104
1088
|
var FileListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1105
1089
|
var children = _ref.children,
|
|
1106
1090
|
className = _ref.className,
|
|
1107
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1108
|
-
return jsx("ul", _objectSpread$
|
|
1109
|
-
ref: ref,
|
|
1091
|
+
restProps = _objectWithoutProperties(_ref, _excluded$11);
|
|
1092
|
+
return jsx("ul", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
|
|
1110
1093
|
className: clsx('ams-file-list', className),
|
|
1094
|
+
ref: ref,
|
|
1111
1095
|
children: children
|
|
1112
1096
|
}));
|
|
1113
1097
|
});
|
|
@@ -1116,35 +1100,53 @@ var FileList = Object.assign(FileListRoot, {
|
|
|
1116
1100
|
Item: FileListItem
|
|
1117
1101
|
});
|
|
1118
1102
|
|
|
1103
|
+
var _excluded$10 = ["children", "className"];
|
|
1104
|
+
function ownKeys$18(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1105
|
+
function _objectSpread$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1106
|
+
var FooterMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1107
|
+
var children = _ref.children,
|
|
1108
|
+
className = _ref.className,
|
|
1109
|
+
restProps = _objectWithoutProperties(_ref, _excluded$10);
|
|
1110
|
+
return jsx("ul", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
|
|
1111
|
+
className: clsx('ams-footer__menu', className),
|
|
1112
|
+
ref: ref,
|
|
1113
|
+
children: children
|
|
1114
|
+
}));
|
|
1115
|
+
});
|
|
1116
|
+
FooterMenu.displayName = 'Footer.Menu';
|
|
1117
|
+
|
|
1119
1118
|
var _excluded$$ = ["children", "className"];
|
|
1120
1119
|
function ownKeys$17(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1121
1120
|
function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1122
|
-
var
|
|
1121
|
+
var FooterMenuLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1123
1122
|
var children = _ref.children,
|
|
1124
1123
|
className = _ref.className,
|
|
1125
1124
|
restProps = _objectWithoutProperties(_ref, _excluded$$);
|
|
1126
|
-
return jsx("
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1125
|
+
return jsx("li", {
|
|
1126
|
+
className: "ams-footer__menu-item",
|
|
1127
|
+
children: jsx("a", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
|
|
1128
|
+
className: clsx('ams-footer__menu-link', className),
|
|
1129
|
+
ref: ref,
|
|
1130
|
+
children: children
|
|
1131
|
+
}))
|
|
1132
|
+
});
|
|
1131
1133
|
});
|
|
1132
|
-
|
|
1134
|
+
FooterMenuLink.displayName = 'Footer.MenuLink';
|
|
1133
1135
|
|
|
1134
1136
|
var _excluded$_ = ["children", "className"];
|
|
1135
1137
|
function ownKeys$16(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1136
1138
|
function _objectSpread$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1137
|
-
var
|
|
1139
|
+
var FooterSpotlight = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1138
1140
|
var children = _ref.children,
|
|
1139
1141
|
className = _ref.className,
|
|
1140
1142
|
restProps = _objectWithoutProperties(_ref, _excluded$_);
|
|
1141
1143
|
return jsx("div", _objectSpread$16(_objectSpread$16({}, restProps), {}, {
|
|
1144
|
+
className: clsx('ams-footer__spotlight', className),
|
|
1142
1145
|
ref: ref,
|
|
1143
|
-
className: clsx('ams-footer__top', className),
|
|
1144
1146
|
children: children
|
|
1145
1147
|
}));
|
|
1146
1148
|
});
|
|
1147
|
-
|
|
1149
|
+
FooterSpotlight.displayName = 'Footer.Spotlight';
|
|
1148
1150
|
|
|
1149
1151
|
var _excluded$Z = ["children", "className"];
|
|
1150
1152
|
function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -1154,200 +1156,53 @@ var FooterRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1154
1156
|
className = _ref.className,
|
|
1155
1157
|
restProps = _objectWithoutProperties(_ref, _excluded$Z);
|
|
1156
1158
|
return jsx("footer", _objectSpread$15(_objectSpread$15({}, restProps), {}, {
|
|
1157
|
-
ref: ref,
|
|
1158
1159
|
className: clsx('ams-footer', className),
|
|
1160
|
+
ref: ref,
|
|
1159
1161
|
children: children
|
|
1160
1162
|
}));
|
|
1161
1163
|
});
|
|
1162
1164
|
FooterRoot.displayName = 'Footer';
|
|
1163
1165
|
var Footer = Object.assign(FooterRoot, {
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
+
Menu: FooterMenu,
|
|
1167
|
+
MenuLink: FooterMenuLink,
|
|
1168
|
+
Spotlight: FooterSpotlight
|
|
1166
1169
|
});
|
|
1167
1170
|
|
|
1168
|
-
var _excluded$Y = ["
|
|
1171
|
+
var _excluded$Y = ["as", "children", "className", "span", "start"];
|
|
1169
1172
|
function ownKeys$14(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1170
1173
|
function _objectSpread$14(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$14(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$14(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1171
|
-
var iconSizeMap = {
|
|
1172
|
-
small: 'level-6',
|
|
1173
|
-
medium: 'level-5',
|
|
1174
|
-
large: 'level-4'
|
|
1175
|
-
};
|
|
1176
|
-
/** One link with a Link List. */
|
|
1177
|
-
var LinkListLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1178
|
-
var children = _ref.children,
|
|
1179
|
-
className = _ref.className,
|
|
1180
|
-
icon = _ref.icon,
|
|
1181
|
-
contrastColor = _ref.contrastColor,
|
|
1182
|
-
inverseColor = _ref.inverseColor,
|
|
1183
|
-
size = _ref.size,
|
|
1184
|
-
restProps = _objectWithoutProperties(_ref, _excluded$Y);
|
|
1185
|
-
return jsx("li", {
|
|
1186
|
-
children: jsxs("a", _objectSpread$14(_objectSpread$14({
|
|
1187
|
-
className: clsx('ams-link-list__link', contrastColor && 'ams-link-list__link--contrast-color', inverseColor && 'ams-link-list__link--inverse-color', size && "ams-link-list__link--".concat(size), className),
|
|
1188
|
-
ref: ref
|
|
1189
|
-
}, restProps), {}, {
|
|
1190
|
-
children: [jsx(Icon, {
|
|
1191
|
-
svg: icon !== null && icon !== undefined ? icon : ChevronRightIcon,
|
|
1192
|
-
size: iconSizeMap[size !== null && size !== undefined ? size : 'medium']
|
|
1193
|
-
}), children]
|
|
1194
|
-
}))
|
|
1195
|
-
});
|
|
1196
|
-
});
|
|
1197
|
-
LinkListLink.displayName = 'LinkList.Link';
|
|
1198
|
-
|
|
1199
|
-
var _excluded$X = ["children", "className"];
|
|
1200
|
-
function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1201
|
-
function _objectSpread$13(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$13(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$13(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1202
|
-
/** A collection of related links. */
|
|
1203
|
-
var LinkListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1204
|
-
var children = _ref.children,
|
|
1205
|
-
className = _ref.className,
|
|
1206
|
-
restProps = _objectWithoutProperties(_ref, _excluded$X);
|
|
1207
|
-
return jsx("ul", _objectSpread$13(_objectSpread$13({
|
|
1208
|
-
ref: ref,
|
|
1209
|
-
className: clsx('ams-link-list', className)
|
|
1210
|
-
}, restProps), {}, {
|
|
1211
|
-
children: children
|
|
1212
|
-
}));
|
|
1213
|
-
});
|
|
1214
|
-
LinkListRoot.displayName = 'LinkList';
|
|
1215
|
-
var LinkList = Object.assign(LinkListRoot, {
|
|
1216
|
-
Link: LinkListLink
|
|
1217
|
-
});
|
|
1218
|
-
|
|
1219
|
-
var _excluded$W = ["className", "errors", "focusOnRender", "hasFocusedOnce", "heading", "headingLevel", "setHasFocusedOnce"];
|
|
1220
|
-
function ownKeys$12(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1221
|
-
function _objectSpread$12(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$12(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$12(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1222
|
-
var FormErrorListWithErrors = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1223
|
-
var className = _ref.className,
|
|
1224
|
-
errors = _ref.errors,
|
|
1225
|
-
_ref$focusOnRender = _ref.focusOnRender,
|
|
1226
|
-
focusOnRender = _ref$focusOnRender === undefined ? true : _ref$focusOnRender,
|
|
1227
|
-
hasFocusedOnce = _ref.hasFocusedOnce,
|
|
1228
|
-
_ref$heading = _ref.heading,
|
|
1229
|
-
heading = _ref$heading === undefined ? 'Verbeter de fouten voor u verder gaat' : _ref$heading,
|
|
1230
|
-
_ref$headingLevel = _ref.headingLevel,
|
|
1231
|
-
headingLevel = _ref$headingLevel === undefined ? 2 : _ref$headingLevel,
|
|
1232
|
-
setHasFocusedOnce = _ref.setHasFocusedOnce,
|
|
1233
|
-
restProps = _objectWithoutProperties(_ref, _excluded$W);
|
|
1234
|
-
var innerRef = useRef(null);
|
|
1235
|
-
// use a passed ref if it's there, otherwise use innerRef
|
|
1236
|
-
useImperativeHandle(ref, function () {
|
|
1237
|
-
return innerRef.current;
|
|
1238
|
-
});
|
|
1239
|
-
useEffect(function () {
|
|
1240
|
-
if (innerRef.current && focusOnRender && !hasFocusedOnce) {
|
|
1241
|
-
innerRef.current.focus();
|
|
1242
|
-
setHasFocusedOnce(true);
|
|
1243
|
-
}
|
|
1244
|
-
}, [innerRef]);
|
|
1245
|
-
return jsx(Alert, _objectSpread$12(_objectSpread$12({}, restProps), {}, {
|
|
1246
|
-
className: clsx('ams-form-error-list', className),
|
|
1247
|
-
heading: heading,
|
|
1248
|
-
headingLevel: headingLevel,
|
|
1249
|
-
ref: innerRef,
|
|
1250
|
-
severity: "error",
|
|
1251
|
-
tabIndex: -1,
|
|
1252
|
-
children: jsx(LinkList, {
|
|
1253
|
-
children: errors.map(function (_ref2) {
|
|
1254
|
-
var id = _ref2.id,
|
|
1255
|
-
label = _ref2.label;
|
|
1256
|
-
return jsx(LinkList.Link, {
|
|
1257
|
-
href: id,
|
|
1258
|
-
children: label
|
|
1259
|
-
}, "".concat(id, "-").concat(label));
|
|
1260
|
-
})
|
|
1261
|
-
})
|
|
1262
|
-
}));
|
|
1263
|
-
});
|
|
1264
|
-
FormErrorListWithErrors.displayName = 'FormErrorListWithErrors';
|
|
1265
|
-
|
|
1266
|
-
var useAddErrorCountToDocumentTitle = function useAddErrorCountToDocumentTitle(/** The list of error messages used to calculate the error count. */
|
|
1267
|
-
errors) {
|
|
1268
|
-
var label = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
|
|
1269
|
-
plural: 'invoerfouten',
|
|
1270
|
-
singular: 'invoerfout'
|
|
1271
|
-
};
|
|
1272
|
-
var _useState = useState(),
|
|
1273
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
1274
|
-
documentTitle = _useState2[0],
|
|
1275
|
-
setDocumentTitle = _useState2[1];
|
|
1276
|
-
useEffect(function () {
|
|
1277
|
-
setDocumentTitle(document.title);
|
|
1278
|
-
}, []);
|
|
1279
|
-
if (!documentTitle) return null;
|
|
1280
|
-
if (errors.length === 1) {
|
|
1281
|
-
document.title = "(".concat(errors.length, " ").concat(label.singular, ") ").concat(documentTitle);
|
|
1282
|
-
} else if (errors.length > 1) {
|
|
1283
|
-
document.title = "(".concat(errors.length, " ").concat(label.plural, ") ").concat(documentTitle);
|
|
1284
|
-
} else {
|
|
1285
|
-
document.title = documentTitle;
|
|
1286
|
-
}
|
|
1287
|
-
return null;
|
|
1288
|
-
};
|
|
1289
|
-
|
|
1290
|
-
var _excluded$V = ["errors", "errorCountLabel"];
|
|
1291
|
-
function ownKeys$11(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1292
|
-
function _objectSpread$11(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$11(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$11(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1293
|
-
var FormErrorList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1294
|
-
var errors = _ref.errors,
|
|
1295
|
-
errorCountLabel = _ref.errorCountLabel,
|
|
1296
|
-
restProps = _objectWithoutProperties(_ref, _excluded$V);
|
|
1297
|
-
// A Form Error List without errors only resets the document title.
|
|
1298
|
-
// With errors, it renders the FormErrorListWithErrors component.
|
|
1299
|
-
useAddErrorCountToDocumentTitle(errors, errorCountLabel);
|
|
1300
|
-
// Focus should only be set on first render of FormErrorListWithErrors.
|
|
1301
|
-
// Subsequent renders should not set focus.
|
|
1302
|
-
var _useState = useState(false),
|
|
1303
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
1304
|
-
hasFocusedOnce = _useState2[0],
|
|
1305
|
-
setHasFocusedOnce = _useState2[1];
|
|
1306
|
-
if (errors.length === 0) return undefined;
|
|
1307
|
-
return jsx(FormErrorListWithErrors, _objectSpread$11(_objectSpread$11({}, restProps), {}, {
|
|
1308
|
-
errors: errors,
|
|
1309
|
-
hasFocusedOnce: hasFocusedOnce,
|
|
1310
|
-
ref: ref,
|
|
1311
|
-
setHasFocusedOnce: setHasFocusedOnce
|
|
1312
|
-
}));
|
|
1313
|
-
});
|
|
1314
|
-
FormErrorList.displayName = 'FormErrorList';
|
|
1315
|
-
|
|
1316
|
-
var _excluded$U = ["as", "children", "className", "span", "start"];
|
|
1317
|
-
function ownKeys$10(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1318
|
-
function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1319
1174
|
var GridCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1320
1175
|
var _ref$as = _ref.as,
|
|
1321
|
-
Tag = _ref$as ===
|
|
1176
|
+
Tag = _ref$as === void 0 ? 'div' : _ref$as,
|
|
1322
1177
|
children = _ref.children,
|
|
1323
1178
|
className = _ref.className,
|
|
1324
1179
|
span = _ref.span,
|
|
1325
1180
|
start = _ref.start,
|
|
1326
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1327
|
-
return jsx(Tag, _objectSpread$
|
|
1328
|
-
ref: ref,
|
|
1181
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Y);
|
|
1182
|
+
return jsx(Tag, _objectSpread$14(_objectSpread$14({}, restProps), {}, {
|
|
1329
1183
|
className: clsx('ams-grid__cell', gridCellClasses(span, start), className),
|
|
1184
|
+
ref: ref,
|
|
1330
1185
|
children: children
|
|
1331
1186
|
}));
|
|
1332
1187
|
});
|
|
1333
1188
|
GridCell.displayName = 'Grid.Cell';
|
|
1334
1189
|
|
|
1335
|
-
var _excluded$
|
|
1336
|
-
function ownKeys
|
|
1337
|
-
function _objectSpread
|
|
1190
|
+
var _excluded$X = ["as", "children", "className", "gapVertical", "paddingBottom", "paddingTop", "paddingVertical"];
|
|
1191
|
+
function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1192
|
+
function _objectSpread$13(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$13(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$13(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1338
1193
|
var GridRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1339
1194
|
var _ref$as = _ref.as,
|
|
1340
|
-
Tag = _ref$as ===
|
|
1195
|
+
Tag = _ref$as === void 0 ? 'div' : _ref$as,
|
|
1341
1196
|
children = _ref.children,
|
|
1342
1197
|
className = _ref.className,
|
|
1343
1198
|
gapVertical = _ref.gapVertical,
|
|
1344
1199
|
paddingBottom = _ref.paddingBottom,
|
|
1345
1200
|
paddingTop = _ref.paddingTop,
|
|
1346
1201
|
paddingVertical = _ref.paddingVertical,
|
|
1347
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1348
|
-
return jsx(Tag, _objectSpread
|
|
1349
|
-
ref: ref,
|
|
1202
|
+
restProps = _objectWithoutProperties(_ref, _excluded$X);
|
|
1203
|
+
return jsx(Tag, _objectSpread$13(_objectSpread$13({}, restProps), {}, {
|
|
1350
1204
|
className: clsx('ams-grid', gapVertical && "ams-grid--gap-vertical--".concat(gapVertical), paddingClasses('grid', paddingBottom, paddingTop, paddingVertical), className),
|
|
1205
|
+
ref: ref,
|
|
1351
1206
|
children: children
|
|
1352
1207
|
}));
|
|
1353
1208
|
});
|
|
@@ -1356,12 +1211,12 @@ var Grid = Object.assign(GridRoot, {
|
|
|
1356
1211
|
Cell: GridCell
|
|
1357
1212
|
});
|
|
1358
1213
|
|
|
1359
|
-
function ownKeys$
|
|
1360
|
-
function _objectSpread$
|
|
1214
|
+
function ownKeys$12(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1215
|
+
function _objectSpread$12(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$12(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$12(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1361
1216
|
var LogoAmsterdam = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
1362
|
-
return jsxs("svg", _objectSpread$
|
|
1363
|
-
className: "ams-logo",
|
|
1217
|
+
return jsxs("svg", _objectSpread$12(_objectSpread$12({
|
|
1364
1218
|
"aria-hidden": "true",
|
|
1219
|
+
className: "ams-logo",
|
|
1365
1220
|
focusable: "false",
|
|
1366
1221
|
ref: ref,
|
|
1367
1222
|
viewBox: "0 0 115 40",
|
|
@@ -1369,23 +1224,23 @@ var LogoAmsterdam = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
1369
1224
|
}, props), {}, {
|
|
1370
1225
|
children: [jsx("path", {
|
|
1371
1226
|
className: "ams-logo__text-primary",
|
|
1372
|
-
|
|
1373
|
-
|
|
1227
|
+
d: "M16.435 8.581c0-3.752 2.63-6.4 6.344-6.4 1.886 0 3.466.61 4.59 1.829L25.731 5.57c-.704-.78-1.714-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.715 4.324 2 0 3.391-1.143 3.391-2.8v-.323h-2.99V7.705h5.505V9.63c0 3.162-2.457 5.39-5.981 5.39s-6.21-2.666-6.21-6.438ZM30.225 10.086c0-2.915 1.962-4.934 4.762-4.934s4.743 2 4.743 4.876c0 .229-.037.59-.076.839h-7.048C32.778 12.143 33.863 13 35.254 13c1.029 0 1.924-.381 2.514-1.067l1.428 1.391c-.857 1.106-2.343 1.696-4.057 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.743c-.152-1.238-1.105-2.077-2.38-2.077-1.276 0-2.229.839-2.363 2.077ZM43.902 5.382v1.275h.038c.476-.97 1.314-1.505 2.4-1.505 1.219 0 2.132.534 2.704 1.6.571-1.028 1.62-1.6 2.952-1.6 2.324 0 3.448 1.296 3.448 3.943v5.696h-2.362V9.495c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.696.82-1.696 2.362v5.22h-2.362V9.495c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22H41.69V5.38h2.212ZM57.312 10.086c0-2.915 1.963-4.934 4.762-4.934 2.8 0 4.744 2 4.744 4.876 0 .229-.038.59-.077.839h-7.048C59.865 12.143 60.95 13 62.341 13c1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.106-2.344 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.743c-.152-1.238-1.105-2.077-2.38-2.077-1.276 0-2.229.839-2.363 2.077ZM68.189 10.086c0-2.915 1.962-4.934 4.762-4.934s4.743 2 4.743 4.876c0 .229-.038.59-.077.839H70.57C70.74 12.143 71.827 13 73.218 13c1.028 0 1.923-.381 2.513-1.067l1.429 1.391c-.857 1.106-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.002Zm2.38-.952h4.744c-.153-1.238-1.105-2.077-2.381-2.077-1.276 0-2.228.839-2.362 2.077ZM81.883 5.382v1.275h.038c.438-.933 1.39-1.505 2.495-1.505 2.362 0 3.582 1.353 3.582 3.943v5.696h-2.363V9.552c0-1.6-.571-2.343-1.772-2.343-1.2 0-1.847.838-1.847 2.4v5.18h-2.362V5.382h2.23ZM91.026 11.42V7.342h-1.619V5.381h.858c.78 0 1.085-.305 1.085-1.086V2.83h2.019v2.553h2.285v1.962H93.37v4.077c0 .915.476 1.428 1.352 1.428.267 0 .59-.037.78-.095v1.981c-.285.077-.819.133-1.238.133-2.133 0-3.238-1.18-3.238-3.447l.001-.002ZM96.817 10.086c0-2.915 1.963-4.934 4.762-4.934 2.8 0 4.744 2 4.744 4.876 0 .229-.038.59-.077.839h-7.048c.172 1.276 1.257 2.133 2.648 2.133 1.029 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.106-2.344 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.744c-.153-1.238-1.106-2.077-2.382-2.077-1.275 0-2.228.839-2.362 2.077ZM23.73 25.267l4.952 12.381h-2.647l-1.03-2.724H19.5l-1.028 2.724h-2.553l4.953-12.38h2.858Zm-3.486 7.6h4l-1.982-5.219h-.037l-1.981 5.22ZM32.454 28.24v1.275h.038c.476-.97 1.315-1.505 2.4-1.505 1.22 0 2.133.534 2.704 1.6.572-1.028 1.62-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211ZM48.34 33.706c-1.275-.381-2.513-1.067-2.513-2.78 0-1.715 1.447-2.916 3.6-2.916 1.448 0 2.572.514 3.2 1.466l-1.351 1.353c-.477-.59-1.124-.915-1.829-.915-.8 0-1.296.362-1.296.933 0 .762.8.895 1.963 1.257 1.276.381 2.514 1.067 2.514 2.781 0 1.715-1.524 2.99-3.772 2.99-1.466 0-2.648-.514-3.334-1.486l1.353-1.352c.513.609 1.2.934 1.962.934.915 0 1.466-.381 1.466-1.01 0-.762-.8-.895-1.962-1.258v.003ZM55.122 34.277v-4.076h-1.62v-1.963h.858c.78 0 1.085-.304 1.085-1.085v-1.466h2.019v2.552h2.286v1.963h-2.286v4.076c0 .915.476 1.43 1.352 1.43.267 0 .59-.038.78-.096v1.981c-.285.077-.819.133-1.237.133-2.133 0-3.238-1.18-3.238-3.447v-.002ZM60.911 32.944c0-2.915 1.963-4.934 4.763-4.934s4.743 2 4.743 4.876c0 .228-.038.59-.077.839h-7.048c.172 1.276 1.257 2.133 2.648 2.133 1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.105-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.744c-.153-1.239-1.106-2.077-2.381-2.077-1.276 0-2.229.838-2.363 2.077ZM74.607 28.24V29.8h.038c.457-1.066 1.296-1.638 2.4-1.638.285 0 .685.038.838.095v2.248c-.267-.076-.78-.132-1.162-.132-1.2 0-1.98.914-1.98 2.323v4.953h-2.363v-9.41h2.23ZM78.551 32.983c0-2.915 1.924-4.972 4.648-4.972 1.257 0 2.286.553 2.934 1.562h.037V23.84h2.362v13.81h-2.228v-1.467h-.037c-.61 1.067-1.752 1.696-3.067 1.696-2.724 0-4.648-2.038-4.648-4.895l-.001-.001Zm7.62-.038c0-1.695-1.048-2.82-2.591-2.82-1.543 0-2.61 1.143-2.61 2.82 0 1.677 1.049 2.82 2.61 2.82s2.59-1.124 2.59-2.82ZM90.34 34.963c0-1.81 1.506-2.895 4.02-2.915l1.828-.019v-.304c0-1.106-.704-1.677-1.981-1.677-.838 0-1.581.323-2.095.915l-1.429-1.391c.82-1.01 2.133-1.562 3.752-1.562 2.514 0 4.114 1.371 4.114 3.562v3.733c0 .343.153.495.534.495h.172v1.847H98.15c-.895 0-1.506-.418-1.696-1.105h-.038c-.59.857-1.561 1.333-2.743 1.333-1.981 0-3.333-1.18-3.333-2.914v.002Zm5.848-.82v-.534l-1.561.02c-1.238.018-1.905.457-1.905 1.275 0 .724.571 1.238 1.37 1.238 1.239 0 2.096-.82 2.096-2v.001ZM103.312 28.24v1.275h.038c.476-.97 1.315-1.505 2.4-1.505 1.219 0 2.133.534 2.704 1.6.572-1.028 1.619-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.513-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211Z",
|
|
1228
|
+
fill: "#EC0000"
|
|
1374
1229
|
}), jsx("path", {
|
|
1375
1230
|
className: "ams-logo__emblem",
|
|
1376
|
-
|
|
1377
|
-
|
|
1231
|
+
d: "m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407Z",
|
|
1232
|
+
fill: "#EC0000"
|
|
1378
1233
|
})]
|
|
1379
1234
|
}));
|
|
1380
1235
|
});
|
|
1381
1236
|
LogoAmsterdam.displayName = 'LogoAmsterdam';
|
|
1382
1237
|
|
|
1383
|
-
function ownKeys$
|
|
1384
|
-
function _objectSpread$
|
|
1238
|
+
function ownKeys$11(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1239
|
+
function _objectSpread$11(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$11(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$11(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1385
1240
|
var LogoGgdAmsterdam = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
1386
|
-
return jsxs("svg", _objectSpread$
|
|
1387
|
-
className: "ams-logo",
|
|
1241
|
+
return jsxs("svg", _objectSpread$11(_objectSpread$11({
|
|
1388
1242
|
"aria-hidden": "true",
|
|
1243
|
+
className: "ams-logo",
|
|
1389
1244
|
focusable: "false",
|
|
1390
1245
|
ref: ref,
|
|
1391
1246
|
viewBox: "0 0 115 40",
|
|
@@ -1393,31 +1248,31 @@ var LogoGgdAmsterdam = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
1393
1248
|
}, props), {}, {
|
|
1394
1249
|
children: [jsx("path", {
|
|
1395
1250
|
className: "ams-logo__emblem",
|
|
1396
|
-
|
|
1397
|
-
|
|
1251
|
+
d: "m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407Z",
|
|
1252
|
+
fill: "#EC0000"
|
|
1398
1253
|
}), jsx("path", {
|
|
1399
1254
|
className: "ams-logo__text-primary",
|
|
1400
|
-
|
|
1401
|
-
|
|
1255
|
+
d: "m23.73 25.267 4.952 12.381h-2.647l-1.03-2.724H19.5l-1.028 2.724h-2.553l4.953-12.381h2.858Zm-3.486 7.6h4l-1.982-5.219h-.037l-1.981 5.22ZM32.454 28.24v1.275h.038c.476-.971 1.315-1.505 2.4-1.505 1.22 0 2.133.534 2.704 1.6.572-1.028 1.62-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211ZM48.34 33.706c-1.275-.381-2.513-1.067-2.513-2.78 0-1.715 1.447-2.916 3.6-2.916 1.448 0 2.572.514 3.2 1.466l-1.351 1.353c-.477-.59-1.124-.915-1.829-.915-.8 0-1.296.362-1.296.933 0 .762.8.895 1.963 1.257 1.276.381 2.514 1.067 2.514 2.781 0 1.715-1.524 2.99-3.772 2.99-1.466 0-2.648-.514-3.334-1.486l1.353-1.352c.513.609 1.2.934 1.962.934.915 0 1.466-.381 1.466-1.01 0-.762-.8-.895-1.962-1.258v.003ZM55.122 34.277v-4.076h-1.62v-1.963h.858c.78 0 1.085-.304 1.085-1.085v-1.466h2.019v2.552h2.286v1.963h-2.286v4.076c0 .915.476 1.43 1.352 1.43.267 0 .59-.038.78-.096v1.981c-.285.076-.819.133-1.237.133-2.133 0-3.238-1.18-3.238-3.447v-.002ZM60.911 32.944c0-2.915 1.963-4.934 4.763-4.934s4.743 2 4.743 4.876c0 .228-.038.59-.077.839h-7.048c.172 1.275 1.257 2.133 2.648 2.133 1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.105-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.953h4.744c-.153-1.238-1.106-2.076-2.381-2.076-1.276 0-2.229.838-2.363 2.076ZM74.607 28.24V29.8h.038c.457-1.066 1.296-1.638 2.4-1.638.285 0 .685.038.838.095v2.248c-.267-.076-.78-.132-1.162-.132-1.2 0-1.98.914-1.98 2.323v4.953h-2.363v-9.41h2.23ZM78.551 32.983c0-2.915 1.924-4.972 4.648-4.972 1.257 0 2.286.553 2.934 1.562h.037V23.84h2.362v13.81h-2.228v-1.467h-.037c-.61 1.067-1.752 1.696-3.067 1.696-2.724 0-4.648-2.038-4.648-4.895l-.001-.001Zm7.62-.038c0-1.695-1.048-2.82-2.591-2.82-1.543 0-2.61 1.143-2.61 2.82 0 1.677 1.049 2.82 2.61 2.82s2.59-1.124 2.59-2.82ZM90.34 34.963c0-1.81 1.506-2.895 4.02-2.915l1.828-.019v-.304c0-1.106-.704-1.677-1.981-1.677-.838 0-1.581.323-2.095.915l-1.429-1.391c.82-1.01 2.133-1.562 3.752-1.562 2.514 0 4.114 1.371 4.114 3.562v3.733c0 .343.153.495.534.495h.172v1.847H98.15c-.895 0-1.506-.418-1.696-1.105h-.038c-.59.857-1.561 1.333-2.743 1.333-1.981 0-3.333-1.18-3.333-2.915v.003Zm5.848-.82v-.534l-1.561.02c-1.238.018-1.905.457-1.905 1.275 0 .724.571 1.238 1.37 1.238 1.239 0 2.096-.82 2.096-2v.001ZM103.312 28.24v1.275h.038c.476-.971 1.315-1.505 2.4-1.505 1.219 0 2.133.534 2.704 1.6.572-1.028 1.619-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.513-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211Z",
|
|
1256
|
+
fill: "#EC0000"
|
|
1402
1257
|
}), jsx("path", {
|
|
1403
1258
|
className: "ams-logo__text-secondary",
|
|
1404
|
-
|
|
1405
|
-
|
|
1259
|
+
d: "M16.436 8.581c0-3.752 2.629-6.4 6.343-6.4 1.886 0 3.466.61 4.59 1.829L25.732 5.57c-.705-.78-1.715-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.714 4.324 2 0 3.392-1.143 3.392-2.8v-.323h-2.99V7.705h5.505V9.63c0 3.162-2.458 5.39-5.982 5.39s-6.21-2.666-6.21-6.438ZM30.34 8.581c0-3.752 2.63-6.4 6.344-6.4 1.886 0 3.467.61 4.59 1.829L39.638 5.57c-.705-.78-1.715-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.715 4.324 2 0 3.39-1.143 3.39-2.8v-.323h-2.99V7.705h5.506V9.63c0 3.162-2.458 5.39-5.982 5.39s-6.21-2.666-6.21-6.438ZM44.836 2.41h4.61c3.809 0 6.343 2.476 6.343 6.19 0 3.714-2.59 6.19-6.363 6.19h-4.59V2.41Zm4.419 10.229c2.38 0 3.942-1.543 3.942-4.02 0-2.475-1.524-4.057-3.923-4.057H47.35v8.077h1.905Z",
|
|
1260
|
+
fill: "#000"
|
|
1406
1261
|
})]
|
|
1407
1262
|
}));
|
|
1408
1263
|
});
|
|
1409
1264
|
LogoGgdAmsterdam.displayName = 'LogoGgdAmsterdam';
|
|
1410
1265
|
|
|
1411
|
-
function ownKeys$
|
|
1412
|
-
function _objectSpread$
|
|
1266
|
+
function ownKeys$10(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1267
|
+
function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1413
1268
|
var LogoMuseumWeesp = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
1414
|
-
return jsxs("svg", _objectSpread$
|
|
1415
|
-
className: "ams-logo",
|
|
1269
|
+
return jsxs("svg", _objectSpread$10(_objectSpread$10({
|
|
1416
1270
|
"aria-hidden": "true",
|
|
1271
|
+
className: "ams-logo",
|
|
1272
|
+
fill: "none",
|
|
1417
1273
|
focusable: "false",
|
|
1418
1274
|
ref: ref,
|
|
1419
1275
|
viewBox: "0 0 121 42",
|
|
1420
|
-
fill: "none",
|
|
1421
1276
|
xmlns: "http://www.w3.org/2000/svg"
|
|
1422
1277
|
}, props), {}, {
|
|
1423
1278
|
children: [jsx("path", {
|
|
@@ -1445,12 +1300,12 @@ var LogoMuseumWeesp = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
1445
1300
|
});
|
|
1446
1301
|
LogoMuseumWeesp.displayName = 'LogoMuseumWeesp';
|
|
1447
1302
|
|
|
1448
|
-
function ownKeys
|
|
1449
|
-
function _objectSpread
|
|
1303
|
+
function ownKeys$$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1304
|
+
function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$$(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1450
1305
|
var LogoStadsarchief = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
1451
|
-
return jsxs("svg", _objectSpread
|
|
1452
|
-
className: "ams-logo",
|
|
1306
|
+
return jsxs("svg", _objectSpread$$(_objectSpread$$({
|
|
1453
1307
|
"aria-hidden": "true",
|
|
1308
|
+
className: "ams-logo",
|
|
1454
1309
|
focusable: "false",
|
|
1455
1310
|
ref: ref,
|
|
1456
1311
|
viewBox: "0 0 98 40",
|
|
@@ -1458,27 +1313,27 @@ var LogoStadsarchief = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
1458
1313
|
}, props), {}, {
|
|
1459
1314
|
children: [jsx("path", {
|
|
1460
1315
|
className: "ams-logo__emblem",
|
|
1461
|
-
|
|
1462
|
-
|
|
1316
|
+
d: "m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54Z",
|
|
1317
|
+
fill: "#EC0000"
|
|
1463
1318
|
}), jsx("path", {
|
|
1464
1319
|
className: "ams-logo__text-primary",
|
|
1465
|
-
|
|
1466
|
-
|
|
1320
|
+
d: "M20.937 15.334h2.17l3.76 9.4h-2.011l-.78-2.068h-4.18l-.782 2.068h-1.937l3.76-9.4Zm-.477 5.77h3.037l-1.504-3.962h-.03l-1.503 3.963ZM28.052 17.59h1.678v.969h.03c.36-.737.997-1.143 1.822-1.143.925 0 1.62.405 2.054 1.215.434-.781 1.228-1.215 2.24-1.215 1.766 0 2.618.983 2.618 2.994v4.324h-1.793v-4.02c0-1.17-.404-1.735-1.244-1.735s-1.287.622-1.287 1.793v3.962h-1.794v-4.02c0-1.186-.39-1.735-1.243-1.735-.854 0-1.288.636-1.288 1.793v3.962h-1.793V17.59ZM41.791 21.74c-.969-.288-1.91-.81-1.91-2.111 0-1.302 1.1-2.213 2.734-2.213 1.1 0 1.952.39 2.43 1.114l-1.027 1.026c-.362-.448-.853-.694-1.388-.694-.608 0-.983.276-.983.71 0 .578.608.679 1.49.954.968.29 1.909.81 1.909 2.112 0 1.301-1.157 2.27-2.863 2.27-1.114 0-2.01-.39-2.532-1.127l1.027-1.027c.39.464.911.71 1.49.71.693 0 1.113-.29 1.113-.767 0-.579-.608-.68-1.49-.955v-.001ZM46.94 22.175V19.08h-1.23v-1.49h.652c.592 0 .824-.232.824-.824v-1.114h1.533v1.938h1.736v1.49h-1.736v3.095c0 .693.361 1.085 1.027 1.085.202 0 .448-.03.592-.073v1.504a4.362 4.362 0 0 1-.94.101c-1.62 0-2.46-.897-2.46-2.617h.002ZM51.337 21.162c0-2.213 1.49-3.746 3.615-3.746 2.126 0 3.602 1.52 3.602 3.703 0 .174-.03.448-.058.636h-5.351c.13.969.955 1.62 2.01 1.62.781 0 1.46-.29 1.91-.81l1.084 1.056c-.651.838-1.779 1.287-3.08 1.287-2.2 0-3.731-1.547-3.731-3.746h-.002Zm1.808-.723h3.601c-.115-.94-.838-1.577-1.808-1.577-.97 0-1.692.637-1.793 1.577ZM60.042 17.59h1.692v1.186h.03c.346-.81.983-1.244 1.822-1.244.218 0 .521.03.636.072v1.706a3.906 3.906 0 0 0-.882-.1c-.91 0-1.504.693-1.504 1.764v3.76h-1.793V17.59ZM64.729 21.192c0-2.213 1.46-3.775 3.529-3.775.954 0 1.735.42 2.227 1.187h.029V14.25h1.793v10.486h-1.692v-1.114h-.03c-.462.81-1.33 1.288-2.327 1.288-2.069 0-3.529-1.548-3.529-3.717v-.002Zm5.785-.03c0-1.287-.796-2.14-1.967-2.14s-1.981.868-1.981 2.14c0 1.273.796 2.14 1.98 2.14 1.186 0 1.968-.853 1.968-2.14ZM73.68 22.695c0-1.374 1.143-2.198 3.052-2.212l1.388-.015v-.231c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.59.693l-1.084-1.056c.622-.766 1.62-1.186 2.849-1.186 1.908 0 3.124 1.042 3.124 2.704v2.835c0 .26.115.377.404.377h.13v1.402h-.838c-.68 0-1.143-.318-1.287-.838h-.03c-.448.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.213h-.002Zm4.44-.622v-.404l-1.185.014c-.94.014-1.446.347-1.446.969 0 .55.434.94 1.042.94.94 0 1.59-.621 1.59-1.518ZM81.851 17.59h1.678v.969h.03c.362-.737.998-1.143 1.822-1.143.925 0 1.62.405 2.054 1.215.434-.781 1.229-1.215 2.241-1.215 1.765 0 2.618.983 2.618 2.994v4.324H90.5v-4.02c0-1.17-.405-1.735-1.245-1.735-.84 0-1.287.622-1.287 1.793v3.962h-1.793v-4.02c0-1.186-.39-1.735-1.244-1.735s-1.288.636-1.288 1.793v3.962h-1.793V17.59ZM17.575 5.857c0-2.85 1.996-4.86 4.817-4.86 1.432 0 2.632.463 3.485 1.389l-1.244 1.186c-.535-.593-1.302-.94-2.213-.94-1.706 0-2.893 1.33-2.893 3.225 0 1.894 1.157 3.283 2.821 3.283 1.52 0 2.574-.868 2.574-2.126v-.246h-2.27V5.191h4.18v1.46c0 2.402-1.867 4.094-4.542 4.094s-4.715-2.025-4.715-4.888ZM28.047 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636h-5.351c.13.97.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81l1.085 1.056c-.651.839-1.779 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746h-.002Zm1.809-.724h3.601c-.115-.94-.838-1.576-1.808-1.576-.97 0-1.692.636-1.793 1.576ZM36.753 3.426h1.678v.97h.03c.361-.738.997-1.144 1.822-1.144.925 0 1.62.405 2.054 1.215.434-.78 1.23-1.215 2.24-1.215 1.766 0 2.618.983 2.618 2.994v4.324h-1.793V6.55c0-1.17-.404-1.735-1.244-1.735s-1.287.622-1.287 1.793v3.962h-1.794V6.55c0-1.186-.39-1.735-1.243-1.735-.854 0-1.288.636-1.288 1.793v3.962h-1.793V3.426ZM48.612 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636H50.42c.131.97.955 1.62 2.011 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746Zm1.808-.724h3.602c-.115-.94-.838-1.576-1.807-1.576s-1.692.636-1.793 1.576h-.002ZM56.87 7c0-2.213 1.49-3.747 3.616-3.747 2.125 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.058.636h-5.35c.13.97.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.081 1.288-2.199 0-3.731-1.548-3.731-3.746h-.001Zm1.808-.724h3.602c-.115-.94-.839-1.576-1.809-1.576s-1.692.636-1.793 1.576ZM65.577 3.426h1.692v.97h.03c.332-.71 1.055-1.144 1.893-1.144 1.794 0 2.719 1.027 2.719 2.994v4.324h-1.793V6.594c0-1.215-.434-1.78-1.345-1.78-.912 0-1.403.637-1.403 1.823v3.935h-1.793V3.426ZM74.21 8.012V4.917h-1.23v-1.49h.652c.593 0 .825-.231.825-.824V1.49h1.533v1.937h1.735v1.49H75.99v3.095c0 .694.36 1.085 1.026 1.085.203 0 .448-.03.593-.073v1.504a4.356 4.356 0 0 1-.94.101c-1.621 0-2.46-.897-2.46-2.617l.002.001ZM78.607 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636h-5.352c.131.97.955 1.62 2.011 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746Zm1.808-.724h3.602c-.115-.94-.838-1.576-1.808-1.576-.97 0-1.692.636-1.794 1.576Z",
|
|
1321
|
+
fill: "#EC0000"
|
|
1467
1322
|
}), jsx("path", {
|
|
1468
1323
|
className: "ams-logo__text-secondary",
|
|
1469
|
-
|
|
1470
|
-
|
|
1324
|
+
d: "m17.335 37.353 1.302-1.084a2.07 2.07 0 0 0 1.779.983c.868 0 1.46-.463 1.46-1.143 0-.766-.636-1.042-1.866-1.49-1.143-.42-2.343-1.012-2.343-2.747 0-1.62 1.316-2.734 3.24-2.734 1.3 0 2.327.52 2.906 1.446L22.51 31.67c-.39-.578-.954-.897-1.62-.897-.78 0-1.302.42-1.302 1.042 0 .767.637 1.042 1.866 1.49 1.143.42 2.344 1.012 2.344 2.748 0 1.735-1.375 2.834-3.4 2.834-1.374 0-2.458-.549-3.066-1.533h.002ZM25.738 36.153v-3.095h-1.23v-1.49h.65c.593 0 .824-.231.824-.824v-1.113h1.534v1.937h1.735v1.49h-1.735v3.095c0 .693.362 1.085 1.026 1.085.202 0 .448-.03.593-.073v1.504a4.37 4.37 0 0 1-.941.101c-1.62 0-2.459-.897-2.459-2.617h.003ZM30.134 36.674c0-1.375 1.143-2.2 3.051-2.213l1.389-.014v-.232c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.59.694l-1.085-1.056c.622-.767 1.62-1.187 2.85-1.187 1.909 0 3.123 1.042 3.123 2.705v2.835c0 .26.115.376.405.376h.13v1.402h-.838c-.68 0-1.143-.318-1.288-.838h-.029c-.448.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.212h-.002Zm4.44-.622v-.405l-1.186.014c-.941.014-1.447.347-1.447.97 0 .548.434.94 1.042.94.94 0 1.591-.622 1.591-1.52ZM37.813 35.17c0-2.213 1.46-3.775 3.529-3.775.955 0 1.735.42 2.227 1.187h.03v-4.353h1.792v10.486H43.7V37.6h-.029c-.463.81-1.331 1.288-2.328 1.288-2.068 0-3.529-1.547-3.529-3.717v-.002Zm5.785-.03c0-1.287-.796-2.14-1.967-2.14-1.17 0-1.981.868-1.981 2.14 0 1.273.796 2.14 1.981 2.14s1.967-.853 1.967-2.14ZM48.763 35.719c-.97-.29-1.91-.81-1.91-2.112 0-1.301 1.1-2.213 2.734-2.213 1.1 0 1.952.39 2.429 1.114l-1.026 1.026c-.363-.448-.854-.694-1.39-.694-.607 0-.982.276-.982.71 0 .578.608.68 1.49.954.969.29 1.91.81 1.91 2.112s-1.158 2.27-2.864 2.27c-1.113 0-2.01-.39-2.532-1.127l1.027-1.027c.39.464.911.71 1.49.71.694 0 1.113-.29 1.113-.767 0-.579-.608-.68-1.49-.955v-.001ZM52.97 36.674c0-1.375 1.144-2.2 3.052-2.213l1.389-.014v-.232c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.591.694l-1.084-1.056c.622-.767 1.62-1.187 2.849-1.187 1.91 0 3.124 1.042 3.124 2.705v2.835c0 .26.115.376.404.376h.13v1.402h-.837c-.68 0-1.143-.318-1.288-.838h-.03c-.447.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.212h-.001Zm4.44-.622v-.405l-1.186.014c-.94.014-1.446.347-1.446.97 0 .548.434.94 1.042.94.94 0 1.59-.622 1.59-1.52ZM61.142 31.568h1.691v1.187h.03c.347-.81.983-1.244 1.822-1.244.218 0 .521.029.636.073v1.706a3.907 3.907 0 0 0-.881-.102c-.912 0-1.504.694-1.504 1.765v3.76h-1.793V31.57h-.002ZM65.827 35.14c0-2.227 1.49-3.746 3.689-3.746 1.085 0 2.038.405 2.646 1.128l-1.2 1.127c-.362-.404-.868-.622-1.446-.622-1.1 0-1.851.868-1.851 2.112 0 1.244.752 2.112 1.85 2.112.58 0 1.086-.218 1.476-.636l1.187 1.127c-.636.738-1.577 1.143-2.647 1.143-2.199 0-3.703-1.519-3.703-3.746v.001ZM73.492 28.228h1.793v4.15h.03c.42-.636 1.041-.983 1.793-.983 1.793 0 2.718 1.027 2.718 2.994v4.325h-1.793v-3.978c0-1.215-.434-1.78-1.345-1.78s-1.403.637-1.403 1.823v3.935h-1.793V28.228ZM82.56 30.657c-.622 0-1.07-.434-1.07-1.042 0-.608.448-1.042 1.07-1.042.622 0 1.07.434 1.07 1.042 0 .608-.448 1.042-1.07 1.042Zm-.897.911h1.793v7.144h-1.793v-7.144ZM84.947 35.14c0-2.212 1.49-3.746 3.616-3.746 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.058.636h-5.35c.13.969.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81L91.76 37.6c-.652.838-1.78 1.288-3.081 1.288-2.199 0-3.73-1.548-3.73-3.747h-.002Zm1.808-.723h3.602c-.115-.94-.838-1.577-1.808-1.577-.97 0-1.693.637-1.794 1.577ZM92.886 33.058v-1.49h1.215v-.925c0-1.634.969-2.59 2.632-2.59.203 0 .506.03.666.058v1.548a2.82 2.82 0 0 0-.622-.072c-.565 0-.882.376-.882 1.056v.925h1.736v1.49h-1.736v5.654h-1.793v-5.654h-1.216Z",
|
|
1325
|
+
fill: "#000"
|
|
1471
1326
|
})]
|
|
1472
1327
|
}));
|
|
1473
1328
|
});
|
|
1474
1329
|
LogoStadsarchief.displayName = 'LogoStadsarchief';
|
|
1475
1330
|
|
|
1476
|
-
function ownKeys$
|
|
1477
|
-
function _objectSpread$
|
|
1331
|
+
function ownKeys$_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1332
|
+
function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1478
1333
|
var LogoStadsbankVanLening = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
1479
|
-
return jsxs("svg", _objectSpread$
|
|
1480
|
-
className: "ams-logo",
|
|
1334
|
+
return jsxs("svg", _objectSpread$_(_objectSpread$_({
|
|
1481
1335
|
"aria-hidden": "true",
|
|
1336
|
+
className: "ams-logo",
|
|
1482
1337
|
focusable: "false",
|
|
1483
1338
|
ref: ref,
|
|
1484
1339
|
viewBox: "0 0 159 42",
|
|
@@ -1486,27 +1341,27 @@ var LogoStadsbankVanLening = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
1486
1341
|
}, props), {}, {
|
|
1487
1342
|
children: [jsx("path", {
|
|
1488
1343
|
className: "ams-logo__emblem",
|
|
1489
|
-
|
|
1490
|
-
|
|
1344
|
+
d: "m0 37.65 3.53-3.53L0 30.59l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53L9.41 40l-3.53-3.53L2.35 40 0 37.65ZM0 9.41l3.53-3.53L0 2.35 2.35 0l3.53 3.53L9.41 0l2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 9.41ZM0 23.54l3.53-3.53L0 16.48l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 23.54Z",
|
|
1345
|
+
fill: "#EC0000"
|
|
1491
1346
|
}), jsx("path", {
|
|
1492
1347
|
className: "ams-logo__text-secondary",
|
|
1493
|
-
|
|
1494
|
-
|
|
1348
|
+
d: "m17.34 37.35 1.3-1.08c.4.64 1.06.98 1.78.98.87 0 1.46-.46 1.46-1.14 0-.77-.64-1.04-1.87-1.49-1.14-.42-2.34-1.01-2.34-2.75 0-1.62 1.32-2.73 3.24-2.73 1.3 0 2.33.52 2.91 1.45l-1.3 1.08c-.39-.58-.95-.9-1.62-.9-.78 0-1.3.42-1.3 1.04 0 .77.64 1.04 1.87 1.49 1.14.42 2.34 1.01 2.34 2.75s-1.37 2.83-3.4 2.83c-1.37 0-2.46-.55-3.07-1.53ZM25.74 36.15v-3.1h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.1c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM30.13 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM37.81 35.17c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79v10.49H43.7v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM48.76 35.72c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM55.18 37.6h-.03v1.11h-1.71V28.22h1.79v4.35h.03c.52-.77 1.3-1.19 2.26-1.19 2.04 0 3.5 1.56 3.5 3.75s-1.46 3.75-3.5 3.75c-1 0-1.82-.46-2.34-1.29v.01Zm4.01-2.46c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.81 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM61.95 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4H65.2c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM70.12 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM80.09 38.71H78.3V28.22h1.79v6.57h.03l2.66-3.23h2.17l-2.76 3.17 2.89 3.98h-2.17l-1.98-2.81-.84.97v1.84ZM88.97 31.57h1.95l1.66 5.15h.03l1.71-5.15h1.91l-2.69 7.14h-1.92l-2.65-7.14ZM96.6 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM104.77 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14l-.01.01ZM116.65 29.31h1.91v7.78h3.49v1.62h-5.39v-9.4h-.01ZM122.87 35.14c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM131.57 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM140.64 30.66c-.62 0-1.07-.43-1.07-1.04 0-.61.45-1.04 1.07-1.04.62 0 1.07.43 1.07 1.04 0 .61-.45 1.04-1.07 1.04Zm-.9.91h1.79v7.14h-1.79v-7.14ZM143.47 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM151.54 40.42l1.16-1.13c.39.45 1.1.72 1.87.72 1.3 0 2.02-.59 2.02-1.63v-1.1h-.03c-.4.75-1.16 1.17-2.1 1.17-2.01 0-3.34-1.42-3.34-3.53s1.37-3.51 3.34-3.51c1.01 0 1.81.45 2.2 1.21h.03v-1.06h1.69v6.88c0 1.91-1.46 3.11-3.79 3.11-1.33 0-2.43-.42-3.05-1.14v.01Zm5.06-5.5c0-1.19-.74-2.01-1.82-2.01s-1.82.82-1.82 2.01.75 2 1.82 2 1.82-.82 1.82-2Z",
|
|
1349
|
+
fill: "#000"
|
|
1495
1350
|
}), jsx("path", {
|
|
1496
1351
|
className: "ams-logo__text-primary",
|
|
1497
|
-
|
|
1498
|
-
|
|
1352
|
+
d: "M20.94 15.33h2.17l3.76 9.4h-2.01l-.78-2.07H19.9l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04L22 17.14h-.03l-1.5 3.96h-.01ZM28.05 17.59h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H36.7v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V20.7c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM41.79 21.74c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM46.94 22.17v-3.09h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM51.34 21.16c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM60.04 17.59h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79V17.6l-.01-.01ZM64.73 21.19c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79v10.49h-1.69v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM73.68 22.7c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM81.85 17.59h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H90.5v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V20.7c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM17.58 5.86c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27V5.19h4.18v1.46c0 2.4-1.87 4.09-4.54 4.09S17.6 8.72 17.6 5.85l-.02.01ZM28.05 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM36.75 3.43h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H45.4V6.55c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V6.55c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79V3.43h-.01ZM48.61 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM56.87 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM65.58 3.43h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79V6.59c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79V3.43h-.01ZM74.21 8.01v-3.1h-1.23V3.42h.65c.59 0 .82-.23.82-.82V1.49h1.53v1.94h1.74v1.49h-1.74v3.1c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM78.61 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58Z",
|
|
1353
|
+
fill: "#EC0000"
|
|
1499
1354
|
})]
|
|
1500
1355
|
}));
|
|
1501
1356
|
});
|
|
1502
1357
|
LogoStadsbankVanLening.displayName = 'LogoStadsbankVanLening';
|
|
1503
1358
|
|
|
1504
|
-
function ownKeys$
|
|
1505
|
-
function _objectSpread$
|
|
1359
|
+
function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1360
|
+
function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1506
1361
|
var LogoVgaVerzekeringen = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
1507
|
-
return jsxs("svg", _objectSpread$
|
|
1508
|
-
className: "ams-logo",
|
|
1362
|
+
return jsxs("svg", _objectSpread$Z(_objectSpread$Z({
|
|
1509
1363
|
"aria-hidden": "true",
|
|
1364
|
+
className: "ams-logo",
|
|
1510
1365
|
focusable: "false",
|
|
1511
1366
|
ref: ref,
|
|
1512
1367
|
viewBox: "0 0 145 43",
|
|
@@ -1514,24 +1369,24 @@ var LogoVgaVerzekeringen = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
1514
1369
|
}, props), {}, {
|
|
1515
1370
|
children: [jsx("path", {
|
|
1516
1371
|
className: "ams-logo__emblem",
|
|
1517
|
-
|
|
1518
|
-
|
|
1372
|
+
d: "m0 38.2 3.53-3.53L0 31.14l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 38.2ZM0 9.96l3.53-3.53L0 2.9 2.35.55l3.53 3.53L9.41.55l2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 9.96ZM0 24.09l3.53-3.53L0 17.03l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 24.09Z",
|
|
1373
|
+
fill: "#EC0000"
|
|
1519
1374
|
}), jsx("path", {
|
|
1520
1375
|
className: "ams-logo__text-secondary",
|
|
1521
|
-
|
|
1522
|
-
|
|
1376
|
+
d: "M17.13 29.86h2.07l2.39 7.22h.03l2.42-7.22h1.98l-3.36 9.4h-2.17l-3.36-9.4ZM26.5 34.55c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27v-1.58h4.18v1.46c0 2.4-1.87 4.09-4.54 4.09s-4.71-2.02-4.71-4.89l-.02.01ZM40.43 29.86h2.17l3.76 9.4h-2.01l-.78-2.07h-4.18l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04l-1.5-3.96h-.03l-1.5 3.96h-.01ZM50.38 29.86h2.07l2.39 7.22h.03l2.42-7.22h1.98l-3.36 9.4h-2.17l-3.36-9.4ZM59.42 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM68.13 32.12h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM73.01 38.06l3.4-4.45h-3.3v-1.49h5.73v1.2l-3.4 4.45h3.5v1.49h-5.93v-1.2ZM79.88 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM90.38 39.26h-1.79V28.77h1.79v6.57h.03l2.66-3.23h2.17l-2.76 3.17 2.89 3.98H93.2l-1.98-2.81-.84.97v1.84ZM95.68 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM104.38 32.12h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM110.65 31.21c-.62 0-1.07-.43-1.07-1.04 0-.61.45-1.04 1.07-1.04.62 0 1.07.43 1.07 1.04 0 .61-.45 1.04-1.07 1.04Zm-.9.91h1.79v7.14h-1.79v-7.14ZM113.48 32.12h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM121.55 40.97l1.16-1.13c.39.45 1.1.72 1.87.72 1.3 0 2.02-.59 2.02-1.63v-1.1h-.03c-.4.75-1.16 1.17-2.1 1.17-2.01 0-3.34-1.42-3.34-3.53s1.37-3.51 3.34-3.51c1.01 0 1.81.45 2.2 1.21h.03v-1.06h1.69v6.88c0 1.91-1.46 3.11-3.79 3.11-1.33 0-2.43-.42-3.05-1.14v.01Zm5.06-5.5c0-1.19-.74-2.01-1.82-2.01s-1.82.82-1.82 2.01.75 2 1.82 2 1.82-.82 1.82-2ZM129.88 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM138.59 32.12h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01Z",
|
|
1377
|
+
fill: "#000"
|
|
1523
1378
|
}), jsx("path", {
|
|
1524
1379
|
className: "ams-logo__text-primary",
|
|
1525
|
-
|
|
1526
|
-
|
|
1380
|
+
d: "M20.94 15.88h2.17l3.76 9.4h-2.01l-.78-2.07H19.9l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04L22 17.69h-.03l-1.5 3.96h-.01ZM28.05 18.14h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H36.7v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79v-4.02c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM41.79 22.29c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM46.94 22.72v-3.09h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM51.34 21.71c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM60.04 18.14h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM64.73 21.74c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79V25.3h-1.69v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM73.68 23.25c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM81.85 18.14h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H90.5v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79v-4.02c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM17.58 6.41c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27V5.74h4.18V7.2c0 2.4-1.87 4.09-4.54 4.09S17.6 9.27 17.6 6.4l-.02.01ZM28.05 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM36.75 3.98h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H45.4V7.1c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V7.1c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79V3.98h-.01ZM48.61 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM56.87 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM65.58 3.98h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79V7.14c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79V3.98h-.01ZM74.21 8.56V5.47h-1.23V3.98h.65c.59 0 .82-.23.82-.82V2.04h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62l.01.01ZM78.61 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58Z",
|
|
1381
|
+
fill: "#EC0000"
|
|
1527
1382
|
})]
|
|
1528
1383
|
}));
|
|
1529
1384
|
});
|
|
1530
1385
|
LogoVgaVerzekeringen.displayName = 'LogoVgaVerzekeringen';
|
|
1531
1386
|
|
|
1532
|
-
var _excluded$
|
|
1533
|
-
function ownKeys$
|
|
1534
|
-
function _objectSpread$
|
|
1387
|
+
var _excluded$W = ["brand", "className"];
|
|
1388
|
+
function ownKeys$Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1389
|
+
function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1535
1390
|
var logoConfig = {
|
|
1536
1391
|
amsterdam: LogoAmsterdam,
|
|
1537
1392
|
'ggd-amsterdam': LogoGgdAmsterdam,
|
|
@@ -1542,25 +1397,25 @@ var logoConfig = {
|
|
|
1542
1397
|
};
|
|
1543
1398
|
var Logo = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1544
1399
|
var _ref$brand = _ref.brand,
|
|
1545
|
-
brand = _ref$brand ===
|
|
1400
|
+
brand = _ref$brand === void 0 ? 'amsterdam' : _ref$brand,
|
|
1546
1401
|
className = _ref.className,
|
|
1547
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1402
|
+
restProps = _objectWithoutProperties(_ref, _excluded$W);
|
|
1548
1403
|
var LogoComponent = logoConfig[brand];
|
|
1549
|
-
return jsx(LogoComponent, _objectSpread$
|
|
1550
|
-
|
|
1551
|
-
|
|
1404
|
+
return jsx(LogoComponent, _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
|
|
1405
|
+
className: clsx('ams-logo', className),
|
|
1406
|
+
ref: ref
|
|
1552
1407
|
}));
|
|
1553
1408
|
});
|
|
1554
1409
|
Logo.displayName = 'Logo';
|
|
1555
1410
|
|
|
1556
|
-
var _excluded$
|
|
1557
|
-
function ownKeys$
|
|
1558
|
-
function _objectSpread$
|
|
1411
|
+
var _excluded$V = ["children", "className"];
|
|
1412
|
+
function ownKeys$X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1413
|
+
function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1559
1414
|
var HeaderGridCellNarrowWindowOnly = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1560
1415
|
var children = _ref.children,
|
|
1561
1416
|
className = _ref.className,
|
|
1562
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1563
|
-
return jsx(Grid.Cell, _objectSpread$
|
|
1417
|
+
restProps = _objectWithoutProperties(_ref, _excluded$V);
|
|
1418
|
+
return jsx(Grid.Cell, _objectSpread$X(_objectSpread$X({}, restProps), {}, {
|
|
1564
1419
|
className: clsx('ams-header__grid-cell-narrow-window-only', className),
|
|
1565
1420
|
ref: ref,
|
|
1566
1421
|
children: children
|
|
@@ -1568,48 +1423,48 @@ var HeaderGridCellNarrowWindowOnly = /*#__PURE__*/forwardRef(function (_ref, ref
|
|
|
1568
1423
|
});
|
|
1569
1424
|
HeaderGridCellNarrowWindowOnly.displayName = 'Header.GridCellNarrowWindowOnly';
|
|
1570
1425
|
|
|
1571
|
-
function ownKeys$
|
|
1572
|
-
function _objectSpread$
|
|
1426
|
+
function ownKeys$W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1427
|
+
function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1573
1428
|
var HeaderMenuIcon = function HeaderMenuIcon(props) {
|
|
1574
|
-
return jsxs("svg", _objectSpread$
|
|
1575
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
1576
|
-
viewBox: "0 0 24 24",
|
|
1429
|
+
return jsxs("svg", _objectSpread$W(_objectSpread$W({
|
|
1577
1430
|
"aria-hidden": "true",
|
|
1578
|
-
focusable: "false"
|
|
1431
|
+
focusable: "false",
|
|
1432
|
+
viewBox: "0 0 24 24",
|
|
1433
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1579
1434
|
}, props), {}, {
|
|
1580
1435
|
children: [jsx("line", {
|
|
1436
|
+
className: "ams-header__menu-icon-top",
|
|
1581
1437
|
x1: "0",
|
|
1582
1438
|
x2: "100%",
|
|
1583
1439
|
y1: "50%",
|
|
1584
|
-
y2: "50%"
|
|
1585
|
-
className: "ams-header__menu-icon-top"
|
|
1440
|
+
y2: "50%"
|
|
1586
1441
|
}), jsx("line", {
|
|
1442
|
+
className: "ams-header__menu-icon-middle",
|
|
1587
1443
|
x1: "0",
|
|
1588
1444
|
x2: "100%",
|
|
1589
1445
|
y1: "50%",
|
|
1590
|
-
y2: "50%"
|
|
1591
|
-
className: "ams-header__menu-icon-middle"
|
|
1446
|
+
y2: "50%"
|
|
1592
1447
|
}), jsx("line", {
|
|
1448
|
+
className: "ams-header__menu-icon-bottom",
|
|
1593
1449
|
x1: "0",
|
|
1594
1450
|
x2: "100%",
|
|
1595
1451
|
y1: "50%",
|
|
1596
|
-
y2: "50%"
|
|
1597
|
-
className: "ams-header__menu-icon-bottom"
|
|
1452
|
+
y2: "50%"
|
|
1598
1453
|
})]
|
|
1599
1454
|
}));
|
|
1600
1455
|
};
|
|
1601
1456
|
|
|
1602
|
-
var _excluded$
|
|
1603
|
-
function ownKeys$
|
|
1604
|
-
function _objectSpread$
|
|
1457
|
+
var _excluded$U = ["children", "className", "fixed"];
|
|
1458
|
+
function ownKeys$V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1459
|
+
function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1605
1460
|
var HeaderMenuLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1606
1461
|
var children = _ref.children,
|
|
1607
1462
|
className = _ref.className,
|
|
1608
1463
|
fixed = _ref.fixed,
|
|
1609
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1464
|
+
restProps = _objectWithoutProperties(_ref, _excluded$U);
|
|
1610
1465
|
return jsx("li", {
|
|
1611
1466
|
className: clsx('ams-header__menu-item', fixed && 'ams-header__menu-item--fixed'),
|
|
1612
|
-
children: jsx("a", _objectSpread$
|
|
1467
|
+
children: jsx("a", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
|
|
1613
1468
|
className: clsx('ams-header__menu-link', className),
|
|
1614
1469
|
ref: ref,
|
|
1615
1470
|
children: children
|
|
@@ -1648,81 +1503,85 @@ var useIsAfterBreakpoint = function useIsAfterBreakpoint(breakpoint) {
|
|
|
1648
1503
|
return matches;
|
|
1649
1504
|
};
|
|
1650
1505
|
|
|
1651
|
-
var _excluded$
|
|
1652
|
-
function ownKeys$
|
|
1653
|
-
function _objectSpread$
|
|
1654
|
-
var
|
|
1506
|
+
var _excluded$T = ["brandName", "children", "className", "logoBrand", "logoLink", "logoLinkTitle", "menuButtonText", "menuItems", "navigationLabel", "noMenuButtonOnWideWindow"];
|
|
1507
|
+
function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1508
|
+
function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1509
|
+
var LogoLinkContent = function LogoLinkContent(_ref) {
|
|
1655
1510
|
var brandName = _ref.brandName,
|
|
1656
|
-
|
|
1657
|
-
|
|
1658
|
-
|
|
1659
|
-
|
|
1660
|
-
|
|
1661
|
-
|
|
1662
|
-
|
|
1663
|
-
|
|
1664
|
-
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
|
|
1668
|
-
|
|
1669
|
-
|
|
1670
|
-
|
|
1511
|
+
logoBrand = _ref.logoBrand;
|
|
1512
|
+
return jsxs(Fragment, {
|
|
1513
|
+
children: [jsx("span", {
|
|
1514
|
+
className: clsx(logoBrand === 'amsterdam' && Boolean(brandName) && 'ams-header__logo-container'),
|
|
1515
|
+
children: jsx(Logo, {
|
|
1516
|
+
brand: logoBrand
|
|
1517
|
+
})
|
|
1518
|
+
}), brandName && jsx("span", {
|
|
1519
|
+
"aria-hidden": "true",
|
|
1520
|
+
className: "ams-header__brand-name",
|
|
1521
|
+
children: brandName
|
|
1522
|
+
})]
|
|
1523
|
+
});
|
|
1524
|
+
};
|
|
1525
|
+
var HeaderRoot = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
1526
|
+
var brandName = _ref2.brandName,
|
|
1527
|
+
children = _ref2.children,
|
|
1528
|
+
className = _ref2.className,
|
|
1529
|
+
_ref2$logoBrand = _ref2.logoBrand,
|
|
1530
|
+
logoBrand = _ref2$logoBrand === void 0 ? 'amsterdam' : _ref2$logoBrand,
|
|
1531
|
+
_ref2$logoLink = _ref2.logoLink,
|
|
1532
|
+
logoLink = _ref2$logoLink === void 0 ? '/' : _ref2$logoLink,
|
|
1533
|
+
_ref2$logoLinkTitle = _ref2.logoLinkTitle,
|
|
1534
|
+
logoLinkTitle = _ref2$logoLinkTitle === void 0 ? 'Ga naar de homepage' : _ref2$logoLinkTitle,
|
|
1535
|
+
_ref2$menuButtonText = _ref2.menuButtonText,
|
|
1536
|
+
menuButtonText = _ref2$menuButtonText === void 0 ? 'Menu' : _ref2$menuButtonText,
|
|
1537
|
+
menuItems = _ref2.menuItems,
|
|
1538
|
+
_ref2$navigationLabel = _ref2.navigationLabel,
|
|
1539
|
+
navigationLabel = _ref2$navigationLabel === void 0 ? 'Hoofdnavigatie' : _ref2$navigationLabel,
|
|
1540
|
+
noMenuButtonOnWideWindow = _ref2.noMenuButtonOnWideWindow,
|
|
1541
|
+
restProps = _objectWithoutProperties(_ref2, _excluded$T);
|
|
1671
1542
|
var _useState = useState(false),
|
|
1672
1543
|
_useState2 = _slicedToArray(_useState, 2),
|
|
1673
1544
|
open = _useState2[0],
|
|
1674
1545
|
setOpen = _useState2[1];
|
|
1675
|
-
var
|
|
1546
|
+
var hasMegaMenu = Boolean(children);
|
|
1547
|
+
var isWideWindow = hasMegaMenu && useIsAfterBreakpoint('wide');
|
|
1676
1548
|
useEffect(function () {
|
|
1677
1549
|
// Close the menu when the menu button disappears
|
|
1678
1550
|
if (noMenuButtonOnWideWindow && isWideWindow) {
|
|
1679
1551
|
setOpen(false);
|
|
1680
1552
|
}
|
|
1681
1553
|
}, [isWideWindow]);
|
|
1682
|
-
return jsxs("header", _objectSpread$
|
|
1683
|
-
ref: ref,
|
|
1554
|
+
return jsxs("header", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
|
|
1684
1555
|
className: clsx('ams-header', className),
|
|
1685
|
-
|
|
1686
|
-
|
|
1687
|
-
|
|
1688
|
-
|
|
1689
|
-
|
|
1690
|
-
|
|
1691
|
-
|
|
1692
|
-
|
|
1693
|
-
|
|
1694
|
-
|
|
1695
|
-
})]
|
|
1696
|
-
}), brandName && jsx(Heading, {
|
|
1697
|
-
level: 1,
|
|
1698
|
-
size: "level-5",
|
|
1699
|
-
className: "ams-header__brand-name",
|
|
1700
|
-
children: brandName
|
|
1556
|
+
ref: ref,
|
|
1557
|
+
children: [jsxs("a", {
|
|
1558
|
+
className: "ams-header__logo-link",
|
|
1559
|
+
href: logoLink,
|
|
1560
|
+
children: [jsx("span", {
|
|
1561
|
+
className: "ams-visually-hidden",
|
|
1562
|
+
children: logoLinkTitle
|
|
1563
|
+
}), jsx(LogoLinkContent, {
|
|
1564
|
+
brandName: brandName,
|
|
1565
|
+
logoBrand: logoBrand
|
|
1701
1566
|
})]
|
|
1702
|
-
}), (
|
|
1703
|
-
className: "ams-header__navigation",
|
|
1567
|
+
}), (hasMegaMenu || menuItems) && jsxs("nav", {
|
|
1704
1568
|
"aria-labelledby": "primary-navigation",
|
|
1569
|
+
className: "ams-header__navigation",
|
|
1705
1570
|
children: [jsx("h2", {
|
|
1706
|
-
id: "primary-navigation",
|
|
1707
1571
|
className: "ams-visually-hidden",
|
|
1572
|
+
id: "primary-navigation",
|
|
1708
1573
|
children: navigationLabel
|
|
1709
|
-
}),
|
|
1710
|
-
className: "ams-
|
|
1711
|
-
|
|
1712
|
-
|
|
1713
|
-
|
|
1714
|
-
|
|
1715
|
-
brand: logoBrand
|
|
1716
|
-
})
|
|
1717
|
-
}), brandName && jsx("span", {
|
|
1718
|
-
className: "ams-heading ams-heading--level-5 ams-header__brand-name",
|
|
1719
|
-
children: brandName
|
|
1720
|
-
})]
|
|
1574
|
+
}), jsx("div", {
|
|
1575
|
+
className: "ams-header__logo-link ams-header__logo-link--hidden",
|
|
1576
|
+
children: jsx(LogoLinkContent, {
|
|
1577
|
+
brandName: brandName,
|
|
1578
|
+
logoBrand: logoBrand
|
|
1579
|
+
})
|
|
1721
1580
|
}), jsxs("ul", {
|
|
1722
1581
|
className: "ams-header__menu",
|
|
1723
|
-
children: [menuItems,
|
|
1582
|
+
children: [menuItems, hasMegaMenu && jsx("li", {
|
|
1724
1583
|
className: clsx(noMenuButtonOnWideWindow && 'ams-header__mega-menu-button-item--hide-on-wide-window'),
|
|
1725
|
-
children: jsxs("button", _objectSpread$
|
|
1584
|
+
children: jsxs("button", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
|
|
1726
1585
|
"aria-controls": "ams-mega-menu",
|
|
1727
1586
|
"aria-expanded": open,
|
|
1728
1587
|
className: "ams-header__mega-menu-button",
|
|
@@ -1740,12 +1599,11 @@ var HeaderRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1740
1599
|
}), jsx(Icon, {
|
|
1741
1600
|
svg: jsx(HeaderMenuIcon, {
|
|
1742
1601
|
className: clsx('ams-header__menu-icon', open && 'ams-header__menu-icon--open')
|
|
1743
|
-
})
|
|
1744
|
-
size: "level-5"
|
|
1602
|
+
})
|
|
1745
1603
|
})]
|
|
1746
1604
|
}))
|
|
1747
1605
|
})]
|
|
1748
|
-
}),
|
|
1606
|
+
}), hasMegaMenu && jsx("div", {
|
|
1749
1607
|
className: clsx('ams-header__mega-menu', !open && 'ams-header__mega-menu--closed'),
|
|
1750
1608
|
id: "ams-mega-menu",
|
|
1751
1609
|
children: children
|
|
@@ -1759,53 +1617,71 @@ var Header = Object.assign(HeaderRoot, {
|
|
|
1759
1617
|
MenuLink: HeaderMenuLink
|
|
1760
1618
|
});
|
|
1761
1619
|
|
|
1620
|
+
var generateAspectRatioClass = function generateAspectRatioClass(aspectRatio) {
|
|
1621
|
+
return aspectRatio && "ams-aspect-ratio-".concat(aspectRatio.replace(':', '-'));
|
|
1622
|
+
};
|
|
1623
|
+
|
|
1624
|
+
var _excluded$S = ["aspectRatio", "className"];
|
|
1625
|
+
function ownKeys$T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1626
|
+
function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1627
|
+
var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1628
|
+
var aspectRatio = _ref.aspectRatio,
|
|
1629
|
+
className = _ref.className,
|
|
1630
|
+
restProps = _objectWithoutProperties(_ref, _excluded$S);
|
|
1631
|
+
return jsx("img", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
|
|
1632
|
+
className: clsx('ams-image', generateAspectRatioClass(aspectRatio), className),
|
|
1633
|
+
ref: ref
|
|
1634
|
+
}));
|
|
1635
|
+
});
|
|
1636
|
+
Image.displayName = 'Image';
|
|
1637
|
+
|
|
1762
1638
|
/**
|
|
1763
1639
|
* @license EUPL-1.2+
|
|
1764
1640
|
* Copyright Gemeente Amsterdam
|
|
1765
1641
|
*/
|
|
1766
1642
|
var defaultValues$1 = {
|
|
1767
1643
|
currentSlideId: 0,
|
|
1768
|
-
isAtStart: true,
|
|
1769
|
-
isAtEnd: false,
|
|
1770
1644
|
goToNextSlide: function goToNextSlide() {},
|
|
1771
1645
|
goToPreviousSlide: function goToPreviousSlide() {},
|
|
1772
|
-
goToSlideId: function goToSlideId() {}
|
|
1646
|
+
goToSlideId: function goToSlideId() {},
|
|
1647
|
+
isAtEnd: false,
|
|
1648
|
+
isAtStart: true
|
|
1773
1649
|
};
|
|
1774
1650
|
var ImageSliderContext = /*#__PURE__*/createContext(defaultValues$1);
|
|
1775
1651
|
|
|
1776
|
-
var _excluded$
|
|
1777
|
-
function ownKeys$
|
|
1778
|
-
function _objectSpread$
|
|
1652
|
+
var _excluded$R = ["className", "nextLabel", "previousLabel"];
|
|
1653
|
+
function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1654
|
+
function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1779
1655
|
var ImageSliderControls = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1780
1656
|
var className = _ref.className,
|
|
1781
1657
|
nextLabel = _ref.nextLabel,
|
|
1782
1658
|
previousLabel = _ref.previousLabel,
|
|
1783
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1659
|
+
restProps = _objectWithoutProperties(_ref, _excluded$R);
|
|
1784
1660
|
var _useContext = useContext(ImageSliderContext),
|
|
1785
|
-
isAtStart = _useContext.isAtStart,
|
|
1786
|
-
isAtEnd = _useContext.isAtEnd,
|
|
1787
1661
|
goToNextSlide = _useContext.goToNextSlide,
|
|
1788
|
-
goToPreviousSlide = _useContext.goToPreviousSlide
|
|
1662
|
+
goToPreviousSlide = _useContext.goToPreviousSlide,
|
|
1663
|
+
isAtEnd = _useContext.isAtEnd,
|
|
1664
|
+
isAtStart = _useContext.isAtStart;
|
|
1789
1665
|
var handleClickPrevious = useCallback(function () {
|
|
1790
1666
|
return goToPreviousSlide();
|
|
1791
1667
|
}, [goToPreviousSlide]);
|
|
1792
1668
|
var handleClickNext = useCallback(function () {
|
|
1793
1669
|
return goToNextSlide();
|
|
1794
1670
|
}, [goToNextSlide]);
|
|
1795
|
-
return jsxs("div", _objectSpread$
|
|
1671
|
+
return jsxs("div", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
|
|
1796
1672
|
className: clsx('ams-image-slider__controls', className),
|
|
1797
1673
|
ref: ref,
|
|
1798
1674
|
children: [jsx(IconButton, {
|
|
1799
1675
|
className: "ams-image-slider__control ams-image-slider__control--previous",
|
|
1676
|
+
color: "inverse",
|
|
1800
1677
|
disabled: isAtStart,
|
|
1801
|
-
inverseColor: true,
|
|
1802
1678
|
label: previousLabel,
|
|
1803
1679
|
onClick: handleClickPrevious,
|
|
1804
1680
|
svg: ChevronLeftIcon
|
|
1805
1681
|
}), jsx(IconButton, {
|
|
1806
1682
|
className: "ams-image-slider__control ams-image-slider__control--next",
|
|
1683
|
+
color: "inverse",
|
|
1807
1684
|
disabled: isAtEnd,
|
|
1808
|
-
inverseColor: true,
|
|
1809
1685
|
label: nextLabel,
|
|
1810
1686
|
onClick: handleClickNext,
|
|
1811
1687
|
svg: ChevronRightIcon
|
|
@@ -1814,14 +1690,14 @@ var ImageSliderControls = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1814
1690
|
});
|
|
1815
1691
|
ImageSliderControls.displayName = 'ImageSliderControls';
|
|
1816
1692
|
|
|
1817
|
-
var _excluded$
|
|
1818
|
-
function ownKeys$
|
|
1819
|
-
function _objectSpread$
|
|
1693
|
+
var _excluded$Q = ["children", "className", "slideId"];
|
|
1694
|
+
function ownKeys$R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1695
|
+
function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1820
1696
|
var ImageSliderItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1821
1697
|
var children = _ref.children,
|
|
1822
|
-
slideId = _ref.slideId,
|
|
1823
1698
|
className = _ref.className,
|
|
1824
|
-
|
|
1699
|
+
slideId = _ref.slideId,
|
|
1700
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Q);
|
|
1825
1701
|
var _useContext = useContext(ImageSliderContext),
|
|
1826
1702
|
currentSlideId = _useContext.currentSlideId;
|
|
1827
1703
|
var isInView = useMemo(function () {
|
|
@@ -1830,7 +1706,7 @@ var ImageSliderItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1830
1706
|
var itemClassName = useMemo(function () {
|
|
1831
1707
|
return clsx('ams-image-slider__item', isInView && 'ams-image-slider__item--in-view', className);
|
|
1832
1708
|
}, [isInView, className]);
|
|
1833
|
-
return jsx("div", _objectSpread$
|
|
1709
|
+
return jsx("div", _objectSpread$R(_objectSpread$R(_objectSpread$R({}, restProps), {}, {
|
|
1834
1710
|
className: itemClassName,
|
|
1835
1711
|
ref: ref
|
|
1836
1712
|
}, !isInView && {
|
|
@@ -1841,14 +1717,14 @@ var ImageSliderItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1841
1717
|
});
|
|
1842
1718
|
ImageSliderItem.displayName = 'ImageSlider.Item';
|
|
1843
1719
|
|
|
1844
|
-
var _excluded$
|
|
1845
|
-
function ownKeys$
|
|
1846
|
-
function _objectSpread$
|
|
1720
|
+
var _excluded$P = ["children", "className"];
|
|
1721
|
+
function ownKeys$Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1722
|
+
function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1847
1723
|
var ImageSliderScroller = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1848
1724
|
var children = _ref.children,
|
|
1849
1725
|
className = _ref.className,
|
|
1850
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1851
|
-
return jsx("div", _objectSpread$
|
|
1726
|
+
restProps = _objectWithoutProperties(_ref, _excluded$P);
|
|
1727
|
+
return jsx("div", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
|
|
1852
1728
|
className: clsx('ams-image-slider__scroller', className),
|
|
1853
1729
|
ref: ref,
|
|
1854
1730
|
children: children
|
|
@@ -1856,14 +1732,14 @@ var ImageSliderScroller = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1856
1732
|
});
|
|
1857
1733
|
ImageSliderScroller.displayName = 'ImageSlider.Scroller';
|
|
1858
1734
|
|
|
1859
|
-
var _excluded$
|
|
1860
|
-
function ownKeys$
|
|
1861
|
-
function _objectSpread$
|
|
1735
|
+
var _excluded$O = ["className", "imageLabel", "thumbnails"];
|
|
1736
|
+
function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1737
|
+
function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1862
1738
|
var ImageSliderThumbnails = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1863
1739
|
var className = _ref.className,
|
|
1864
1740
|
imageLabel = _ref.imageLabel,
|
|
1865
1741
|
thumbnails = _ref.thumbnails,
|
|
1866
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1742
|
+
restProps = _objectWithoutProperties(_ref, _excluded$O);
|
|
1867
1743
|
var _useContext = useContext(ImageSliderContext),
|
|
1868
1744
|
currentSlideId = _useContext.currentSlideId,
|
|
1869
1745
|
goToNextSlide = _useContext.goToNextSlide,
|
|
@@ -1872,14 +1748,14 @@ var ImageSliderThumbnails = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1872
1748
|
var handleKeyDown = useCallback(function (event) {
|
|
1873
1749
|
var element = event.currentTarget.children[currentSlideId];
|
|
1874
1750
|
if (event.key === 'ArrowRight') {
|
|
1875
|
-
var nextElement = element === null || element ===
|
|
1751
|
+
var nextElement = element === null || element === void 0 ? void 0 : element.nextElementSibling;
|
|
1876
1752
|
if (nextElement) {
|
|
1877
1753
|
nextElement.focus();
|
|
1878
1754
|
goToNextSlide();
|
|
1879
1755
|
}
|
|
1880
1756
|
}
|
|
1881
1757
|
if (event.key === 'ArrowLeft') {
|
|
1882
|
-
var previousElement = element === null || element ===
|
|
1758
|
+
var previousElement = element === null || element === void 0 ? void 0 : element.previousElementSibling;
|
|
1883
1759
|
if (previousElement) {
|
|
1884
1760
|
previousElement.focus();
|
|
1885
1761
|
goToPreviousSlide();
|
|
@@ -1896,7 +1772,7 @@ var ImageSliderThumbnails = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1896
1772
|
"aria-posinset": index + 1,
|
|
1897
1773
|
"aria-selected": currentSlideId === index ? 'true' : 'false',
|
|
1898
1774
|
"aria-setsize": thumbnails.length,
|
|
1899
|
-
className: clsx('ams-image-slider__thumbnail', currentSlideId === index && 'ams-image-slider__thumbnail--in-view',
|
|
1775
|
+
className: clsx('ams-image-slider__thumbnail', currentSlideId === index && 'ams-image-slider__thumbnail--in-view', generateAspectRatioClass(aspectRatio)),
|
|
1900
1776
|
onClick: function onClick() {
|
|
1901
1777
|
return goToSlideId(index);
|
|
1902
1778
|
},
|
|
@@ -1908,7 +1784,7 @@ var ImageSliderThumbnails = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1908
1784
|
}, index);
|
|
1909
1785
|
});
|
|
1910
1786
|
}, [currentSlideId, goToSlideId, imageLabel, thumbnails]);
|
|
1911
|
-
return jsx("nav", _objectSpread$
|
|
1787
|
+
return jsx("nav", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
|
|
1912
1788
|
className: clsx('ams-image-slider__thumbnails', className),
|
|
1913
1789
|
onKeyDown: handleKeyDown,
|
|
1914
1790
|
ref: ref,
|
|
@@ -1918,20 +1794,20 @@ var ImageSliderThumbnails = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1918
1794
|
});
|
|
1919
1795
|
ImageSliderThumbnails.displayName = 'ImageSlider.Thumbnails';
|
|
1920
1796
|
|
|
1921
|
-
var _excluded$
|
|
1922
|
-
function ownKeys$
|
|
1923
|
-
function _objectSpread$
|
|
1797
|
+
var _excluded$N = ["className", "controls", "imageLabel", "images", "nextLabel", "previousLabel"];
|
|
1798
|
+
function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1799
|
+
function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1924
1800
|
var ImageSliderRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1925
1801
|
var className = _ref.className,
|
|
1926
1802
|
controls = _ref.controls,
|
|
1927
1803
|
_ref$imageLabel = _ref.imageLabel,
|
|
1928
|
-
imageLabel = _ref$imageLabel ===
|
|
1804
|
+
imageLabel = _ref$imageLabel === void 0 ? 'Afbeelding' : _ref$imageLabel,
|
|
1929
1805
|
images = _ref.images,
|
|
1930
1806
|
_ref$nextLabel = _ref.nextLabel,
|
|
1931
|
-
nextLabel = _ref$nextLabel ===
|
|
1807
|
+
nextLabel = _ref$nextLabel === void 0 ? 'Volgende' : _ref$nextLabel,
|
|
1932
1808
|
_ref$previousLabel = _ref.previousLabel,
|
|
1933
|
-
previousLabel = _ref$previousLabel ===
|
|
1934
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1809
|
+
previousLabel = _ref$previousLabel === void 0 ? 'Vorige' : _ref$previousLabel,
|
|
1810
|
+
restProps = _objectWithoutProperties(_ref, _excluded$N);
|
|
1935
1811
|
var _useState = useState(0),
|
|
1936
1812
|
_useState2 = _slicedToArray(_useState, 2),
|
|
1937
1813
|
currentSlideId = _useState2[0],
|
|
@@ -1948,7 +1824,7 @@ var ImageSliderRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1948
1824
|
var observerRef = useRef(null);
|
|
1949
1825
|
var inView = useCallback(function (observations) {
|
|
1950
1826
|
var _targetRef$current;
|
|
1951
|
-
var images = Array.from(((_targetRef$current = targetRef.current) === null || _targetRef$current ===
|
|
1827
|
+
var images = Array.from(((_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.children) || []);
|
|
1952
1828
|
observations.forEach(function (observation) {
|
|
1953
1829
|
if (observation.isIntersecting) {
|
|
1954
1830
|
setCurrentSlideId(images.indexOf(observation.target));
|
|
@@ -1964,10 +1840,10 @@ var ImageSliderRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1964
1840
|
var updateControls = useCallback(function () {
|
|
1965
1841
|
var sliderScrollerElement = targetRef.current;
|
|
1966
1842
|
if (!sliderScrollerElement) return;
|
|
1967
|
-
var
|
|
1968
|
-
|
|
1969
|
-
setIsAtStart(firstElement === (sliderScrollerElement === null || sliderScrollerElement ===
|
|
1970
|
-
setIsAtEnd(lastElement === (sliderScrollerElement === null || sliderScrollerElement ===
|
|
1843
|
+
var firstElement = sliderScrollerElement.firstElementChild,
|
|
1844
|
+
lastElement = sliderScrollerElement.lastElementChild;
|
|
1845
|
+
setIsAtStart(firstElement === (sliderScrollerElement === null || sliderScrollerElement === void 0 ? void 0 : sliderScrollerElement.children[currentSlideId]));
|
|
1846
|
+
setIsAtEnd(lastElement === (sliderScrollerElement === null || sliderScrollerElement === void 0 ? void 0 : sliderScrollerElement.children[currentSlideId]));
|
|
1971
1847
|
}, [currentSlideId]);
|
|
1972
1848
|
useEffect(function () {
|
|
1973
1849
|
if (targetRef.current) {
|
|
@@ -1984,7 +1860,7 @@ var ImageSliderRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1984
1860
|
slides.forEach(function (slide) {
|
|
1985
1861
|
return observer.unobserve(slide);
|
|
1986
1862
|
});
|
|
1987
|
-
(_targetRef$current2 = targetRef.current) === null || _targetRef$current2 ===
|
|
1863
|
+
(_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 || _targetRef$current2.removeEventListener('scrollend', synchronise);
|
|
1988
1864
|
};
|
|
1989
1865
|
}
|
|
1990
1866
|
return undefined;
|
|
@@ -2001,26 +1877,26 @@ var ImageSliderRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2001
1877
|
}, []);
|
|
2002
1878
|
var goToSlideId = useCallback(function (id) {
|
|
2003
1879
|
var _targetRef$current3;
|
|
2004
|
-
var element = (_targetRef$current3 = targetRef.current) === null || _targetRef$current3 ===
|
|
1880
|
+
var element = (_targetRef$current3 = targetRef.current) === null || _targetRef$current3 === void 0 ? void 0 : _targetRef$current3.children[id];
|
|
2005
1881
|
if (element) goToSlide(element);
|
|
2006
1882
|
}, [goToSlide]);
|
|
2007
1883
|
var goToNextSlide = useCallback(function () {
|
|
2008
1884
|
var _targetRef$current4;
|
|
2009
|
-
var element = (_targetRef$current4 = targetRef.current) === null || _targetRef$current4 ===
|
|
2010
|
-
var nextElement = element === null || element ===
|
|
1885
|
+
var element = (_targetRef$current4 = targetRef.current) === null || _targetRef$current4 === void 0 ? void 0 : _targetRef$current4.children[currentSlideId];
|
|
1886
|
+
var nextElement = element === null || element === void 0 ? void 0 : element.nextElementSibling;
|
|
2011
1887
|
if (nextElement) goToSlide(nextElement);
|
|
2012
1888
|
}, [currentSlideId, goToSlide]);
|
|
2013
1889
|
var goToPreviousSlide = useCallback(function () {
|
|
2014
1890
|
var _targetRef$current5;
|
|
2015
|
-
var element = (_targetRef$current5 = targetRef.current) === null || _targetRef$current5 ===
|
|
2016
|
-
var previousElement = element === null || element ===
|
|
1891
|
+
var element = (_targetRef$current5 = targetRef.current) === null || _targetRef$current5 === void 0 ? void 0 : _targetRef$current5.children[currentSlideId];
|
|
1892
|
+
var previousElement = element === null || element === void 0 ? void 0 : element.previousElementSibling;
|
|
2017
1893
|
if (previousElement) goToSlide(previousElement);
|
|
2018
1894
|
}, [currentSlideId, goToSlide]);
|
|
2019
1895
|
useEffect(function () {
|
|
2020
1896
|
var handleResize = function handleResize() {
|
|
2021
1897
|
var _targetRef$current6;
|
|
2022
1898
|
var sliderScrollerElement = targetRef.current;
|
|
2023
|
-
var currentSlideElement = (_targetRef$current6 = targetRef.current) === null || _targetRef$current6 ===
|
|
1899
|
+
var currentSlideElement = (_targetRef$current6 = targetRef.current) === null || _targetRef$current6 === void 0 ? void 0 : _targetRef$current6.children[currentSlideId];
|
|
2024
1900
|
if (!sliderScrollerElement || !currentSlideElement) return;
|
|
2025
1901
|
var expectedScrollLeft = currentSlideElement.offsetLeft;
|
|
2026
1902
|
if (Math.abs(sliderScrollerElement.scrollLeft - expectedScrollLeft) < 1) return;
|
|
@@ -2033,18 +1909,18 @@ var ImageSliderRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2033
1909
|
}, [currentSlideId, goToSlide]);
|
|
2034
1910
|
return jsx(ImageSliderContext.Provider, {
|
|
2035
1911
|
value: {
|
|
2036
|
-
isAtStart: isAtStart,
|
|
2037
|
-
isAtEnd: isAtEnd,
|
|
2038
1912
|
currentSlideId: currentSlideId,
|
|
2039
1913
|
goToNextSlide: goToNextSlide,
|
|
2040
1914
|
goToPreviousSlide: goToPreviousSlide,
|
|
2041
|
-
goToSlideId: goToSlideId
|
|
1915
|
+
goToSlideId: goToSlideId,
|
|
1916
|
+
isAtEnd: isAtEnd,
|
|
1917
|
+
isAtStart: isAtStart
|
|
2042
1918
|
},
|
|
2043
|
-
children: jsxs("div", _objectSpread$
|
|
1919
|
+
children: jsxs("div", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
|
|
2044
1920
|
"aria-roledescription": "carousel",
|
|
2045
1921
|
className: clsx('ams-image-slider', controls && 'ams-image-slider--controls', className),
|
|
2046
|
-
tabIndex: -1,
|
|
2047
1922
|
ref: ref,
|
|
1923
|
+
tabIndex: -1,
|
|
2048
1924
|
children: [controls && jsx(ImageSliderControls, {
|
|
2049
1925
|
nextLabel: nextLabel,
|
|
2050
1926
|
previousLabel: previousLabel
|
|
@@ -2063,7 +1939,7 @@ var ImageSliderRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2063
1939
|
slideId: index,
|
|
2064
1940
|
children: jsx(Image, {
|
|
2065
1941
|
alt: alt,
|
|
2066
|
-
|
|
1942
|
+
aspectRatio: aspectRatio,
|
|
2067
1943
|
sizes: sizes,
|
|
2068
1944
|
src: src,
|
|
2069
1945
|
srcSet: srcSet
|
|
@@ -2082,18 +1958,159 @@ var ImageSlider = Object.assign(ImageSliderRoot, {
|
|
|
2082
1958
|
Item: ImageSliderItem
|
|
2083
1959
|
});
|
|
2084
1960
|
|
|
2085
|
-
var _excluded$
|
|
2086
|
-
function ownKeys$
|
|
2087
|
-
function _objectSpread$
|
|
1961
|
+
var _excluded$M = ["children", "className", "color", "icon", "size"];
|
|
1962
|
+
function ownKeys$N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1963
|
+
function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1964
|
+
/** One link with a Link List. */
|
|
1965
|
+
var LinkListLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1966
|
+
var children = _ref.children,
|
|
1967
|
+
className = _ref.className,
|
|
1968
|
+
color = _ref.color,
|
|
1969
|
+
icon = _ref.icon,
|
|
1970
|
+
size = _ref.size,
|
|
1971
|
+
restProps = _objectWithoutProperties(_ref, _excluded$M);
|
|
1972
|
+
return jsx("li", {
|
|
1973
|
+
children: jsxs("a", _objectSpread$N(_objectSpread$N({
|
|
1974
|
+
className: clsx('ams-link-list__link', color && "ams-link-list__link--".concat(color), size && "ams-link-list__link--".concat(size), className),
|
|
1975
|
+
ref: ref
|
|
1976
|
+
}, restProps), {}, {
|
|
1977
|
+
children: [jsx(Icon, {
|
|
1978
|
+
size: size,
|
|
1979
|
+
svg: icon !== null && icon !== void 0 ? icon : ChevronRightIcon
|
|
1980
|
+
}), children]
|
|
1981
|
+
}))
|
|
1982
|
+
});
|
|
1983
|
+
});
|
|
1984
|
+
LinkListLink.displayName = 'LinkList.Link';
|
|
1985
|
+
|
|
1986
|
+
var _excluded$L = ["children", "className"];
|
|
1987
|
+
function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1988
|
+
function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1989
|
+
/** A collection of related links. */
|
|
1990
|
+
var LinkListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1991
|
+
var children = _ref.children,
|
|
1992
|
+
className = _ref.className,
|
|
1993
|
+
restProps = _objectWithoutProperties(_ref, _excluded$L);
|
|
1994
|
+
return jsx("ul", _objectSpread$M(_objectSpread$M({
|
|
1995
|
+
className: clsx('ams-link-list', className),
|
|
1996
|
+
ref: ref
|
|
1997
|
+
}, restProps), {}, {
|
|
1998
|
+
children: children
|
|
1999
|
+
}));
|
|
2000
|
+
});
|
|
2001
|
+
LinkListRoot.displayName = 'LinkList';
|
|
2002
|
+
var LinkList = Object.assign(LinkListRoot, {
|
|
2003
|
+
Link: LinkListLink
|
|
2004
|
+
});
|
|
2005
|
+
|
|
2006
|
+
var _excluded$K = ["className", "errors", "focusOnRender", "hasFocusedOnce", "heading", "headingLevel", "setHasFocusedOnce"];
|
|
2007
|
+
function ownKeys$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2008
|
+
function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2009
|
+
var InvalidFormAlertWithErrors = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2010
|
+
var className = _ref.className,
|
|
2011
|
+
errors = _ref.errors,
|
|
2012
|
+
_ref$focusOnRender = _ref.focusOnRender,
|
|
2013
|
+
focusOnRender = _ref$focusOnRender === void 0 ? true : _ref$focusOnRender,
|
|
2014
|
+
hasFocusedOnce = _ref.hasFocusedOnce,
|
|
2015
|
+
_ref$heading = _ref.heading,
|
|
2016
|
+
heading = _ref$heading === void 0 ? 'Verbeter de fouten voor u verder gaat' : _ref$heading,
|
|
2017
|
+
headingLevel = _ref.headingLevel,
|
|
2018
|
+
setHasFocusedOnce = _ref.setHasFocusedOnce,
|
|
2019
|
+
restProps = _objectWithoutProperties(_ref, _excluded$K);
|
|
2020
|
+
var innerRef = useRef(null);
|
|
2021
|
+
// use a passed ref if it's there, otherwise use innerRef
|
|
2022
|
+
useImperativeHandle(ref, function () {
|
|
2023
|
+
return innerRef.current;
|
|
2024
|
+
});
|
|
2025
|
+
useEffect(function () {
|
|
2026
|
+
if (innerRef.current && focusOnRender && !hasFocusedOnce) {
|
|
2027
|
+
innerRef.current.focus();
|
|
2028
|
+
setHasFocusedOnce(true);
|
|
2029
|
+
}
|
|
2030
|
+
}, [innerRef]);
|
|
2031
|
+
return jsx(Alert, _objectSpread$L(_objectSpread$L({}, restProps), {}, {
|
|
2032
|
+
className: clsx('ams-invalid-form-alert', className),
|
|
2033
|
+
heading: heading,
|
|
2034
|
+
headingLevel: headingLevel,
|
|
2035
|
+
ref: innerRef,
|
|
2036
|
+
severity: "error",
|
|
2037
|
+
tabIndex: -1,
|
|
2038
|
+
children: jsx(LinkList, {
|
|
2039
|
+
children: errors.map(function (_ref2) {
|
|
2040
|
+
var id = _ref2.id,
|
|
2041
|
+
label = _ref2.label;
|
|
2042
|
+
return jsx(LinkList.Link, {
|
|
2043
|
+
href: id,
|
|
2044
|
+
children: label
|
|
2045
|
+
}, "".concat(id, "-").concat(label));
|
|
2046
|
+
})
|
|
2047
|
+
})
|
|
2048
|
+
}));
|
|
2049
|
+
});
|
|
2050
|
+
InvalidFormAlertWithErrors.displayName = 'InvalidFormAlertWithErrors';
|
|
2051
|
+
|
|
2052
|
+
var useAddErrorCountToDocumentTitle = function useAddErrorCountToDocumentTitle(/** The list of error messages used to calculate the error count. */
|
|
2053
|
+
errors) {
|
|
2054
|
+
var label = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
|
|
2055
|
+
plural: 'invoerfouten',
|
|
2056
|
+
singular: 'invoerfout'
|
|
2057
|
+
};
|
|
2058
|
+
var _useState = useState(),
|
|
2059
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
2060
|
+
documentTitle = _useState2[0],
|
|
2061
|
+
setDocumentTitle = _useState2[1];
|
|
2062
|
+
useEffect(function () {
|
|
2063
|
+
setDocumentTitle(document.title);
|
|
2064
|
+
}, []);
|
|
2065
|
+
if (!documentTitle) return null;
|
|
2066
|
+
if (errors.length === 1) {
|
|
2067
|
+
document.title = "(".concat(errors.length, " ").concat(label.singular, ") ").concat(documentTitle);
|
|
2068
|
+
} else if (errors.length > 1) {
|
|
2069
|
+
document.title = "(".concat(errors.length, " ").concat(label.plural, ") ").concat(documentTitle);
|
|
2070
|
+
} else {
|
|
2071
|
+
document.title = documentTitle;
|
|
2072
|
+
}
|
|
2073
|
+
return null;
|
|
2074
|
+
};
|
|
2075
|
+
|
|
2076
|
+
var _excluded$J = ["errorCountLabel", "errors"];
|
|
2077
|
+
function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2078
|
+
function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2079
|
+
var InvalidFormAlert = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2080
|
+
var errorCountLabel = _ref.errorCountLabel,
|
|
2081
|
+
errors = _ref.errors,
|
|
2082
|
+
restProps = _objectWithoutProperties(_ref, _excluded$J);
|
|
2083
|
+
// An Invalid Form Alert without errors only resets the document title.
|
|
2084
|
+
// With errors, it renders the InvalidFormAlertWithErrors component.
|
|
2085
|
+
useAddErrorCountToDocumentTitle(errors, errorCountLabel);
|
|
2086
|
+
// Focus should only be set on first render of InvalidFormAlertWithErrors.
|
|
2087
|
+
// Subsequent renders should not set focus.
|
|
2088
|
+
var _useState = useState(false),
|
|
2089
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
2090
|
+
hasFocusedOnce = _useState2[0],
|
|
2091
|
+
setHasFocusedOnce = _useState2[1];
|
|
2092
|
+
if (errors.length === 0) return undefined;
|
|
2093
|
+
return jsx(InvalidFormAlertWithErrors, _objectSpread$K(_objectSpread$K({}, restProps), {}, {
|
|
2094
|
+
errors: errors,
|
|
2095
|
+
hasFocusedOnce: hasFocusedOnce,
|
|
2096
|
+
ref: ref,
|
|
2097
|
+
setHasFocusedOnce: setHasFocusedOnce
|
|
2098
|
+
}));
|
|
2099
|
+
});
|
|
2100
|
+
InvalidFormAlert.displayName = 'InvalidFormAlert';
|
|
2101
|
+
|
|
2102
|
+
var _excluded$I = ["children", "className", "hint", "optional"];
|
|
2103
|
+
function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2104
|
+
function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2088
2105
|
var Label = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2089
2106
|
var children = _ref.children,
|
|
2090
2107
|
className = _ref.className,
|
|
2091
2108
|
hint = _ref.hint,
|
|
2092
2109
|
optional = _ref.optional,
|
|
2093
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2094
|
-
return jsxs("label", _objectSpread$
|
|
2095
|
-
ref: ref,
|
|
2110
|
+
restProps = _objectWithoutProperties(_ref, _excluded$I);
|
|
2111
|
+
return jsxs("label", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
|
|
2096
2112
|
className: clsx('ams-label', className),
|
|
2113
|
+
ref: ref,
|
|
2097
2114
|
children: [children, " ", jsx(Hint, {
|
|
2098
2115
|
hint: hint,
|
|
2099
2116
|
optional: optional
|
|
@@ -2102,103 +2119,103 @@ var Label = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2102
2119
|
});
|
|
2103
2120
|
Label.displayName = 'Label';
|
|
2104
2121
|
|
|
2105
|
-
var _excluded$
|
|
2106
|
-
function ownKeys$
|
|
2107
|
-
function _objectSpread$
|
|
2122
|
+
var _excluded$H = ["children", "className", "color", "variant"];
|
|
2123
|
+
function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2124
|
+
function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2108
2125
|
var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2109
2126
|
var children = _ref.children,
|
|
2110
2127
|
className = _ref.className,
|
|
2111
|
-
|
|
2112
|
-
inverseColor = _ref.inverseColor,
|
|
2128
|
+
color = _ref.color,
|
|
2113
2129
|
_ref$variant = _ref.variant,
|
|
2114
|
-
variant = _ref$variant ===
|
|
2115
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2116
|
-
return jsx("a", _objectSpread$
|
|
2130
|
+
variant = _ref$variant === void 0 ? 'standalone' : _ref$variant,
|
|
2131
|
+
restProps = _objectWithoutProperties(_ref, _excluded$H);
|
|
2132
|
+
return jsx("a", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
|
|
2133
|
+
className: clsx('ams-link', color && "ams-link--".concat(color), variant === 'inline' && 'ams-link--inline', variant === 'standalone' && 'ams-link--standalone', className),
|
|
2117
2134
|
ref: ref,
|
|
2118
|
-
className: clsx('ams-link', contrastColor && 'ams-link--contrast-color', inverseColor && 'ams-link--inverse-color', variant === 'inline' && 'ams-link--inline', variant === 'standalone' && 'ams-link--standalone', className),
|
|
2119
2135
|
children: children
|
|
2120
2136
|
}));
|
|
2121
2137
|
});
|
|
2122
2138
|
Link.displayName = 'Link';
|
|
2123
2139
|
|
|
2124
|
-
var _excluded$
|
|
2125
|
-
function ownKeys$
|
|
2126
|
-
function _objectSpread$
|
|
2140
|
+
var _excluded$G = ["children", "className"];
|
|
2141
|
+
function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2142
|
+
function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2127
2143
|
var Mark = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2128
2144
|
var children = _ref.children,
|
|
2129
2145
|
className = _ref.className,
|
|
2130
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2131
|
-
return jsx("mark", _objectSpread$
|
|
2132
|
-
ref: ref,
|
|
2146
|
+
restProps = _objectWithoutProperties(_ref, _excluded$G);
|
|
2147
|
+
return jsx("mark", _objectSpread$H(_objectSpread$H({}, restProps), {}, {
|
|
2133
2148
|
className: clsx('ams-mark', className),
|
|
2149
|
+
ref: ref,
|
|
2134
2150
|
children: children
|
|
2135
2151
|
}));
|
|
2136
2152
|
});
|
|
2137
2153
|
Mark.displayName = 'Mark';
|
|
2138
2154
|
|
|
2139
|
-
var _excluded$
|
|
2140
|
-
function ownKeys$
|
|
2141
|
-
function _objectSpread$
|
|
2155
|
+
var _excluded$F = ["children", "className"];
|
|
2156
|
+
function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2157
|
+
function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2142
2158
|
var MegaMenuListCategory = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2143
2159
|
var children = _ref.children,
|
|
2144
2160
|
className = _ref.className,
|
|
2145
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2146
|
-
return jsx("div", _objectSpread$
|
|
2147
|
-
ref: ref,
|
|
2161
|
+
restProps = _objectWithoutProperties(_ref, _excluded$F);
|
|
2162
|
+
return jsx("div", _objectSpread$G(_objectSpread$G({}, restProps), {}, {
|
|
2148
2163
|
className: clsx('ams-mega-menu__list-category', className),
|
|
2164
|
+
ref: ref,
|
|
2149
2165
|
children: children
|
|
2150
2166
|
}));
|
|
2151
2167
|
});
|
|
2152
2168
|
MegaMenuListCategory.displayName = 'MegaMenu.ListCategory';
|
|
2153
2169
|
|
|
2154
|
-
var _excluded$
|
|
2155
|
-
function ownKeys$
|
|
2156
|
-
function _objectSpread$
|
|
2170
|
+
var _excluded$E = ["children", "className"];
|
|
2171
|
+
function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2172
|
+
function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2157
2173
|
var MegaMenuRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2158
2174
|
var children = _ref.children,
|
|
2159
2175
|
className = _ref.className,
|
|
2160
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2161
|
-
return jsx("div", _objectSpread$
|
|
2162
|
-
ref: ref,
|
|
2176
|
+
restProps = _objectWithoutProperties(_ref, _excluded$E);
|
|
2177
|
+
return jsx("div", _objectSpread$F(_objectSpread$F({}, restProps), {}, {
|
|
2163
2178
|
className: clsx('ams-mega-menu', className),
|
|
2179
|
+
ref: ref,
|
|
2164
2180
|
children: children
|
|
2165
2181
|
}));
|
|
2166
2182
|
});
|
|
2167
2183
|
MegaMenuRoot.displayName = 'MegaMenu';
|
|
2184
|
+
/** @deprecated Use child components in Header instead. */
|
|
2168
2185
|
var MegaMenu = Object.assign(MegaMenuRoot, {
|
|
2169
2186
|
ListCategory: MegaMenuListCategory
|
|
2170
2187
|
});
|
|
2171
2188
|
|
|
2172
|
-
var _excluded$
|
|
2173
|
-
function ownKeys$
|
|
2174
|
-
function _objectSpread$
|
|
2189
|
+
var _excluded$D = ["children", "className"];
|
|
2190
|
+
function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2191
|
+
function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2175
2192
|
var OrderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2176
2193
|
var children = _ref.children,
|
|
2177
2194
|
className = _ref.className,
|
|
2178
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2179
|
-
return jsx("li", _objectSpread$
|
|
2180
|
-
|
|
2181
|
-
|
|
2195
|
+
restProps = _objectWithoutProperties(_ref, _excluded$D);
|
|
2196
|
+
return jsx("li", _objectSpread$E(_objectSpread$E({
|
|
2197
|
+
className: clsx('ams-ordered-list__item', className),
|
|
2198
|
+
ref: ref
|
|
2182
2199
|
}, restProps), {}, {
|
|
2183
2200
|
children: children
|
|
2184
2201
|
}));
|
|
2185
2202
|
});
|
|
2186
2203
|
OrderedListItem.displayName = 'OrderedList.Item';
|
|
2187
2204
|
|
|
2188
|
-
var _excluded$
|
|
2189
|
-
function ownKeys$
|
|
2190
|
-
function _objectSpread$
|
|
2205
|
+
var _excluded$C = ["children", "className", "color", "markers", "size"];
|
|
2206
|
+
function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2207
|
+
function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2191
2208
|
var OrderedListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2192
2209
|
var children = _ref.children,
|
|
2193
2210
|
className = _ref.className,
|
|
2194
|
-
|
|
2211
|
+
color = _ref.color,
|
|
2195
2212
|
_ref$markers = _ref.markers,
|
|
2196
|
-
markers = _ref$markers ===
|
|
2213
|
+
markers = _ref$markers === void 0 ? true : _ref$markers,
|
|
2197
2214
|
size = _ref.size,
|
|
2198
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2199
|
-
return jsx("ol", _objectSpread$
|
|
2200
|
-
|
|
2201
|
-
|
|
2215
|
+
restProps = _objectWithoutProperties(_ref, _excluded$C);
|
|
2216
|
+
return jsx("ol", _objectSpread$D(_objectSpread$D({
|
|
2217
|
+
className: clsx('ams-ordered-list', color && "ams-ordered-list--".concat(color), !markers && 'ams-ordered-list--no-markers', size && "ams-ordered-list--".concat(size), className),
|
|
2218
|
+
ref: ref
|
|
2202
2219
|
}, restProps), {}, {
|
|
2203
2220
|
children: children
|
|
2204
2221
|
}));
|
|
@@ -2208,69 +2225,70 @@ var OrderedList = Object.assign(OrderedListRoot, {
|
|
|
2208
2225
|
Item: OrderedListItem
|
|
2209
2226
|
});
|
|
2210
2227
|
|
|
2211
|
-
var _excluded$
|
|
2212
|
-
function ownKeys$
|
|
2213
|
-
function _objectSpread$
|
|
2228
|
+
var _excluded$B = ["children", "className"];
|
|
2229
|
+
function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2230
|
+
function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2214
2231
|
var Overlap = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2215
2232
|
var children = _ref.children,
|
|
2216
2233
|
className = _ref.className,
|
|
2217
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2218
|
-
return jsx("div", _objectSpread$
|
|
2219
|
-
ref: ref,
|
|
2234
|
+
restProps = _objectWithoutProperties(_ref, _excluded$B);
|
|
2235
|
+
return jsx("div", _objectSpread$C(_objectSpread$C({}, restProps), {}, {
|
|
2220
2236
|
className: clsx('ams-overlap', className),
|
|
2237
|
+
ref: ref,
|
|
2221
2238
|
children: children
|
|
2222
2239
|
}));
|
|
2223
2240
|
});
|
|
2224
2241
|
Overlap.displayName = 'Overlap';
|
|
2225
2242
|
|
|
2226
|
-
var _excluded$
|
|
2227
|
-
function ownKeys$
|
|
2228
|
-
function _objectSpread$
|
|
2243
|
+
var _excluded$A = ["children", "className", "color"];
|
|
2244
|
+
function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2245
|
+
function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2229
2246
|
var PageHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2230
2247
|
var children = _ref.children,
|
|
2231
2248
|
className = _ref.className,
|
|
2232
|
-
|
|
2233
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2234
|
-
return jsx("h1", _objectSpread$
|
|
2249
|
+
color = _ref.color,
|
|
2250
|
+
restProps = _objectWithoutProperties(_ref, _excluded$A);
|
|
2251
|
+
return jsx("h1", _objectSpread$B(_objectSpread$B({}, restProps), {}, {
|
|
2252
|
+
className: clsx('ams-page-heading', color && "ams-page-heading--".concat(color), className),
|
|
2235
2253
|
ref: ref,
|
|
2236
|
-
className: clsx('ams-page-heading', inverseColor && 'ams-page-heading--inverse-color', className),
|
|
2237
2254
|
children: children
|
|
2238
2255
|
}));
|
|
2239
2256
|
});
|
|
2240
2257
|
PageHeading.displayName = 'PageHeading';
|
|
2241
2258
|
|
|
2242
|
-
var _excluded$
|
|
2243
|
-
function ownKeys$
|
|
2244
|
-
function _objectSpread$
|
|
2259
|
+
var _excluded$z = ["children", "className", "icon"];
|
|
2260
|
+
function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2261
|
+
function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2245
2262
|
var PageMenuLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2246
2263
|
var children = _ref.children,
|
|
2247
2264
|
className = _ref.className,
|
|
2248
2265
|
icon = _ref.icon,
|
|
2249
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2266
|
+
restProps = _objectWithoutProperties(_ref, _excluded$z);
|
|
2250
2267
|
return jsx("li", {
|
|
2251
|
-
children: jsxs("a", _objectSpread$
|
|
2252
|
-
ref: ref,
|
|
2268
|
+
children: jsxs("a", _objectSpread$A(_objectSpread$A({}, restProps), {}, {
|
|
2253
2269
|
className: clsx('ams-page-menu__link', className),
|
|
2270
|
+
ref: ref,
|
|
2254
2271
|
children: [children, icon && jsx(Icon, {
|
|
2255
|
-
|
|
2256
|
-
|
|
2272
|
+
size: "small",
|
|
2273
|
+
svg: icon
|
|
2257
2274
|
})]
|
|
2258
2275
|
}))
|
|
2259
2276
|
});
|
|
2260
2277
|
});
|
|
2261
2278
|
PageMenuLink.displayName = 'PageMenu.Link';
|
|
2262
2279
|
|
|
2263
|
-
var _excluded$
|
|
2264
|
-
function ownKeys$
|
|
2265
|
-
function _objectSpread$
|
|
2280
|
+
var _excluded$y = ["alignEnd", "children", "className", "wrap"];
|
|
2281
|
+
function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2282
|
+
function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2283
|
+
/** @deprecated Use the menuItems prop of Header or the Footer.Menu subcomponent instead. */
|
|
2266
2284
|
var PageMenuRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2267
2285
|
var alignEnd = _ref.alignEnd,
|
|
2268
2286
|
children = _ref.children,
|
|
2269
2287
|
className = _ref.className,
|
|
2270
2288
|
_ref$wrap = _ref.wrap,
|
|
2271
|
-
wrap = _ref$wrap ===
|
|
2272
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2273
|
-
return jsx("ul", _objectSpread$
|
|
2289
|
+
wrap = _ref$wrap === void 0 ? true : _ref$wrap,
|
|
2290
|
+
restProps = _objectWithoutProperties(_ref, _excluded$y);
|
|
2291
|
+
return jsx("ul", _objectSpread$z(_objectSpread$z({}, restProps), {}, {
|
|
2274
2292
|
className: clsx('ams-page-menu', alignEnd && "ams-page-menu--align-end", !wrap && "ams-page-menu--no-wrap", className),
|
|
2275
2293
|
ref: ref,
|
|
2276
2294
|
children: children
|
|
@@ -2281,9 +2299,36 @@ var PageMenu = Object.assign(PageMenuRoot, {
|
|
|
2281
2299
|
Link: PageMenuLink
|
|
2282
2300
|
});
|
|
2283
2301
|
|
|
2284
|
-
var
|
|
2285
|
-
|
|
2286
|
-
|
|
2302
|
+
var LinkItem = function LinkItem(_ref) {
|
|
2303
|
+
var currentPage = _ref.currentPage,
|
|
2304
|
+
linkComponent = _ref.linkComponent,
|
|
2305
|
+
linkTemplate = _ref.linkTemplate,
|
|
2306
|
+
pageNumber = _ref.pageNumber;
|
|
2307
|
+
if (!linkComponent) return null;
|
|
2308
|
+
var Link = linkComponent;
|
|
2309
|
+
return jsx("li", {
|
|
2310
|
+
children: jsxs(Link, {
|
|
2311
|
+
"aria-current": pageNumber === currentPage ? 'page' : undefined,
|
|
2312
|
+
className: "ams-pagination__link",
|
|
2313
|
+
href: linkTemplate(pageNumber),
|
|
2314
|
+
children: [jsx("span", {
|
|
2315
|
+
className: "ams-visually-hidden",
|
|
2316
|
+
children: pageNumber === currentPage ? "Pagina ".concat(pageNumber) : "Ga naar pagina ".concat(pageNumber)
|
|
2317
|
+
}), jsx("span", {
|
|
2318
|
+
"aria-hidden": true,
|
|
2319
|
+
children: pageNumber
|
|
2320
|
+
})]
|
|
2321
|
+
})
|
|
2322
|
+
});
|
|
2323
|
+
};
|
|
2324
|
+
|
|
2325
|
+
var Spacer = function Spacer() {
|
|
2326
|
+
return jsx("li", {
|
|
2327
|
+
"aria-hidden": true,
|
|
2328
|
+
children: "\u2026"
|
|
2329
|
+
});
|
|
2330
|
+
};
|
|
2331
|
+
|
|
2287
2332
|
/**
|
|
2288
2333
|
* This returns an array of the range, including spacers
|
|
2289
2334
|
*
|
|
@@ -2329,136 +2374,104 @@ function getRange(currentPage, totalPages, maxVisiblePages) {
|
|
|
2329
2374
|
}, []);
|
|
2330
2375
|
return pages;
|
|
2331
2376
|
}
|
|
2377
|
+
|
|
2378
|
+
var _excluded$x = ["className", "linkComponent", "linkTemplate", "maxVisiblePages", "nextLabel", "nextVisuallyHiddenLabel", "page", "previousLabel", "previousVisuallyHiddenLabel", "totalPages", "visuallyHiddenLabel", "visuallyHiddenLabelId"];
|
|
2379
|
+
function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2380
|
+
function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2332
2381
|
var Pagination = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2333
2382
|
var className = _ref.className,
|
|
2383
|
+
_ref$linkComponent = _ref.linkComponent,
|
|
2384
|
+
linkComponent = _ref$linkComponent === void 0 ? function (props) {
|
|
2385
|
+
return jsx("a", _objectSpread$y({}, props));
|
|
2386
|
+
} : _ref$linkComponent,
|
|
2387
|
+
linkTemplate = _ref.linkTemplate,
|
|
2334
2388
|
_ref$maxVisiblePages = _ref.maxVisiblePages,
|
|
2335
|
-
maxVisiblePages = _ref$maxVisiblePages ===
|
|
2389
|
+
maxVisiblePages = _ref$maxVisiblePages === void 0 ? 7 : _ref$maxVisiblePages,
|
|
2336
2390
|
_ref$nextLabel = _ref.nextLabel,
|
|
2337
|
-
nextLabel = _ref$nextLabel ===
|
|
2391
|
+
nextLabel = _ref$nextLabel === void 0 ? 'volgende' : _ref$nextLabel,
|
|
2338
2392
|
_ref$nextVisuallyHidd = _ref.nextVisuallyHiddenLabel,
|
|
2339
|
-
nextVisuallyHiddenLabel = _ref$nextVisuallyHidd ===
|
|
2340
|
-
onPageChange = _ref.onPageChange,
|
|
2393
|
+
nextVisuallyHiddenLabel = _ref$nextVisuallyHidd === void 0 ? 'Volgende pagina' : _ref$nextVisuallyHidd,
|
|
2341
2394
|
_ref$page = _ref.page,
|
|
2342
|
-
page = _ref$page ===
|
|
2395
|
+
page = _ref$page === void 0 ? 1 : _ref$page,
|
|
2343
2396
|
_ref$previousLabel = _ref.previousLabel,
|
|
2344
|
-
previousLabel = _ref$previousLabel ===
|
|
2397
|
+
previousLabel = _ref$previousLabel === void 0 ? 'vorige' : _ref$previousLabel,
|
|
2345
2398
|
_ref$previousVisually = _ref.previousVisuallyHiddenLabel,
|
|
2346
|
-
previousVisuallyHiddenLabel = _ref$previousVisually ===
|
|
2399
|
+
previousVisuallyHiddenLabel = _ref$previousVisually === void 0 ? 'Vorige pagina' : _ref$previousVisually,
|
|
2347
2400
|
totalPages = _ref.totalPages,
|
|
2348
2401
|
_ref$visuallyHiddenLa = _ref.visuallyHiddenLabel,
|
|
2349
|
-
visuallyHiddenLabel = _ref$visuallyHiddenLa ===
|
|
2350
|
-
|
|
2351
|
-
|
|
2352
|
-
|
|
2353
|
-
currentPage = _useState2[0],
|
|
2354
|
-
setCurrentPage = _useState2[1];
|
|
2355
|
-
// Get array of page numbers and / or spacers
|
|
2356
|
-
var range = useMemo(function () {
|
|
2357
|
-
return getRange(currentPage, totalPages, maxVisiblePages);
|
|
2358
|
-
}, [currentPage, totalPages, maxVisiblePages]);
|
|
2359
|
-
var onChangePage = function onChangePage(newPage) {
|
|
2360
|
-
if (onPageChange !== undefined) {
|
|
2361
|
-
onPageChange(newPage);
|
|
2362
|
-
}
|
|
2363
|
-
setCurrentPage(newPage);
|
|
2364
|
-
};
|
|
2365
|
-
var onPrevious = function onPrevious() {
|
|
2366
|
-
onChangePage(currentPage - 1);
|
|
2367
|
-
};
|
|
2368
|
-
var onNext = function onNext() {
|
|
2369
|
-
onChangePage(currentPage + 1);
|
|
2370
|
-
};
|
|
2371
|
-
var navLabelId = useId();
|
|
2402
|
+
visuallyHiddenLabel = _ref$visuallyHiddenLa === void 0 ? 'Paginering' : _ref$visuallyHiddenLa,
|
|
2403
|
+
_ref$visuallyHiddenLa2 = _ref.visuallyHiddenLabelId,
|
|
2404
|
+
visuallyHiddenLabelId = _ref$visuallyHiddenLa2 === void 0 ? 'ams-pagination-a11y-label' : _ref$visuallyHiddenLa2,
|
|
2405
|
+
restProps = _objectWithoutProperties(_ref, _excluded$x);
|
|
2372
2406
|
// Don't show pagination if you only have one page
|
|
2373
2407
|
if (totalPages <= 1) {
|
|
2374
2408
|
return null;
|
|
2375
2409
|
}
|
|
2376
|
-
|
|
2377
|
-
|
|
2410
|
+
var Link = linkComponent;
|
|
2411
|
+
// Get array of page numbers and / or spacers
|
|
2412
|
+
var range = getRange(page, totalPages, maxVisiblePages);
|
|
2413
|
+
return jsxs("nav", _objectSpread$y(_objectSpread$y({}, restProps), {}, {
|
|
2414
|
+
"aria-labelledby": visuallyHiddenLabelId,
|
|
2378
2415
|
className: clsx('ams-pagination', className),
|
|
2379
2416
|
ref: ref,
|
|
2380
2417
|
children: [jsx("span", {
|
|
2381
|
-
id: navLabelId,
|
|
2382
2418
|
className: "ams-visually-hidden",
|
|
2419
|
+
id: visuallyHiddenLabelId,
|
|
2383
2420
|
children: visuallyHiddenLabel
|
|
2384
|
-
}), jsxs(
|
|
2421
|
+
}), page !== 1 && jsxs(Link, {
|
|
2422
|
+
className: "ams-pagination__link",
|
|
2423
|
+
href: linkTemplate(page - 1),
|
|
2424
|
+
rel: "prev",
|
|
2425
|
+
children: [jsx(Icon, {
|
|
2426
|
+
svg: ChevronLeftIcon
|
|
2427
|
+
}), jsx("span", {
|
|
2428
|
+
className: "ams-visually-hidden",
|
|
2429
|
+
children: previousVisuallyHiddenLabel
|
|
2430
|
+
}), jsx("span", {
|
|
2431
|
+
"aria-hidden": true,
|
|
2432
|
+
children: previousLabel
|
|
2433
|
+
})]
|
|
2434
|
+
}), jsx("ol", {
|
|
2385
2435
|
className: "ams-pagination__list",
|
|
2386
|
-
children:
|
|
2387
|
-
|
|
2388
|
-
|
|
2389
|
-
|
|
2390
|
-
|
|
2391
|
-
|
|
2392
|
-
|
|
2393
|
-
|
|
2394
|
-
|
|
2395
|
-
|
|
2396
|
-
|
|
2397
|
-
|
|
2398
|
-
|
|
2399
|
-
|
|
2400
|
-
|
|
2401
|
-
|
|
2402
|
-
|
|
2403
|
-
|
|
2404
|
-
|
|
2405
|
-
|
|
2406
|
-
"aria-current": pageNumberOrSpacer === currentPage ? true : undefined,
|
|
2407
|
-
className: clsx('ams-pagination__button', pageNumberOrSpacer === currentPage && 'ams-pagination__button--current'),
|
|
2408
|
-
onClick: function onClick() {
|
|
2409
|
-
return pageNumberOrSpacer !== currentPage && onChangePage(pageNumberOrSpacer);
|
|
2410
|
-
},
|
|
2411
|
-
tabIndex: pageNumberOrSpacer === currentPage ? -1 : 0,
|
|
2412
|
-
type: "button",
|
|
2413
|
-
children: [jsx("span", {
|
|
2414
|
-
className: "ams-visually-hidden",
|
|
2415
|
-
children: pageNumberOrSpacer === currentPage ? "Pagina ".concat(pageNumberOrSpacer) : "Ga naar pagina ".concat(pageNumberOrSpacer)
|
|
2416
|
-
}), jsx("span", {
|
|
2417
|
-
"aria-hidden": true,
|
|
2418
|
-
children: pageNumberOrSpacer
|
|
2419
|
-
})]
|
|
2420
|
-
})
|
|
2421
|
-
}, pageNumberOrSpacer) : jsx("li", {
|
|
2422
|
-
"aria-hidden": true,
|
|
2423
|
-
"data-testid": pageNumberOrSpacer,
|
|
2424
|
-
children: "\u2026"
|
|
2425
|
-
}, pageNumberOrSpacer);
|
|
2426
|
-
}), jsx("li", {
|
|
2427
|
-
children: jsxs("button", {
|
|
2428
|
-
className: "ams-pagination__button",
|
|
2429
|
-
disabled: currentPage === totalPages,
|
|
2430
|
-
onClick: onNext,
|
|
2431
|
-
type: "button",
|
|
2432
|
-
children: [jsx("span", {
|
|
2433
|
-
className: "ams-visually-hidden",
|
|
2434
|
-
children: nextVisuallyHiddenLabel
|
|
2435
|
-
}), jsx("span", {
|
|
2436
|
-
"aria-hidden": true,
|
|
2437
|
-
children: nextLabel
|
|
2438
|
-
}), jsx(Icon, {
|
|
2439
|
-
svg: ChevronRightIcon,
|
|
2440
|
-
size: "level-5"
|
|
2441
|
-
})]
|
|
2442
|
-
})
|
|
2436
|
+
children: range.map(function (pageNumberOrSpacer) {
|
|
2437
|
+
return typeof pageNumberOrSpacer === 'number' ? jsx(LinkItem, {
|
|
2438
|
+
currentPage: page,
|
|
2439
|
+
linkComponent: linkComponent,
|
|
2440
|
+
linkTemplate: linkTemplate,
|
|
2441
|
+
pageNumber: pageNumberOrSpacer
|
|
2442
|
+
}, pageNumberOrSpacer) : jsx(Spacer, {}, pageNumberOrSpacer);
|
|
2443
|
+
})
|
|
2444
|
+
}), page !== totalPages && jsxs(Link, {
|
|
2445
|
+
className: "ams-pagination__link",
|
|
2446
|
+
href: linkTemplate(page + 1),
|
|
2447
|
+
rel: "next",
|
|
2448
|
+
children: [jsx("span", {
|
|
2449
|
+
className: "ams-visually-hidden",
|
|
2450
|
+
children: nextVisuallyHiddenLabel
|
|
2451
|
+
}), jsx("span", {
|
|
2452
|
+
"aria-hidden": true,
|
|
2453
|
+
children: nextLabel
|
|
2454
|
+
}), jsx(Icon, {
|
|
2455
|
+
svg: ChevronRightIcon
|
|
2443
2456
|
})]
|
|
2444
2457
|
})]
|
|
2445
2458
|
}));
|
|
2446
2459
|
});
|
|
2447
2460
|
Pagination.displayName = 'Pagination';
|
|
2448
2461
|
|
|
2449
|
-
var _excluded$
|
|
2450
|
-
function ownKeys$
|
|
2451
|
-
function _objectSpread$
|
|
2462
|
+
var _excluded$w = ["className", "dir", "invalid"];
|
|
2463
|
+
function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2464
|
+
function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2452
2465
|
var PasswordInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2453
2466
|
var className = _ref.className,
|
|
2454
2467
|
dir = _ref.dir,
|
|
2455
2468
|
invalid = _ref.invalid,
|
|
2456
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2457
|
-
return jsx("input", _objectSpread$
|
|
2469
|
+
restProps = _objectWithoutProperties(_ref, _excluded$w);
|
|
2470
|
+
return jsx("input", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
|
|
2458
2471
|
"aria-invalid": invalid || undefined,
|
|
2459
2472
|
autoCorrect: "off",
|
|
2460
2473
|
className: clsx('ams-password-input', className),
|
|
2461
|
-
dir: dir !== null && dir !==
|
|
2474
|
+
dir: dir !== null && dir !== void 0 ? dir : 'auto',
|
|
2462
2475
|
ref: ref,
|
|
2463
2476
|
spellCheck: "false",
|
|
2464
2477
|
type: "password"
|
|
@@ -2466,50 +2479,50 @@ var PasswordInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2466
2479
|
});
|
|
2467
2480
|
PasswordInput.displayName = 'PasswordInput';
|
|
2468
2481
|
|
|
2469
|
-
function ownKeys$
|
|
2470
|
-
function _objectSpread$
|
|
2482
|
+
function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2483
|
+
function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2471
2484
|
var SvgRadio = function SvgRadio(props) {
|
|
2472
|
-
return jsxs("svg", _objectSpread$
|
|
2473
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
2474
|
-
viewBox: "0 0 24 24",
|
|
2485
|
+
return jsxs("svg", _objectSpread$w(_objectSpread$w({
|
|
2475
2486
|
"aria-hidden": "true",
|
|
2476
|
-
focusable: "false"
|
|
2487
|
+
focusable: "false",
|
|
2488
|
+
viewBox: "0 0 24 24",
|
|
2489
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
2477
2490
|
}, props), {}, {
|
|
2478
2491
|
children: [jsx("circle", {
|
|
2492
|
+
className: "ams-radio__circle",
|
|
2479
2493
|
cx: 12,
|
|
2480
2494
|
cy: 12,
|
|
2481
|
-
r: 10
|
|
2482
|
-
className: "ams-radio__circle"
|
|
2495
|
+
r: 10
|
|
2483
2496
|
}), jsx("circle", {
|
|
2497
|
+
className: "ams-radio__hover-indicator",
|
|
2484
2498
|
cx: 12,
|
|
2485
2499
|
cy: 12,
|
|
2486
|
-
r: 9.5
|
|
2487
|
-
className: "ams-radio__hover-indicator"
|
|
2500
|
+
r: 9.5
|
|
2488
2501
|
}), jsx("circle", {
|
|
2502
|
+
className: "ams-radio__checked-indicator",
|
|
2489
2503
|
cx: 12,
|
|
2490
2504
|
cy: 12,
|
|
2491
|
-
r: 6
|
|
2492
|
-
className: "ams-radio__checked-indicator"
|
|
2505
|
+
r: 6
|
|
2493
2506
|
})]
|
|
2494
2507
|
}));
|
|
2495
2508
|
};
|
|
2496
2509
|
|
|
2497
|
-
var _excluded$
|
|
2498
|
-
function ownKeys$
|
|
2499
|
-
function _objectSpread$
|
|
2510
|
+
var _excluded$v = ["children", "className", "icon", "invalid"];
|
|
2511
|
+
function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2512
|
+
function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2500
2513
|
var Radio = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2501
2514
|
var children = _ref.children,
|
|
2502
2515
|
className = _ref.className,
|
|
2503
2516
|
icon = _ref.icon,
|
|
2504
2517
|
invalid = _ref.invalid,
|
|
2505
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2518
|
+
restProps = _objectWithoutProperties(_ref, _excluded$v);
|
|
2506
2519
|
var id = useId();
|
|
2507
2520
|
return (
|
|
2508
2521
|
// This div is here because NVDA doesn't match the input to the label
|
|
2509
2522
|
// without a containing element
|
|
2510
2523
|
jsxs("div", {
|
|
2511
2524
|
className: clsx('ams-radio', className),
|
|
2512
|
-
children: [jsx("input", _objectSpread$
|
|
2525
|
+
children: [jsx("input", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
|
|
2513
2526
|
"aria-invalid": invalid || undefined,
|
|
2514
2527
|
className: "ams-radio__input",
|
|
2515
2528
|
id: id,
|
|
@@ -2520,7 +2533,7 @@ var Radio = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2520
2533
|
htmlFor: id,
|
|
2521
2534
|
children: [jsx("span", {
|
|
2522
2535
|
className: "ams-radio__icon-container",
|
|
2523
|
-
children: icon !== null && icon !==
|
|
2536
|
+
children: icon !== null && icon !== void 0 ? icon : jsx(SvgRadio, {})
|
|
2524
2537
|
}), children]
|
|
2525
2538
|
})]
|
|
2526
2539
|
})
|
|
@@ -2528,27 +2541,6 @@ var Radio = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2528
2541
|
});
|
|
2529
2542
|
Radio.displayName = 'Radio';
|
|
2530
2543
|
|
|
2531
|
-
var _excluded$v = ["align", "alignVertical", "as", "children", "className", "gap", "wrap"];
|
|
2532
|
-
function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2533
|
-
function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2534
|
-
var Row = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2535
|
-
var align = _ref.align,
|
|
2536
|
-
alignVertical = _ref.alignVertical,
|
|
2537
|
-
_ref$as = _ref.as,
|
|
2538
|
-
Tag = _ref$as === undefined ? 'div' : _ref$as,
|
|
2539
|
-
children = _ref.children,
|
|
2540
|
-
className = _ref.className,
|
|
2541
|
-
gap = _ref.gap,
|
|
2542
|
-
wrap = _ref.wrap,
|
|
2543
|
-
restProps = _objectWithoutProperties(_ref, _excluded$v);
|
|
2544
|
-
return jsx(Tag, _objectSpread$v(_objectSpread$v({}, restProps), {}, {
|
|
2545
|
-
ref: ref,
|
|
2546
|
-
className: clsx('ams-row', align && "ams-row--align-".concat(align), alignVertical && "ams-row--align-vertical-".concat(alignVertical), gap && "ams-row--gap-".concat(gap), wrap && 'ams-row--wrap', className),
|
|
2547
|
-
children: children
|
|
2548
|
-
}));
|
|
2549
|
-
});
|
|
2550
|
-
Row.displayName = 'Row';
|
|
2551
|
-
|
|
2552
2544
|
var _excluded$u = ["children", "className", "fullHeight", "maxWidth"];
|
|
2553
2545
|
function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2554
2546
|
function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -2557,11 +2549,11 @@ var Screen = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2557
2549
|
className = _ref.className,
|
|
2558
2550
|
fullHeight = _ref.fullHeight,
|
|
2559
2551
|
_ref$maxWidth = _ref.maxWidth,
|
|
2560
|
-
maxWidth = _ref$maxWidth ===
|
|
2552
|
+
maxWidth = _ref$maxWidth === void 0 ? 'wide' : _ref$maxWidth,
|
|
2561
2553
|
restProps = _objectWithoutProperties(_ref, _excluded$u);
|
|
2562
2554
|
return jsx("div", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
|
|
2563
|
-
ref: ref,
|
|
2564
2555
|
className: clsx('ams-screen', fullHeight && 'ams-screen--full-height', "ams-screen--".concat(maxWidth), className),
|
|
2556
|
+
ref: ref,
|
|
2565
2557
|
children: children
|
|
2566
2558
|
}));
|
|
2567
2559
|
});
|
|
@@ -2572,7 +2564,7 @@ function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
|
|
|
2572
2564
|
function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2573
2565
|
var SearchFieldButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2574
2566
|
var _ref$children = _ref.children,
|
|
2575
|
-
children = _ref$children ===
|
|
2567
|
+
children = _ref$children === void 0 ? 'Zoeken' : _ref$children,
|
|
2576
2568
|
restProps = _objectWithoutProperties(_ref, _excluded$t);
|
|
2577
2569
|
return jsx(Button, _objectSpread$t(_objectSpread$t({}, restProps), {}, {
|
|
2578
2570
|
icon: SearchIcon,
|
|
@@ -2591,19 +2583,19 @@ var SearchFieldInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2591
2583
|
dir = _ref.dir,
|
|
2592
2584
|
invalid = _ref.invalid,
|
|
2593
2585
|
_ref$label = _ref.label,
|
|
2594
|
-
label = _ref$label ===
|
|
2586
|
+
label = _ref$label === void 0 ? 'Zoeken' : _ref$label,
|
|
2595
2587
|
restProps = _objectWithoutProperties(_ref, _excluded$s);
|
|
2596
2588
|
var id = useId();
|
|
2597
2589
|
return jsxs(Fragment, {
|
|
2598
2590
|
children: [jsx("label", {
|
|
2599
|
-
htmlFor: id,
|
|
2600
2591
|
className: "ams-visually-hidden",
|
|
2592
|
+
htmlFor: id,
|
|
2601
2593
|
children: label
|
|
2602
2594
|
}), jsx("input", _objectSpread$s(_objectSpread$s({}, restProps), {}, {
|
|
2603
2595
|
"aria-invalid": invalid || undefined,
|
|
2604
2596
|
autoComplete: "off",
|
|
2605
2597
|
className: clsx('ams-search-field__input', className),
|
|
2606
|
-
dir: dir !== null && dir !==
|
|
2598
|
+
dir: dir !== null && dir !== void 0 ? dir : 'auto',
|
|
2607
2599
|
enterKeyHint: "search",
|
|
2608
2600
|
id: id,
|
|
2609
2601
|
ref: ref,
|
|
@@ -2624,8 +2616,8 @@ var SearchFieldRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2624
2616
|
return jsx("form", _objectSpread$r(_objectSpread$r({
|
|
2625
2617
|
role: "search"
|
|
2626
2618
|
}, restProps), {}, {
|
|
2627
|
-
ref: ref,
|
|
2628
2619
|
className: clsx('ams-search-field', className),
|
|
2620
|
+
ref: ref,
|
|
2629
2621
|
children: children
|
|
2630
2622
|
}));
|
|
2631
2623
|
});
|
|
@@ -2643,8 +2635,8 @@ var SelectOption = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2643
2635
|
className = _ref.className,
|
|
2644
2636
|
restProps = _objectWithoutProperties(_ref, _excluded$q);
|
|
2645
2637
|
return jsx("option", _objectSpread$q(_objectSpread$q({}, restProps), {}, {
|
|
2646
|
-
ref: ref,
|
|
2647
2638
|
className: clsx('ams-select__option', className),
|
|
2639
|
+
ref: ref,
|
|
2648
2640
|
children: children
|
|
2649
2641
|
}));
|
|
2650
2642
|
});
|
|
@@ -2658,8 +2650,8 @@ var SelectOptionGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2658
2650
|
className = _ref.className,
|
|
2659
2651
|
restProps = _objectWithoutProperties(_ref, _excluded$p);
|
|
2660
2652
|
return jsx("optgroup", _objectSpread$p(_objectSpread$p({}, restProps), {}, {
|
|
2661
|
-
ref: ref,
|
|
2662
2653
|
className: clsx('ams-select__group', className),
|
|
2654
|
+
ref: ref,
|
|
2663
2655
|
children: children
|
|
2664
2656
|
}));
|
|
2665
2657
|
});
|
|
@@ -2682,8 +2674,8 @@ var SelectRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2682
2674
|
});
|
|
2683
2675
|
SelectRoot.displayName = 'Select';
|
|
2684
2676
|
var Select = Object.assign(SelectRoot, {
|
|
2685
|
-
|
|
2686
|
-
|
|
2677
|
+
Group: SelectOptionGroup,
|
|
2678
|
+
Option: SelectOption
|
|
2687
2679
|
});
|
|
2688
2680
|
|
|
2689
2681
|
var _excluded$n = ["children", "className"];
|
|
@@ -2694,8 +2686,8 @@ var SkipLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2694
2686
|
className = _ref.className,
|
|
2695
2687
|
restProps = _objectWithoutProperties(_ref, _excluded$n);
|
|
2696
2688
|
return jsx("a", _objectSpread$n(_objectSpread$n({}, restProps), {}, {
|
|
2697
|
-
ref: ref,
|
|
2698
2689
|
className: clsx('ams-skip-link', 'ams-visually-hidden', className),
|
|
2690
|
+
ref: ref,
|
|
2699
2691
|
children: children
|
|
2700
2692
|
}));
|
|
2701
2693
|
});
|
|
@@ -2704,18 +2696,16 @@ SkipLink.displayName = 'SkipLink';
|
|
|
2704
2696
|
var _excluded$m = ["as", "children", "className", "color"];
|
|
2705
2697
|
function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2706
2698
|
function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2707
|
-
var defaultColor = 'purple';
|
|
2708
2699
|
var Spotlight = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2709
2700
|
var _ref$as = _ref.as,
|
|
2710
|
-
Tag = _ref$as ===
|
|
2701
|
+
Tag = _ref$as === void 0 ? 'div' : _ref$as,
|
|
2711
2702
|
children = _ref.children,
|
|
2712
2703
|
className = _ref.className,
|
|
2713
|
-
|
|
2714
|
-
color = _ref$color === undefined ? defaultColor : _ref$color,
|
|
2704
|
+
color = _ref.color,
|
|
2715
2705
|
restProps = _objectWithoutProperties(_ref, _excluded$m);
|
|
2716
2706
|
return jsx(Tag, _objectSpread$m(_objectSpread$m({}, restProps), {}, {
|
|
2707
|
+
className: clsx('ams-spotlight', color && "ams-spotlight--".concat(color), className),
|
|
2717
2708
|
ref: ref,
|
|
2718
|
-
className: clsx('ams-spotlight', color !== defaultColor && "ams-spotlight--".concat(color), className),
|
|
2719
2709
|
children: children
|
|
2720
2710
|
}));
|
|
2721
2711
|
});
|
|
@@ -2735,8 +2725,8 @@ var Switch = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2735
2725
|
className: "ams-switch__input",
|
|
2736
2726
|
id: inputId,
|
|
2737
2727
|
ref: ref,
|
|
2738
|
-
|
|
2739
|
-
|
|
2728
|
+
role: "switch",
|
|
2729
|
+
type: "checkbox"
|
|
2740
2730
|
})), jsx("label", {
|
|
2741
2731
|
className: "ams-switch__label",
|
|
2742
2732
|
htmlFor: inputId
|
|
@@ -2753,8 +2743,8 @@ var TableBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2753
2743
|
className = _ref.className,
|
|
2754
2744
|
restProps = _objectWithoutProperties(_ref, _excluded$k);
|
|
2755
2745
|
return jsx("tbody", _objectSpread$k(_objectSpread$k({}, restProps), {}, {
|
|
2756
|
-
ref: ref,
|
|
2757
2746
|
className: clsx('ams-table__body', className),
|
|
2747
|
+
ref: ref,
|
|
2758
2748
|
children: children
|
|
2759
2749
|
}));
|
|
2760
2750
|
});
|
|
@@ -2768,8 +2758,8 @@ var TableCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2768
2758
|
className = _ref.className,
|
|
2769
2759
|
restProps = _objectWithoutProperties(_ref, _excluded$j);
|
|
2770
2760
|
return jsx("caption", _objectSpread$j(_objectSpread$j({}, restProps), {}, {
|
|
2771
|
-
ref: ref,
|
|
2772
2761
|
className: clsx('ams-table__caption', className),
|
|
2762
|
+
ref: ref,
|
|
2773
2763
|
children: children
|
|
2774
2764
|
}));
|
|
2775
2765
|
});
|
|
@@ -2783,8 +2773,8 @@ var TableCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2783
2773
|
className = _ref.className,
|
|
2784
2774
|
restProps = _objectWithoutProperties(_ref, _excluded$i);
|
|
2785
2775
|
return jsx("td", _objectSpread$i(_objectSpread$i({}, restProps), {}, {
|
|
2786
|
-
ref: ref,
|
|
2787
2776
|
className: clsx('ams-table__cell', className),
|
|
2777
|
+
ref: ref,
|
|
2788
2778
|
children: children
|
|
2789
2779
|
}));
|
|
2790
2780
|
});
|
|
@@ -2798,8 +2788,8 @@ var TableFooter = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2798
2788
|
className = _ref.className,
|
|
2799
2789
|
restProps = _objectWithoutProperties(_ref, _excluded$h);
|
|
2800
2790
|
return jsx("tfoot", _objectSpread$h(_objectSpread$h({}, restProps), {}, {
|
|
2801
|
-
ref: ref,
|
|
2802
2791
|
className: clsx('ams-table__footer', className),
|
|
2792
|
+
ref: ref,
|
|
2803
2793
|
children: children
|
|
2804
2794
|
}));
|
|
2805
2795
|
});
|
|
@@ -2813,8 +2803,8 @@ var TableHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2813
2803
|
className = _ref.className,
|
|
2814
2804
|
restProps = _objectWithoutProperties(_ref, _excluded$g);
|
|
2815
2805
|
return jsx("thead", _objectSpread$g(_objectSpread$g({}, restProps), {}, {
|
|
2816
|
-
ref: ref,
|
|
2817
2806
|
className: clsx('ams-table__header', className),
|
|
2807
|
+
ref: ref,
|
|
2818
2808
|
children: children
|
|
2819
2809
|
}));
|
|
2820
2810
|
});
|
|
@@ -2828,8 +2818,8 @@ var TableHeaderCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2828
2818
|
className = _ref.className,
|
|
2829
2819
|
restProps = _objectWithoutProperties(_ref, _excluded$f);
|
|
2830
2820
|
return jsx("th", _objectSpread$f(_objectSpread$f({}, restProps), {}, {
|
|
2831
|
-
ref: ref,
|
|
2832
2821
|
className: clsx('ams-table__header-cell', className),
|
|
2822
|
+
ref: ref,
|
|
2833
2823
|
children: children
|
|
2834
2824
|
}));
|
|
2835
2825
|
});
|
|
@@ -2843,8 +2833,8 @@ var TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2843
2833
|
className = _ref.className,
|
|
2844
2834
|
restProps = _objectWithoutProperties(_ref, _excluded$e);
|
|
2845
2835
|
return jsx("tr", _objectSpread$e(_objectSpread$e({}, restProps), {}, {
|
|
2846
|
-
ref: ref,
|
|
2847
2836
|
className: clsx('ams-table__row', className),
|
|
2837
|
+
ref: ref,
|
|
2848
2838
|
children: children
|
|
2849
2839
|
}));
|
|
2850
2840
|
});
|
|
@@ -2860,8 +2850,8 @@ var TableRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2860
2850
|
return jsx("div", {
|
|
2861
2851
|
className: "ams-table",
|
|
2862
2852
|
children: jsx("table", _objectSpread$d(_objectSpread$d({}, restProps), {}, {
|
|
2863
|
-
ref: ref,
|
|
2864
2853
|
className: clsx('ams-table__table', className),
|
|
2854
|
+
ref: ref,
|
|
2865
2855
|
children: children
|
|
2866
2856
|
}))
|
|
2867
2857
|
});
|
|
@@ -2904,8 +2894,8 @@ var TableOfContentsList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2904
2894
|
className = _ref.className,
|
|
2905
2895
|
restProps = _objectWithoutProperties(_ref, _excluded$b);
|
|
2906
2896
|
return jsx("ul", _objectSpread$b(_objectSpread$b({}, restProps), {}, {
|
|
2907
|
-
ref: ref,
|
|
2908
2897
|
className: clsx('ams-table-of-contents__list', className),
|
|
2898
|
+
ref: ref,
|
|
2909
2899
|
children: children
|
|
2910
2900
|
}));
|
|
2911
2901
|
});
|
|
@@ -2919,11 +2909,11 @@ var TableOfContentsRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2919
2909
|
className = _ref.className,
|
|
2920
2910
|
heading = _ref.heading,
|
|
2921
2911
|
_ref$headingLevel = _ref.headingLevel,
|
|
2922
|
-
headingLevel = _ref$headingLevel ===
|
|
2912
|
+
headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
|
|
2923
2913
|
restProps = _objectWithoutProperties(_ref, _excluded$a);
|
|
2924
2914
|
return jsxs("nav", _objectSpread$a(_objectSpread$a({}, restProps), {}, {
|
|
2925
|
-
ref: ref,
|
|
2926
2915
|
className: clsx('ams-table-of-contents', className),
|
|
2916
|
+
ref: ref,
|
|
2927
2917
|
children: [heading && jsx(Heading, {
|
|
2928
2918
|
className: "ams-table-of-contents__heading",
|
|
2929
2919
|
level: headingLevel,
|
|
@@ -2943,7 +2933,7 @@ var TableOfContents = Object.assign(TableOfContentsRoot, {
|
|
|
2943
2933
|
* Copyright Gemeente Amsterdam
|
|
2944
2934
|
*/
|
|
2945
2935
|
var defaultValues = {
|
|
2946
|
-
|
|
2936
|
+
activeTabId: undefined,
|
|
2947
2937
|
tabsId: '',
|
|
2948
2938
|
updateTab: function updateTab() {}
|
|
2949
2939
|
};
|
|
@@ -2956,28 +2946,27 @@ var TabsButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2956
2946
|
var children = _ref.children,
|
|
2957
2947
|
className = _ref.className,
|
|
2958
2948
|
onClick = _ref.onClick,
|
|
2959
|
-
|
|
2960
|
-
tab = _ref$tab === undefined ? 0 : _ref$tab,
|
|
2949
|
+
tab = _ref.tab,
|
|
2961
2950
|
restProps = _objectWithoutProperties(_ref, _excluded$9);
|
|
2962
2951
|
var _useContext = useContext(TabsContext),
|
|
2963
|
-
|
|
2952
|
+
activeTabId = _useContext.activeTabId,
|
|
2964
2953
|
tabsId = _useContext.tabsId,
|
|
2965
2954
|
updateTab = _useContext.updateTab;
|
|
2966
2955
|
var handleClick = function handleClick(event) {
|
|
2967
|
-
onClick === null || onClick ===
|
|
2956
|
+
onClick === null || onClick === void 0 || onClick(event);
|
|
2968
2957
|
startTransition(function () {
|
|
2969
2958
|
updateTab(tab);
|
|
2970
2959
|
});
|
|
2971
2960
|
};
|
|
2972
2961
|
return jsxs("button", _objectSpread$9(_objectSpread$9({}, restProps), {}, {
|
|
2973
2962
|
"aria-controls": "".concat(tabsId, "-panel-").concat(tab),
|
|
2974
|
-
"aria-selected":
|
|
2963
|
+
"aria-selected": activeTabId === tab,
|
|
2975
2964
|
className: clsx('ams-tabs__button', className),
|
|
2976
2965
|
id: "".concat(tabsId, "-tab-").concat(tab),
|
|
2977
2966
|
onClick: handleClick,
|
|
2978
2967
|
ref: ref,
|
|
2979
2968
|
role: "tab",
|
|
2980
|
-
tabIndex:
|
|
2969
|
+
tabIndex: activeTabId === tab ? 0 : -1,
|
|
2981
2970
|
children: [jsx("span", {
|
|
2982
2971
|
"aria-hidden": "true",
|
|
2983
2972
|
className: "ams-tabs__button-label-hidden",
|
|
@@ -2997,95 +2986,110 @@ var TabsList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2997
2986
|
var children = _ref.children,
|
|
2998
2987
|
className = _ref.className,
|
|
2999
2988
|
restProps = _objectWithoutProperties(_ref, _excluded$8);
|
|
2989
|
+
var innerRef = useRef(null);
|
|
2990
|
+
// Use a passed ref if it's there, otherwise use innerRef
|
|
2991
|
+
useImperativeHandle(ref, function () {
|
|
2992
|
+
return innerRef.current;
|
|
2993
|
+
});
|
|
2994
|
+
var _useKeyboardFocus = useKeyboardFocus(innerRef, {
|
|
2995
|
+
focusableElements: ['button[role="tab"]'],
|
|
2996
|
+
horizontally: true,
|
|
2997
|
+
rotating: true
|
|
2998
|
+
}),
|
|
2999
|
+
keyDown = _useKeyboardFocus.keyDown;
|
|
3000
3000
|
return jsx("div", _objectSpread$8(_objectSpread$8({}, restProps), {}, {
|
|
3001
|
-
role: "tablist",
|
|
3002
|
-
ref: ref,
|
|
3003
3001
|
className: clsx('ams-tabs__list', className),
|
|
3002
|
+
onKeyDown: keyDown,
|
|
3003
|
+
ref: innerRef,
|
|
3004
|
+
role: "tablist",
|
|
3004
3005
|
children: children
|
|
3005
3006
|
}));
|
|
3006
3007
|
});
|
|
3007
3008
|
TabsList.displayName = 'Tabs.List';
|
|
3008
3009
|
|
|
3009
|
-
var _excluded$7 = ["
|
|
3010
|
+
var _excluded$7 = ["children", "className", "tab"];
|
|
3010
3011
|
function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3011
3012
|
function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3012
3013
|
var TabsPanel = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
3013
|
-
var
|
|
3014
|
-
children = _ref.children,
|
|
3014
|
+
var children = _ref.children,
|
|
3015
3015
|
className = _ref.className,
|
|
3016
|
+
tab = _ref.tab,
|
|
3016
3017
|
restProps = _objectWithoutProperties(_ref, _excluded$7);
|
|
3017
3018
|
var _useContext = useContext(TabsContext),
|
|
3018
|
-
|
|
3019
|
+
activeTabId = _useContext.activeTabId,
|
|
3019
3020
|
tabsId = _useContext.tabsId;
|
|
3020
|
-
if (tab !==
|
|
3021
|
+
if (tab !== activeTabId) {
|
|
3021
3022
|
return null;
|
|
3022
3023
|
}
|
|
3023
3024
|
return jsx("div", _objectSpread$7(_objectSpread$7({}, restProps), {}, {
|
|
3024
|
-
role: "tabpanel",
|
|
3025
3025
|
"aria-labelledby": "".concat(tabsId, "-tab-").concat(tab),
|
|
3026
|
+
className: clsx('ams-tabs__panel', className),
|
|
3026
3027
|
id: "".concat(tabsId, "-panel-").concat(tab),
|
|
3027
|
-
tabIndex: 0,
|
|
3028
3028
|
ref: ref,
|
|
3029
|
-
|
|
3029
|
+
role: "tabpanel",
|
|
3030
|
+
tabIndex: 0,
|
|
3030
3031
|
children: children
|
|
3031
3032
|
}));
|
|
3032
3033
|
});
|
|
3033
3034
|
TabsPanel.displayName = 'Tabs.Panel';
|
|
3034
3035
|
|
|
3035
|
-
var _excluded$6 = ["activeTab", "children", "className", "
|
|
3036
|
+
var _excluded$6 = ["activeTab", "children", "className", "onTabChange"];
|
|
3036
3037
|
function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3037
3038
|
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3038
3039
|
var TabsRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
3039
3040
|
var activeTab = _ref.activeTab,
|
|
3040
3041
|
children = _ref.children,
|
|
3041
3042
|
className = _ref.className,
|
|
3042
|
-
|
|
3043
|
+
onTabChange = _ref.onTabChange,
|
|
3043
3044
|
restProps = _objectWithoutProperties(_ref, _excluded$6);
|
|
3044
3045
|
var tabsId = useId();
|
|
3045
|
-
var
|
|
3046
|
-
var _useState = useState(0),
|
|
3046
|
+
var _useState = useState(),
|
|
3047
3047
|
_useState2 = _slicedToArray(_useState, 2),
|
|
3048
3048
|
activeTabId = _useState2[0],
|
|
3049
3049
|
setActiveTabId = _useState2[1];
|
|
3050
|
-
var
|
|
3050
|
+
var allTabIds = useMemo(function () {
|
|
3051
3051
|
if (!Array.isArray(children)) return [];
|
|
3052
|
-
|
|
3052
|
+
// The first child of Tabs should be TabsList
|
|
3053
|
+
var tabsList = children[0];
|
|
3054
|
+
// Get children of TabsList
|
|
3055
|
+
var tabsListChildren = tabsList.props.children;
|
|
3056
|
+
// TabsList can have 0, 1, or more children
|
|
3057
|
+
// If there is only 1 child, it will be an object
|
|
3058
|
+
if (tabsListChildren.props) {
|
|
3059
|
+
return [tabsListChildren.props.tab];
|
|
3060
|
+
}
|
|
3061
|
+
// If there is more than 1 child, it will be an array
|
|
3062
|
+
if (Array.isArray(tabsListChildren)) {
|
|
3063
|
+
return tabsListChildren.map(function (child) {
|
|
3064
|
+
return child.props.tab;
|
|
3065
|
+
});
|
|
3066
|
+
}
|
|
3067
|
+
// If there are no children, return an empty array
|
|
3068
|
+
return [];
|
|
3053
3069
|
}, [children]);
|
|
3054
3070
|
useEffect(function () {
|
|
3055
|
-
if (
|
|
3056
|
-
|
|
3057
|
-
if (activeTab
|
|
3058
|
-
|
|
3059
|
-
|
|
3060
|
-
setActiveTabId(allTabs.length - 1);
|
|
3071
|
+
if (!activeTab) {
|
|
3072
|
+
setActiveTabId(allTabIds[0]);
|
|
3073
|
+
} else if (!allTabIds.includes(activeTab)) {
|
|
3074
|
+
console.warn("The active tab \"".concat(activeTab, "\" does not exist. Falling back to the first tab."));
|
|
3075
|
+
setActiveTabId(allTabIds[0]);
|
|
3061
3076
|
} else {
|
|
3062
3077
|
setActiveTabId(activeTab);
|
|
3063
3078
|
}
|
|
3064
|
-
}, [activeTab,
|
|
3079
|
+
}, [activeTab, allTabIds]);
|
|
3065
3080
|
var updateTab = function updateTab(tab) {
|
|
3066
3081
|
setActiveTabId(tab);
|
|
3067
|
-
|
|
3082
|
+
onTabChange === null || onTabChange === void 0 || onTabChange(tab);
|
|
3068
3083
|
};
|
|
3069
|
-
// Use a passed ref if it's there, otherwise use innerRef
|
|
3070
|
-
useImperativeHandle(ref, function () {
|
|
3071
|
-
return innerRef.current;
|
|
3072
|
-
});
|
|
3073
|
-
var _useKeyboardFocus = useKeyboardFocus(innerRef, {
|
|
3074
|
-
rotating: true,
|
|
3075
|
-
horizontally: true
|
|
3076
|
-
}),
|
|
3077
|
-
keyDown = _useKeyboardFocus.keyDown;
|
|
3078
3084
|
return jsx(TabsContext.Provider, {
|
|
3079
3085
|
value: {
|
|
3080
|
-
|
|
3081
|
-
|
|
3082
|
-
|
|
3086
|
+
activeTabId: activeTabId,
|
|
3087
|
+
tabsId: tabsId,
|
|
3088
|
+
updateTab: updateTab
|
|
3083
3089
|
},
|
|
3084
3090
|
children: jsx("div", _objectSpread$6(_objectSpread$6({}, restProps), {}, {
|
|
3085
|
-
role: "tabs",
|
|
3086
|
-
ref: innerRef,
|
|
3087
|
-
onKeyDown: keyDown,
|
|
3088
3091
|
className: clsx('ams-tabs', className),
|
|
3092
|
+
ref: ref,
|
|
3089
3093
|
children: children
|
|
3090
3094
|
}))
|
|
3091
3095
|
});
|
|
@@ -3109,7 +3113,7 @@ var TextArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
3109
3113
|
return jsx("textarea", _objectSpread$5(_objectSpread$5({}, restProps), {}, {
|
|
3110
3114
|
"aria-invalid": invalid || undefined,
|
|
3111
3115
|
className: clsx('ams-text-area', resize && "ams-text-area--resize-".concat(resize), restProps.cols && 'ams-text-area--cols', className),
|
|
3112
|
-
dir: dir !== null && dir !==
|
|
3116
|
+
dir: dir !== null && dir !== void 0 ? dir : 'auto',
|
|
3113
3117
|
ref: ref
|
|
3114
3118
|
}));
|
|
3115
3119
|
});
|
|
@@ -3123,12 +3127,12 @@ var TextInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
3123
3127
|
dir = _ref.dir,
|
|
3124
3128
|
invalid = _ref.invalid,
|
|
3125
3129
|
_ref$type = _ref.type,
|
|
3126
|
-
type = _ref$type ===
|
|
3130
|
+
type = _ref$type === void 0 ? 'text' : _ref$type,
|
|
3127
3131
|
restProps = _objectWithoutProperties(_ref, _excluded$4);
|
|
3128
3132
|
return jsx("input", _objectSpread$4(_objectSpread$4({}, restProps), {}, {
|
|
3129
3133
|
"aria-invalid": invalid || undefined,
|
|
3130
3134
|
className: clsx('ams-text-input', className),
|
|
3131
|
-
dir: dir !== null && dir !==
|
|
3135
|
+
dir: dir !== null && dir !== void 0 ? dir : 'auto',
|
|
3132
3136
|
ref: ref,
|
|
3133
3137
|
type: type
|
|
3134
3138
|
}));
|
|
@@ -3151,17 +3155,17 @@ var TimeInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
3151
3155
|
});
|
|
3152
3156
|
TimeInput.displayName = 'TimeInput';
|
|
3153
3157
|
|
|
3154
|
-
var _excluded$2 = ["className", "
|
|
3158
|
+
var _excluded$2 = ["className", "description", "label"];
|
|
3155
3159
|
function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3156
3160
|
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3157
3161
|
var TopTaskLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
3158
3162
|
var className = _ref.className,
|
|
3159
|
-
label = _ref.label,
|
|
3160
3163
|
description = _ref.description,
|
|
3164
|
+
label = _ref.label,
|
|
3161
3165
|
restProps = _objectWithoutProperties(_ref, _excluded$2);
|
|
3162
3166
|
return jsxs("a", _objectSpread$2(_objectSpread$2({}, restProps), {}, {
|
|
3163
|
-
ref: ref,
|
|
3164
3167
|
className: clsx('ams-top-task-link', className),
|
|
3168
|
+
ref: ref,
|
|
3165
3169
|
children: [jsx("span", {
|
|
3166
3170
|
className: "ams-top-task-link__label",
|
|
3167
3171
|
children: label
|
|
@@ -3184,28 +3188,28 @@ var UnorderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
3184
3188
|
className = _ref.className,
|
|
3185
3189
|
restProps = _objectWithoutProperties(_ref, _excluded$1);
|
|
3186
3190
|
return jsx("li", _objectSpread$1(_objectSpread$1({
|
|
3187
|
-
|
|
3188
|
-
|
|
3191
|
+
className: clsx('ams-unordered-list__item', className),
|
|
3192
|
+
ref: ref
|
|
3189
3193
|
}, restProps), {}, {
|
|
3190
3194
|
children: children
|
|
3191
3195
|
}));
|
|
3192
3196
|
});
|
|
3193
3197
|
UnorderedListItem.displayName = 'UnorderedList.Item';
|
|
3194
3198
|
|
|
3195
|
-
var _excluded = ["children", "className", "
|
|
3199
|
+
var _excluded = ["children", "className", "color", "markers", "size"];
|
|
3196
3200
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3197
3201
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3198
3202
|
var UnorderedListRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
3199
3203
|
var children = _ref.children,
|
|
3200
3204
|
className = _ref.className,
|
|
3201
|
-
|
|
3205
|
+
color = _ref.color,
|
|
3202
3206
|
_ref$markers = _ref.markers,
|
|
3203
|
-
markers = _ref$markers ===
|
|
3207
|
+
markers = _ref$markers === void 0 ? true : _ref$markers,
|
|
3204
3208
|
size = _ref.size,
|
|
3205
3209
|
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
3206
3210
|
return jsx("ul", _objectSpread(_objectSpread({
|
|
3207
|
-
|
|
3208
|
-
|
|
3211
|
+
className: clsx('ams-unordered-list', color && "ams-unordered-list--".concat(color), !markers && 'ams-unordered-list--no-markers', size && "ams-unordered-list--".concat(size), className),
|
|
3212
|
+
ref: ref
|
|
3209
3213
|
}, restProps), {}, {
|
|
3210
3214
|
children: children
|
|
3211
3215
|
}));
|
|
@@ -3215,5 +3219,5 @@ var UnorderedList = Object.assign(UnorderedListRoot, {
|
|
|
3215
3219
|
Item: UnorderedListItem
|
|
3216
3220
|
});
|
|
3217
3221
|
|
|
3218
|
-
export { Accordion, ActionGroup, Alert, Avatar, Badge, Blockquote, Breadcrumb, Breakout, Button, Card, CharacterCount, Checkbox, Column, DateInput, DescriptionList, Dialog, ErrorMessage, Field, FieldSet, Figure, FileInput, FileList, Footer,
|
|
3222
|
+
export { Accordion, ActionGroup, Alert, Avatar, Badge, Blockquote, Breadcrumb, Breakout, Button, Card, CharacterCount, Checkbox, Column, DateInput, DescriptionList, Dialog, ErrorMessage, Field, FieldSet, Figure, FileInput, FileList, Footer, Grid, Header, Heading, Hint, Icon, IconButton, Image, ImageSlider, InvalidFormAlert, Label, Link, LinkList, Logo, Mark, MegaMenu, OrderedList, Overlap, PageHeading, PageMenu, Pagination, Paragraph, PasswordInput, Radio, Row, Screen, SearchField, Select, SkipLink, Spotlight, Switch, Table, TableOfContents, Tabs, TextArea, TextInput, TimeInput, TopTaskLink, UnorderedList, generateAspectRatioClass };
|
|
3219
3223
|
//# sourceMappingURL=index.esm.js.map
|