@reykjavik/hanna-react 0.10.53
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/CHANGELOG.md +795 -0
- package/README.md +69 -0
- package/lib/AccordionList.cjs +91 -0
- package/lib/AccordionList.mjs +69 -0
- package/lib/ActionCards.cjs +57 -0
- package/lib/ActionCards.mjs +35 -0
- package/lib/Alert.cjs +159 -0
- package/lib/Alert.mjs +139 -0
- package/lib/ArticleCarousel/_ArticleCarouselCard.cjs +75 -0
- package/lib/ArticleCarousel/_ArticleCarouselCard.mjs +51 -0
- package/lib/ArticleCarousel.cjs +43 -0
- package/lib/ArticleCarousel.mjs +21 -0
- package/lib/ArticleMeta.cjs +46 -0
- package/lib/ArticleMeta.mjs +22 -0
- package/lib/Attention.cjs +33 -0
- package/lib/Attention.mjs +9 -0
- package/lib/BasicTable.cjs +72 -0
- package/lib/BasicTable.mjs +50 -0
- package/lib/Bling.cjs +76 -0
- package/lib/Bling.mjs +52 -0
- package/lib/BlockBreak.cjs +32 -0
- package/lib/BlockBreak.mjs +8 -0
- package/lib/BlockQuote.cjs +47 -0
- package/lib/BlockQuote.mjs +25 -0
- package/lib/BreadCrumbs.cjs +67 -0
- package/lib/BreadCrumbs.mjs +43 -0
- package/lib/ButtonBack.cjs +47 -0
- package/lib/ButtonBack.mjs +25 -0
- package/lib/ButtonBar.cjs +45 -0
- package/lib/ButtonBar.mjs +18 -0
- package/lib/ButtonPrimary.cjs +47 -0
- package/lib/ButtonPrimary.mjs +25 -0
- package/lib/ButtonSecondary.cjs +47 -0
- package/lib/ButtonSecondary.mjs +25 -0
- package/lib/ButtonTertiary.cjs +64 -0
- package/lib/ButtonTertiary.mjs +42 -0
- package/lib/Carousel.cjs +52 -0
- package/lib/Carousel.mjs +30 -0
- package/lib/CarouselStepper.cjs +51 -0
- package/lib/CarouselStepper.mjs +29 -0
- package/lib/CenterColumn.cjs +40 -0
- package/lib/CenterColumn.mjs +16 -0
- package/lib/Checkbox.cjs +52 -0
- package/lib/Checkbox.mjs +30 -0
- package/lib/CheckboxButtonsGroup.cjs +65 -0
- package/lib/CheckboxButtonsGroup.mjs +43 -0
- package/lib/CheckboxGroup.cjs +55 -0
- package/lib/CheckboxGroup.mjs +33 -0
- package/lib/CityBlock.cjs +49 -0
- package/lib/CityBlock.mjs +25 -0
- package/lib/ContactBubble.cjs +200 -0
- package/lib/ContactBubble.mjs +173 -0
- package/lib/ContentArticle.cjs +63 -0
- package/lib/ContentArticle.mjs +41 -0
- package/lib/ContentImage.cjs +58 -0
- package/lib/ContentImage.mjs +36 -0
- package/lib/Datepicker.cjs +164 -0
- package/lib/Datepicker.mjs +142 -0
- package/lib/ExtraLinks.cjs +96 -0
- package/lib/ExtraLinks.mjs +74 -0
- package/lib/FeatureList.cjs +53 -0
- package/lib/FeatureList.mjs +29 -0
- package/lib/FieldGroup.cjs +40 -0
- package/lib/FieldGroup.mjs +16 -0
- package/lib/FileInput.cjs +256 -0
- package/lib/FileInput.mjs +234 -0
- package/lib/Foonote.cjs +30 -0
- package/lib/Foonote.mjs +6 -0
- package/lib/FooterBadges.cjs +49 -0
- package/lib/FooterBadges.mjs +25 -0
- package/lib/FooterInfo.cjs +47 -0
- package/lib/FooterInfo.mjs +23 -0
- package/lib/Footnote.cjs +32 -0
- package/lib/Footnote.mjs +8 -0
- package/lib/Form.cjs +56 -0
- package/lib/Form.mjs +34 -0
- package/lib/FormField.cjs +153 -0
- package/lib/FormField.mjs +131 -0
- package/lib/Gallery/_GalleryItem.cjs +83 -0
- package/lib/Gallery/_GalleryItem.mjs +61 -0
- package/lib/Gallery/_GalleryModal.cjs +104 -0
- package/lib/Gallery/_GalleryModal.mjs +82 -0
- package/lib/Gallery/_GalleryModalContext.cjs +30 -0
- package/lib/Gallery/_GalleryModalContext.mjs +6 -0
- package/lib/Gallery/_GalleryModalItem.cjs +59 -0
- package/lib/Gallery/_GalleryModalItem.mjs +36 -0
- package/lib/Gallery.cjs +79 -0
- package/lib/Gallery.mjs +57 -0
- package/lib/GridBlocks.cjs +81 -0
- package/lib/GridBlocks.mjs +59 -0
- package/lib/Heading.cjs +45 -0
- package/lib/Heading.mjs +21 -0
- package/lib/HeroBlock.cjs +74 -0
- package/lib/HeroBlock.mjs +52 -0
- package/lib/IframeBlock.cjs +48 -0
- package/lib/IframeBlock.mjs +24 -0
- package/lib/Illustration.cjs +51 -0
- package/lib/Illustration.mjs +31 -0
- package/lib/ImageCards.cjs +72 -0
- package/lib/ImageCards.mjs +52 -0
- package/lib/InfoBlock.cjs +51 -0
- package/lib/InfoBlock.mjs +27 -0
- package/lib/InfoHero.cjs +150 -0
- package/lib/InfoHero.mjs +128 -0
- package/lib/IslandBlock.cjs +63 -0
- package/lib/IslandBlock.mjs +41 -0
- package/lib/IslandPageBlock.cjs +49 -0
- package/lib/IslandPageBlock.mjs +25 -0
- package/lib/LabeledTextBlock.cjs +60 -0
- package/lib/LabeledTextBlock.mjs +38 -0
- package/lib/Layout.cjs +113 -0
- package/lib/Layout.mjs +87 -0
- package/lib/MainMenu/_Auxiliary.cjs +54 -0
- package/lib/MainMenu/_Auxiliary.mjs +28 -0
- package/lib/MainMenu/_PrimaryPanel.cjs +74 -0
- package/lib/MainMenu/_PrimaryPanel.mjs +48 -0
- package/lib/MainMenu.cjs +209 -0
- package/lib/MainMenu.mjs +187 -0
- package/lib/MiniMetrics.cjs +56 -0
- package/lib/MiniMetrics.mjs +34 -0
- package/lib/Modal.cjs +70 -0
- package/lib/Modal.mjs +48 -0
- package/lib/NameCard.cjs +115 -0
- package/lib/NameCard.mjs +91 -0
- package/lib/NameCards.cjs +52 -0
- package/lib/NameCards.mjs +30 -0
- package/lib/NewsHero.cjs +136 -0
- package/lib/NewsHero.mjs +114 -0
- package/lib/PageFilter.cjs +48 -0
- package/lib/PageFilter.mjs +24 -0
- package/lib/PageHeading.cjs +42 -0
- package/lib/PageHeading.mjs +18 -0
- package/lib/ProcessOverview.cjs +52 -0
- package/lib/ProcessOverview.mjs +28 -0
- package/lib/PullQuote.cjs +47 -0
- package/lib/PullQuote.mjs +25 -0
- package/lib/RadioButtonsGroup.cjs +64 -0
- package/lib/RadioButtonsGroup.mjs +42 -0
- package/lib/RadioGroup.cjs +58 -0
- package/lib/RadioGroup.mjs +36 -0
- package/lib/RelatedLinks.cjs +61 -0
- package/lib/RelatedLinks.mjs +37 -0
- package/lib/RowBlock.cjs +39 -0
- package/lib/RowBlock.mjs +15 -0
- package/lib/RowBlockColumn.cjs +40 -0
- package/lib/RowBlockColumn.mjs +16 -0
- package/lib/SearchInput.cjs +136 -0
- package/lib/SearchInput.mjs +114 -0
- package/lib/SearchResults/_SearchResultsItem.cjs +54 -0
- package/lib/SearchResults/_SearchResultsItem.mjs +30 -0
- package/lib/SearchResults.cjs +172 -0
- package/lib/SearchResults.mjs +150 -0
- package/lib/SeenEffect.cjs +66 -0
- package/lib/SeenEffect.mjs +44 -0
- package/lib/Selectbox.cjs +144 -0
- package/lib/Selectbox.mjs +122 -0
- package/lib/ShareButtons.cjs +101 -0
- package/lib/ShareButtons.mjs +83 -0
- package/lib/Sharpie.cjs +51 -0
- package/lib/Sharpie.mjs +27 -0
- package/lib/SiteSearchAutocomplete.cjs +150 -0
- package/lib/SiteSearchAutocomplete.mjs +126 -0
- package/lib/SiteSearchCurtain.cjs +78 -0
- package/lib/SiteSearchCurtain.mjs +56 -0
- package/lib/SiteSearchInput.cjs +119 -0
- package/lib/SiteSearchInput.mjs +97 -0
- package/lib/Skeleton.cjs +63 -0
- package/lib/Skeleton.mjs +39 -0
- package/lib/SubHeading.cjs +43 -0
- package/lib/SubHeading.mjs +19 -0
- package/lib/Tabs.cjs +166 -0
- package/lib/Tabs.mjs +144 -0
- package/lib/TagPill.cjs +113 -0
- package/lib/TagPill.mjs +91 -0
- package/lib/TextBlock.cjs +45 -0
- package/lib/TextBlock.mjs +21 -0
- package/lib/TextButton.cjs +55 -0
- package/lib/TextButton.mjs +33 -0
- package/lib/TextInput.cjs +136 -0
- package/lib/TextInput.mjs +114 -0
- package/lib/VSpacer.cjs +70 -0
- package/lib/VSpacer.mjs +46 -0
- package/lib/VerticalTabsTOC.cjs +123 -0
- package/lib/VerticalTabsTOC.mjs +101 -0
- package/lib/WizardLayout.cjs +79 -0
- package/lib/WizardLayout.mjs +55 -0
- package/lib/WizardLayoutClose.cjs +47 -0
- package/lib/WizardLayoutClose.mjs +25 -0
- package/lib/WizardStepper.cjs +55 -0
- package/lib/WizardStepper.mjs +31 -0
- package/lib/_abstract/Button.cjs +114 -0
- package/lib/_abstract/Button.mjs +92 -0
- package/lib/_abstract/CardList.cjs +100 -0
- package/lib/_abstract/CardList.mjs +76 -0
- package/lib/_abstract/Image.cjs +75 -0
- package/lib/_abstract/Image.mjs +51 -0
- package/lib/_abstract/Link.cjs +37 -0
- package/lib/_abstract/Link.mjs +10 -0
- package/lib/_abstract/TogglerGroup.cjs +92 -0
- package/lib/_abstract/TogglerGroup.mjs +70 -0
- package/lib/_abstract/TogglerGroupField.cjs +121 -0
- package/lib/_abstract/TogglerGroupField.mjs +99 -0
- package/lib/_abstract/TogglerInput.cjs +105 -0
- package/lib/_abstract/TogglerInput.mjs +83 -0
- package/lib/_abstract/_AbstractCarousel.cjs +170 -0
- package/lib/_abstract/_AbstractCarousel.mjs +152 -0
- package/lib/_abstract/_Blings.cjs +47 -0
- package/lib/_abstract/_Blings.mjs +23 -0
- package/lib/_abstract/_Block.cjs +73 -0
- package/lib/_abstract/_Block.mjs +51 -0
- package/lib/_abstract/_Quote.cjs +43 -0
- package/lib/_abstract/_Quote.mjs +17 -0
- package/lib/_abstract/breakOnNL.cjs +30 -0
- package/lib/_abstract/breakOnNL.mjs +6 -0
- package/lib/assets.cjs +77 -0
- package/lib/assets.mjs +53 -0
- package/lib/constants.cjs +49 -0
- package/lib/constants.mjs +24 -0
- package/lib/focus-visible.cjs +1 -0
- package/lib/focus-visible.mjs +1 -0
- package/lib/utils/config.cjs +27 -0
- package/lib/utils/config.mjs +4 -0
- package/lib/utils/detectEdgeScroll.cjs +95 -0
- package/lib/utils/detectEdgeScroll.mjs +71 -0
- package/lib/utils/env.cjs +31 -0
- package/lib/utils/env.mjs +5 -0
- package/lib/utils/seenEffect.cjs +93 -0
- package/lib/utils/seenEffect.mjs +65 -0
- package/lib/utils/useFormatMonitor.cjs +29 -0
- package/lib/utils/useFormatMonitor.mjs +6 -0
- package/lib/utils/useGetSVGtext.cjs +44 -0
- package/lib/utils/useGetSVGtext.mjs +21 -0
- package/lib/utils/useMenuToggling.cjs +83 -0
- package/lib/utils/useMenuToggling.mjs +60 -0
- package/lib/utils/useScrollbarWidthCSSVar.cjs +32 -0
- package/lib/utils/useScrollbarWidthCSSVar.mjs +6 -0
- package/lib/utils.cjs +18 -0
- package/lib/utils.mjs +2 -0
- package/package.json +491 -0
- package/types/AccordionList.d.ts +17 -0
- package/types/ActionCards.d.ts +5 -0
- package/types/Alert.d.ts +49 -0
- package/types/ArticleCarousel/_ArticleCarouselCard.d.ts +27 -0
- package/types/ArticleCarousel.d.ts +12 -0
- package/types/ArticleMeta.d.ts +9 -0
- package/types/Attention.d.ts +7 -0
- package/types/BasicTable.d.ts +12 -0
- package/types/Bling.d.ts +81 -0
- package/types/BlockBreak.d.ts +2 -0
- package/types/BlockQuote.d.ts +4 -0
- package/types/BreadCrumbs.d.ts +11 -0
- package/types/ButtonBack.d.ts +7 -0
- package/types/ButtonBar.d.ts +16 -0
- package/types/ButtonPrimary.d.ts +7 -0
- package/types/ButtonSecondary.d.ts +7 -0
- package/types/ButtonTertiary.d.ts +12 -0
- package/types/Carousel.d.ts +4 -0
- package/types/CarouselStepper.d.ts +4 -0
- package/types/CenterColumn.d.ts +7 -0
- package/types/Checkbox.d.ts +4 -0
- package/types/CheckboxButtonsGroup.d.ts +11 -0
- package/types/CheckboxGroup.d.ts +9 -0
- package/types/CityBlock.d.ts +23 -0
- package/types/ContactBubble.d.ts +58 -0
- package/types/ContentArticle.d.ts +15 -0
- package/types/ContentImage.d.ts +8 -0
- package/types/Datepicker.d.ts +39 -0
- package/types/ExtraLinks.d.ts +18 -0
- package/types/FeatureList.d.ts +12 -0
- package/types/FieldGroup.d.ts +9 -0
- package/types/FileInput.d.ts +17 -0
- package/types/Foonote.d.ts +12 -0
- package/types/FooterBadges.d.ts +9 -0
- package/types/FooterInfo.d.ts +18 -0
- package/types/Footnote.d.ts +6 -0
- package/types/Form.d.ts +7 -0
- package/types/FormField.d.ts +65 -0
- package/types/Gallery/_GalleryItem.d.ts +8 -0
- package/types/Gallery/_GalleryModal.d.ts +6 -0
- package/types/Gallery/_GalleryModalContext.d.ts +9 -0
- package/types/Gallery/_GalleryModalItem.d.ts +3 -0
- package/types/Gallery.d.ts +17 -0
- package/types/GridBlocks.d.ts +26 -0
- package/types/Heading.d.ts +16 -0
- package/types/HeroBlock.d.ts +19 -0
- package/types/IframeBlock.d.ts +23 -0
- package/types/Illustration.d.ts +13 -0
- package/types/ImageCards.d.ts +8 -0
- package/types/InfoBlock.d.ts +17 -0
- package/types/InfoHero.d.ts +17 -0
- package/types/IslandBlock.d.ts +25 -0
- package/types/IslandPageBlock.d.ts +24 -0
- package/types/LabeledTextBlock.d.ts +11 -0
- package/types/Layout.d.ts +33 -0
- package/types/MainMenu/_Auxiliary.d.ts +6 -0
- package/types/MainMenu/_PrimaryPanel.d.ts +13 -0
- package/types/MainMenu.d.ts +48 -0
- package/types/MiniMetrics.d.ts +8 -0
- package/types/Modal.d.ts +10 -0
- package/types/NameCard.d.ts +64 -0
- package/types/NameCards.d.ts +6 -0
- package/types/NewsHero.d.ts +14 -0
- package/types/PageFilter.d.ts +17 -0
- package/types/PageHeading.d.ts +10 -0
- package/types/ProcessOverview.d.ts +13 -0
- package/types/PullQuote.d.ts +4 -0
- package/types/RadioButtonsGroup.d.ts +11 -0
- package/types/RadioGroup.d.ts +13 -0
- package/types/RelatedLinks.d.ts +20 -0
- package/types/RowBlock.d.ts +12 -0
- package/types/RowBlockColumn.d.ts +8 -0
- package/types/SearchInput.d.ts +18 -0
- package/types/SearchResults/_SearchResultsItem.d.ts +18 -0
- package/types/SearchResults.d.ts +33 -0
- package/types/SeenEffect.d.ts +4 -0
- package/types/Selectbox.d.ts +8 -0
- package/types/ShareButtons.d.ts +9 -0
- package/types/Sharpie.d.ts +23 -0
- package/types/SiteSearchAutocomplete.d.ts +40 -0
- package/types/SiteSearchCurtain.d.ts +6 -0
- package/types/SiteSearchInput.d.ts +24 -0
- package/types/Skeleton.d.ts +25 -0
- package/types/SubHeading.d.ts +10 -0
- package/types/Tabs.d.ts +35 -0
- package/types/TagPill.d.ts +27 -0
- package/types/TextBlock.d.ts +15 -0
- package/types/TextButton.d.ts +9 -0
- package/types/TextInput.d.ts +16 -0
- package/types/VSpacer.d.ts +24 -0
- package/types/VerticalTabsTOC.d.ts +14 -0
- package/types/WizardLayout.d.ts +15 -0
- package/types/WizardLayoutClose.d.ts +3 -0
- package/types/WizardStepper.d.ts +36 -0
- package/types/_abstract/Button.d.ts +40 -0
- package/types/_abstract/CardList.d.ts +29 -0
- package/types/_abstract/Image.d.ts +32 -0
- package/types/_abstract/Link.d.ts +27 -0
- package/types/_abstract/TogglerGroup.d.ts +31 -0
- package/types/_abstract/TogglerGroupField.d.ts +17 -0
- package/types/_abstract/TogglerInput.d.ts +22 -0
- package/types/_abstract/_AbstractCarousel.d.ts +25 -0
- package/types/_abstract/_Blings.d.ts +11 -0
- package/types/_abstract/_Block.d.ts +22 -0
- package/types/_abstract/_Quote.d.ts +9 -0
- package/types/_abstract/breakOnNL.d.ts +2 -0
- package/types/assets.d.ts +42 -0
- package/types/constants.d.ts +39 -0
- package/types/focus-visible.d.ts +1 -0
- package/types/utils/config.d.ts +2 -0
- package/types/utils/detectEdgeScroll.d.ts +52 -0
- package/types/utils/env.d.ts +1 -0
- package/types/utils/seenEffect.d.ts +28 -0
- package/types/utils/useFormatMonitor.d.ts +38 -0
- package/types/utils/useGetSVGtext.d.ts +6 -0
- package/types/utils/useMenuToggling.d.ts +8 -0
- package/types/utils/useScrollbarWidthCSSVar.d.ts +1 -0
- package/types/utils.d.ts +2 -0
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b) => {
|
|
7
|
+
for (var prop in b || (b = {}))
|
|
8
|
+
if (__hasOwnProp.call(b, prop))
|
|
9
|
+
__defNormalProp(a, prop, b[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
+
if (__propIsEnum.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
17
|
+
import React from "react";
|
|
18
|
+
import getBemClass from "@hugsmidjan/react/utils/getBemClass";
|
|
19
|
+
import { useSeenEffect } from "../utils/seenEffect";
|
|
20
|
+
import Button from "./Button";
|
|
21
|
+
import Image from "./Image";
|
|
22
|
+
const Block = (props) => {
|
|
23
|
+
const { image, modifier, bem, content, startSeen } = props;
|
|
24
|
+
const [ref] = useSeenEffect(startSeen);
|
|
25
|
+
const contentItems = Array.isArray(content) ? content : [content];
|
|
26
|
+
return /* @__PURE__ */ React.createElement("div", {
|
|
27
|
+
className: getBemClass(bem, modifier),
|
|
28
|
+
ref
|
|
29
|
+
}, contentItems.map(({ title, summary, buttons = [] }, i) => {
|
|
30
|
+
const hasSummary = summary && (typeof summary !== "string" || !!summary.trim());
|
|
31
|
+
return /* @__PURE__ */ React.createElement("div", {
|
|
32
|
+
key: i,
|
|
33
|
+
className: `${bem}__content`
|
|
34
|
+
}, /* @__PURE__ */ React.createElement("h2", {
|
|
35
|
+
className: `${bem}__title`
|
|
36
|
+
}, title), hasSummary && /* @__PURE__ */ React.createElement("div", {
|
|
37
|
+
className: `${bem}__summary`
|
|
38
|
+
}, summary), buttons.length > 0 && /* @__PURE__ */ React.createElement("div", {
|
|
39
|
+
className: `${bem}__buttons`
|
|
40
|
+
}, " ", buttons.map((buttonProps, i2) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, __spreadValues({
|
|
41
|
+
bem: `${bem}__button`,
|
|
42
|
+
key: i2
|
|
43
|
+
}, buttonProps)), " "))));
|
|
44
|
+
}), image && /* @__PURE__ */ React.createElement(Image, __spreadValues({
|
|
45
|
+
className: `${bem}__image`
|
|
46
|
+
}, image)));
|
|
47
|
+
};
|
|
48
|
+
var Block_default = Block;
|
|
49
|
+
export {
|
|
50
|
+
Block_default as default
|
|
51
|
+
};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
|
+
var Quote_exports = {};
|
|
22
|
+
__export(Quote_exports, {
|
|
23
|
+
_Quote: () => _Quote
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(Quote_exports);
|
|
26
|
+
var import_react = __toESM(require("react"));
|
|
27
|
+
var import_Link = require("./Link");
|
|
28
|
+
const _Quote = (props) => {
|
|
29
|
+
const { bem, children, by, byHref } = props;
|
|
30
|
+
return /* @__PURE__ */ import_react.default.createElement("figure", {
|
|
31
|
+
className: bem
|
|
32
|
+
}, /* @__PURE__ */ import_react.default.createElement("blockquote", {
|
|
33
|
+
className: bem + "__quote"
|
|
34
|
+
}, children), by && /* @__PURE__ */ import_react.default.createElement("figcaption", {
|
|
35
|
+
className: bem + "__by"
|
|
36
|
+
}, byHref ? /* @__PURE__ */ import_react.default.createElement(import_Link.Link, {
|
|
37
|
+
href: byHref
|
|
38
|
+
}, by) : typeof by === "string" ? /* @__PURE__ */ import_react.default.createElement("span", null, by) : by));
|
|
39
|
+
};
|
|
40
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
41
|
+
0 && (module.exports = {
|
|
42
|
+
_Quote
|
|
43
|
+
});
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Link } from "./Link";
|
|
3
|
+
const _Quote = (props) => {
|
|
4
|
+
const { bem, children, by, byHref } = props;
|
|
5
|
+
return /* @__PURE__ */ React.createElement("figure", {
|
|
6
|
+
className: bem
|
|
7
|
+
}, /* @__PURE__ */ React.createElement("blockquote", {
|
|
8
|
+
className: bem + "__quote"
|
|
9
|
+
}, children), by && /* @__PURE__ */ React.createElement("figcaption", {
|
|
10
|
+
className: bem + "__by"
|
|
11
|
+
}, byHref ? /* @__PURE__ */ React.createElement(Link, {
|
|
12
|
+
href: byHref
|
|
13
|
+
}, by) : typeof by === "string" ? /* @__PURE__ */ React.createElement("span", null, by) : by));
|
|
14
|
+
};
|
|
15
|
+
export {
|
|
16
|
+
_Quote
|
|
17
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
|
+
var breakOnNL_exports = {};
|
|
22
|
+
__export(breakOnNL_exports, {
|
|
23
|
+
default: () => breakOnNL_default
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(breakOnNL_exports);
|
|
26
|
+
var import_react = __toESM(require("react"));
|
|
27
|
+
const breakOnNL = (text) => text && text.trim().replace(/(?:\n\s*)+/g, "\n\n").split(/\n/).map((bit) => bit || /* @__PURE__ */ import_react.default.createElement("br", null));
|
|
28
|
+
var breakOnNL_default = breakOnNL;
|
|
29
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
30
|
+
0 && (module.exports = {});
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const breakOnNL = (text) => text && text.trim().replace(/(?:\n\s*)+/g, "\n\n").split(/\n/).map((bit) => bit || /* @__PURE__ */ React.createElement("br", null));
|
|
3
|
+
var breakOnNL_default = breakOnNL;
|
|
4
|
+
export {
|
|
5
|
+
breakOnNL_default as default
|
|
6
|
+
};
|
package/lib/assets.cjs
ADDED
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all)
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
+
};
|
|
9
|
+
var __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
}
|
|
15
|
+
return to;
|
|
16
|
+
};
|
|
17
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
+
var assets_exports = {};
|
|
19
|
+
__export(assets_exports, {
|
|
20
|
+
auxiliary_menu_images: () => auxiliary_menu_images,
|
|
21
|
+
blingTypes: () => import_assets.blingTypes,
|
|
22
|
+
efnistakn: () => import_assets.efnistakn,
|
|
23
|
+
efnistakn_menu: () => efnistakn_menu,
|
|
24
|
+
getAssetUrl: () => import_assets.getAssetUrl,
|
|
25
|
+
getBlingUrl: () => import_assets.getBlingUrl,
|
|
26
|
+
getCssBundleUrl: () => getCssBundleUrl,
|
|
27
|
+
getEfnistaknUrl: () => import_assets.getEfnistaknUrl,
|
|
28
|
+
getFormheimurUrl: () => import_assets.getFormheimurUrl,
|
|
29
|
+
getIllustrationUrl: () => import_assets.getIllustrationUrl,
|
|
30
|
+
illustrations: () => import_assets.illustrations
|
|
31
|
+
});
|
|
32
|
+
module.exports = __toCommonJS(assets_exports);
|
|
33
|
+
var import_hanna_css = require("@reykjavik/hanna-css");
|
|
34
|
+
var import_assets = require("@reykjavik/hanna-utils/assets");
|
|
35
|
+
const getCssBundleUrl = (cssTokens, version) => (0, import_hanna_css.getCssBundleUrl)(cssTokens, { version });
|
|
36
|
+
const efnistakn_menu = [
|
|
37
|
+
"menu/borgarstjori",
|
|
38
|
+
"menu/borgarstjorn",
|
|
39
|
+
"menu/bygg_framkv",
|
|
40
|
+
"menu/fjarmal",
|
|
41
|
+
"menu/fundargerdir",
|
|
42
|
+
"menu/itrottir_aftreying",
|
|
43
|
+
"menu/log_reglugerdir",
|
|
44
|
+
"menu/mannaudur",
|
|
45
|
+
"menu/menning",
|
|
46
|
+
"menu/rad_nefndir",
|
|
47
|
+
"menu/skipulag",
|
|
48
|
+
"menu/skolar_fristund",
|
|
49
|
+
"menu/svid_deildir",
|
|
50
|
+
"menu/umhverfi_samgongur",
|
|
51
|
+
"menu/velferd_fjolskylda"
|
|
52
|
+
];
|
|
53
|
+
const auxiliary_menu_images = [
|
|
54
|
+
"hanna-veitiggi",
|
|
55
|
+
"hanna-vandro",
|
|
56
|
+
"hanna-hugsi",
|
|
57
|
+
"hanna-hissa",
|
|
58
|
+
"hanna-hahaha",
|
|
59
|
+
"hanna-hae",
|
|
60
|
+
"hanna-god_spurning",
|
|
61
|
+
"hanna-gjuggiborg",
|
|
62
|
+
"hanna-benda"
|
|
63
|
+
];
|
|
64
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
65
|
+
0 && (module.exports = {
|
|
66
|
+
auxiliary_menu_images,
|
|
67
|
+
blingTypes,
|
|
68
|
+
efnistakn,
|
|
69
|
+
efnistakn_menu,
|
|
70
|
+
getAssetUrl,
|
|
71
|
+
getBlingUrl,
|
|
72
|
+
getCssBundleUrl,
|
|
73
|
+
getEfnistaknUrl,
|
|
74
|
+
getFormheimurUrl,
|
|
75
|
+
getIllustrationUrl,
|
|
76
|
+
illustrations
|
|
77
|
+
});
|
package/lib/assets.mjs
ADDED
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { getCssBundleUrl as _getCssBundleUrl } from "@reykjavik/hanna-css";
|
|
2
|
+
import {
|
|
3
|
+
blingTypes,
|
|
4
|
+
efnistakn,
|
|
5
|
+
getAssetUrl,
|
|
6
|
+
getBlingUrl,
|
|
7
|
+
getEfnistaknUrl,
|
|
8
|
+
getFormheimurUrl,
|
|
9
|
+
getIllustrationUrl,
|
|
10
|
+
illustrations
|
|
11
|
+
} from "@reykjavik/hanna-utils/assets";
|
|
12
|
+
const getCssBundleUrl = (cssTokens, version) => _getCssBundleUrl(cssTokens, { version });
|
|
13
|
+
const efnistakn_menu = [
|
|
14
|
+
"menu/borgarstjori",
|
|
15
|
+
"menu/borgarstjorn",
|
|
16
|
+
"menu/bygg_framkv",
|
|
17
|
+
"menu/fjarmal",
|
|
18
|
+
"menu/fundargerdir",
|
|
19
|
+
"menu/itrottir_aftreying",
|
|
20
|
+
"menu/log_reglugerdir",
|
|
21
|
+
"menu/mannaudur",
|
|
22
|
+
"menu/menning",
|
|
23
|
+
"menu/rad_nefndir",
|
|
24
|
+
"menu/skipulag",
|
|
25
|
+
"menu/skolar_fristund",
|
|
26
|
+
"menu/svid_deildir",
|
|
27
|
+
"menu/umhverfi_samgongur",
|
|
28
|
+
"menu/velferd_fjolskylda"
|
|
29
|
+
];
|
|
30
|
+
const auxiliary_menu_images = [
|
|
31
|
+
"hanna-veitiggi",
|
|
32
|
+
"hanna-vandro",
|
|
33
|
+
"hanna-hugsi",
|
|
34
|
+
"hanna-hissa",
|
|
35
|
+
"hanna-hahaha",
|
|
36
|
+
"hanna-hae",
|
|
37
|
+
"hanna-god_spurning",
|
|
38
|
+
"hanna-gjuggiborg",
|
|
39
|
+
"hanna-benda"
|
|
40
|
+
];
|
|
41
|
+
export {
|
|
42
|
+
auxiliary_menu_images,
|
|
43
|
+
blingTypes,
|
|
44
|
+
efnistakn,
|
|
45
|
+
efnistakn_menu,
|
|
46
|
+
getAssetUrl,
|
|
47
|
+
getBlingUrl,
|
|
48
|
+
getCssBundleUrl,
|
|
49
|
+
getEfnistaknUrl,
|
|
50
|
+
getFormheimurUrl,
|
|
51
|
+
getIllustrationUrl,
|
|
52
|
+
illustrations
|
|
53
|
+
};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all)
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
+
};
|
|
9
|
+
var __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
}
|
|
15
|
+
return to;
|
|
16
|
+
};
|
|
17
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
+
var constants_exports = {};
|
|
19
|
+
__export(constants_exports, {
|
|
20
|
+
aligns: () => aligns,
|
|
21
|
+
colorFamilies: () => colorFamilies,
|
|
22
|
+
themeOptions: () => themeOptions
|
|
23
|
+
});
|
|
24
|
+
module.exports = __toCommonJS(constants_exports);
|
|
25
|
+
var import_hanna_css = require("@reykjavik/hanna-css");
|
|
26
|
+
const colorFamilies = Object.assign([
|
|
27
|
+
"esja",
|
|
28
|
+
"faxafloi",
|
|
29
|
+
"nautholsvik",
|
|
30
|
+
"heidmork",
|
|
31
|
+
"ellidaardalur",
|
|
32
|
+
"blafjoll",
|
|
33
|
+
"sund",
|
|
34
|
+
"rokkur",
|
|
35
|
+
"suld"
|
|
36
|
+
], import_hanna_css.colorFamilies, {
|
|
37
|
+
ellidarardalur: "ellidaardalur"
|
|
38
|
+
});
|
|
39
|
+
const themeOptions = Object.assign(["trustworthy", "dependable", "friendly", "lively", "colorful"], import_hanna_css.colorThemes);
|
|
40
|
+
const aligns = {
|
|
41
|
+
right: true,
|
|
42
|
+
left: true
|
|
43
|
+
};
|
|
44
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
45
|
+
0 && (module.exports = {
|
|
46
|
+
aligns,
|
|
47
|
+
colorFamilies,
|
|
48
|
+
themeOptions
|
|
49
|
+
});
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { colorFamilies as _colorFamilies, colorThemes } from "@reykjavik/hanna-css";
|
|
2
|
+
const colorFamilies = Object.assign([
|
|
3
|
+
"esja",
|
|
4
|
+
"faxafloi",
|
|
5
|
+
"nautholsvik",
|
|
6
|
+
"heidmork",
|
|
7
|
+
"ellidaardalur",
|
|
8
|
+
"blafjoll",
|
|
9
|
+
"sund",
|
|
10
|
+
"rokkur",
|
|
11
|
+
"suld"
|
|
12
|
+
], _colorFamilies, {
|
|
13
|
+
ellidarardalur: "ellidaardalur"
|
|
14
|
+
});
|
|
15
|
+
const themeOptions = Object.assign(["trustworthy", "dependable", "friendly", "lively", "colorful"], colorThemes);
|
|
16
|
+
const aligns = {
|
|
17
|
+
right: true,
|
|
18
|
+
left: true
|
|
19
|
+
};
|
|
20
|
+
export {
|
|
21
|
+
aligns,
|
|
22
|
+
colorFamilies,
|
|
23
|
+
themeOptions
|
|
24
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var import_focus_visible = require("@reykjavik/hanna-utils/focus-visible");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import "@reykjavik/hanna-utils/focus-visible";
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all)
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
+
};
|
|
9
|
+
var __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
}
|
|
15
|
+
return to;
|
|
16
|
+
};
|
|
17
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
+
var config_exports = {};
|
|
19
|
+
__export(config_exports, {
|
|
20
|
+
setLinkRenderer: () => import_Link.setLinkRenderer
|
|
21
|
+
});
|
|
22
|
+
module.exports = __toCommonJS(config_exports);
|
|
23
|
+
var import_Link = require("../_abstract/Link");
|
|
24
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
25
|
+
0 && (module.exports = {
|
|
26
|
+
setLinkRenderer
|
|
27
|
+
});
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
|
+
var detectEdgeScroll_exports = {};
|
|
22
|
+
__export(detectEdgeScroll_exports, {
|
|
23
|
+
default: () => detectEdgeScroll_default
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(detectEdgeScroll_exports);
|
|
26
|
+
var import_throttle = __toESM(require("@hugsmidjan/qj/throttle"));
|
|
27
|
+
const tolerance = 5;
|
|
28
|
+
const throttleMs = 100;
|
|
29
|
+
const detectEdgeScroll = (opts) => {
|
|
30
|
+
const { axis, scrollerElm, classedElm, bem, onChange, setClasses } = opts;
|
|
31
|
+
let at = { start: true, end: true };
|
|
32
|
+
const bemAt = bem ? bem + "--at" : "at";
|
|
33
|
+
const doClasses = !onChange || setClasses;
|
|
34
|
+
const toggleClassNames = (at2) => {
|
|
35
|
+
const elmClasses = (classedElm || scrollerElm).classList;
|
|
36
|
+
elmClasses[at2.start ? "add" : "remove"](bemAt + "--start");
|
|
37
|
+
elmClasses[at2.end ? "add" : "remove"](bemAt + "--end");
|
|
38
|
+
};
|
|
39
|
+
const setAt = !onChange ? toggleClassNames : setClasses ? (at2) => {
|
|
40
|
+
onChange(at2);
|
|
41
|
+
toggleClassNames(at2);
|
|
42
|
+
} : onChange;
|
|
43
|
+
const checkScroll = (0, import_throttle.default)(() => {
|
|
44
|
+
let scroll, offsetSize, totalSize;
|
|
45
|
+
if (axis === "horizontal") {
|
|
46
|
+
scroll = scrollerElm.scrollLeft;
|
|
47
|
+
offsetSize = scrollerElm.offsetWidth;
|
|
48
|
+
totalSize = scrollerElm.scrollWidth;
|
|
49
|
+
} else {
|
|
50
|
+
scroll = scrollerElm.scrollTop;
|
|
51
|
+
offsetSize = scrollerElm.offsetHeight;
|
|
52
|
+
totalSize = scrollerElm.scrollHeight;
|
|
53
|
+
}
|
|
54
|
+
let newAt = at;
|
|
55
|
+
const newAtStart = scroll < tolerance;
|
|
56
|
+
const newAtEnd = totalSize - (offsetSize + scroll) < tolerance;
|
|
57
|
+
if (newAtStart !== at.start) {
|
|
58
|
+
newAt = {
|
|
59
|
+
start: newAtStart,
|
|
60
|
+
end: newAt.end
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
if (newAtEnd !== at.end) {
|
|
64
|
+
newAt = {
|
|
65
|
+
start: newAt.start,
|
|
66
|
+
end: newAtEnd
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
if (at !== newAt) {
|
|
70
|
+
setAt(newAt);
|
|
71
|
+
at = newAt;
|
|
72
|
+
}
|
|
73
|
+
}, throttleMs);
|
|
74
|
+
checkScroll();
|
|
75
|
+
if (doClasses) {
|
|
76
|
+
(classedElm || scrollerElm).classList.add(bemAt);
|
|
77
|
+
toggleClassNames(at);
|
|
78
|
+
}
|
|
79
|
+
scrollerElm.addEventListener("scroll", checkScroll);
|
|
80
|
+
window.addEventListener("resize", checkScroll);
|
|
81
|
+
return {
|
|
82
|
+
checkScroll,
|
|
83
|
+
unmount: () => {
|
|
84
|
+
if (doClasses) {
|
|
85
|
+
toggleClassNames({ start: false, end: false });
|
|
86
|
+
(classedElm || scrollerElm).classList.remove(bemAt);
|
|
87
|
+
}
|
|
88
|
+
scrollerElm.removeEventListener("scroll", checkScroll);
|
|
89
|
+
window.removeEventListener("resize", checkScroll);
|
|
90
|
+
}
|
|
91
|
+
};
|
|
92
|
+
};
|
|
93
|
+
var detectEdgeScroll_default = detectEdgeScroll;
|
|
94
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
95
|
+
0 && (module.exports = {});
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import throttle from "@hugsmidjan/qj/throttle";
|
|
2
|
+
const tolerance = 5;
|
|
3
|
+
const throttleMs = 100;
|
|
4
|
+
const detectEdgeScroll = (opts) => {
|
|
5
|
+
const { axis, scrollerElm, classedElm, bem, onChange, setClasses } = opts;
|
|
6
|
+
let at = { start: true, end: true };
|
|
7
|
+
const bemAt = bem ? bem + "--at" : "at";
|
|
8
|
+
const doClasses = !onChange || setClasses;
|
|
9
|
+
const toggleClassNames = (at2) => {
|
|
10
|
+
const elmClasses = (classedElm || scrollerElm).classList;
|
|
11
|
+
elmClasses[at2.start ? "add" : "remove"](bemAt + "--start");
|
|
12
|
+
elmClasses[at2.end ? "add" : "remove"](bemAt + "--end");
|
|
13
|
+
};
|
|
14
|
+
const setAt = !onChange ? toggleClassNames : setClasses ? (at2) => {
|
|
15
|
+
onChange(at2);
|
|
16
|
+
toggleClassNames(at2);
|
|
17
|
+
} : onChange;
|
|
18
|
+
const checkScroll = throttle(() => {
|
|
19
|
+
let scroll, offsetSize, totalSize;
|
|
20
|
+
if (axis === "horizontal") {
|
|
21
|
+
scroll = scrollerElm.scrollLeft;
|
|
22
|
+
offsetSize = scrollerElm.offsetWidth;
|
|
23
|
+
totalSize = scrollerElm.scrollWidth;
|
|
24
|
+
} else {
|
|
25
|
+
scroll = scrollerElm.scrollTop;
|
|
26
|
+
offsetSize = scrollerElm.offsetHeight;
|
|
27
|
+
totalSize = scrollerElm.scrollHeight;
|
|
28
|
+
}
|
|
29
|
+
let newAt = at;
|
|
30
|
+
const newAtStart = scroll < tolerance;
|
|
31
|
+
const newAtEnd = totalSize - (offsetSize + scroll) < tolerance;
|
|
32
|
+
if (newAtStart !== at.start) {
|
|
33
|
+
newAt = {
|
|
34
|
+
start: newAtStart,
|
|
35
|
+
end: newAt.end
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
if (newAtEnd !== at.end) {
|
|
39
|
+
newAt = {
|
|
40
|
+
start: newAt.start,
|
|
41
|
+
end: newAtEnd
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
if (at !== newAt) {
|
|
45
|
+
setAt(newAt);
|
|
46
|
+
at = newAt;
|
|
47
|
+
}
|
|
48
|
+
}, throttleMs);
|
|
49
|
+
checkScroll();
|
|
50
|
+
if (doClasses) {
|
|
51
|
+
(classedElm || scrollerElm).classList.add(bemAt);
|
|
52
|
+
toggleClassNames(at);
|
|
53
|
+
}
|
|
54
|
+
scrollerElm.addEventListener("scroll", checkScroll);
|
|
55
|
+
window.addEventListener("resize", checkScroll);
|
|
56
|
+
return {
|
|
57
|
+
checkScroll,
|
|
58
|
+
unmount: () => {
|
|
59
|
+
if (doClasses) {
|
|
60
|
+
toggleClassNames({ start: false, end: false });
|
|
61
|
+
(classedElm || scrollerElm).classList.remove(bemAt);
|
|
62
|
+
}
|
|
63
|
+
scrollerElm.removeEventListener("scroll", checkScroll);
|
|
64
|
+
window.removeEventListener("resize", checkScroll);
|
|
65
|
+
}
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
var detectEdgeScroll_default = detectEdgeScroll;
|
|
69
|
+
export {
|
|
70
|
+
detectEdgeScroll_default as default
|
|
71
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
|
+
var env_exports = {};
|
|
22
|
+
__export(env_exports, {
|
|
23
|
+
isPreact: () => isPreact
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(env_exports);
|
|
26
|
+
var import_react = __toESM(require("react"));
|
|
27
|
+
const isPreact = "h" in import_react.default || "hydrate" in import_react.default && "render" in import_react.default || void 0;
|
|
28
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
29
|
+
0 && (module.exports = {
|
|
30
|
+
isPreact
|
|
31
|
+
});
|