npm - @fremtind/jokul - Versions diffs - 0.16.1 → 0.17.0 - Mend

@fremtind/jokul 0.16.1 → 0.17.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.

Files changed (173) hide show

package/build/es/components/accordion/documentation/Example.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as n}from"react/jsx-runtime";import{f as o,u as i,I as s}from"../../../../formatCode-BE8lQWf_.js";import"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../../list/List.js";import"../../list/ListItem.js";const e=[],r=o('import React, { useId } from "react";\nimport { Accordion, AccordionItem } from "..";\nimport { UnorderedList, ListItem } from "../../list";\n\nexport const knobs = [];\n\nexport const AccordionExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const id = useId();\n    return (\n        <>\n            <h2\n                className="jkl-portal-heading-medium"\n                id={id}\n                style={{ textAlign: "center", marginBottom: 24, width: "100%" }}\n            >\n                Noen spørsmål\n            </h2>\n            <Accordion aria-labelledby={id}>\n                <AccordionItem\n                    title="Hvem kan kjøpe livsforsikring?"\n                    onClick={(e, isOpen) => {\n                        isOpen\n                            ? console.log("Opening first accordion item")\n                            : console.log("Closing first accordion item");\n                    }}\n                >\n                    <UnorderedList>\n                        <ListItem>Personer med et norsk fødselsnummer.</ListItem>\n                        <ListItem>\n                            Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås.\n                        </ListItem>\n                        <ListItem>Livsforsikring kan kjøpes på nett av personer mellom 18 og 79 år.</ListItem>\n                    </UnorderedList>\n                    Ønsker du en forsikringssum på mer enn 3 millioner trenger vi ekstra økonomiske opplysninger. Da må\n                    du ta kontakt med banken din.\n                </AccordionItem>\n                <AccordionItem title="Hvem kan kjøpe kritisk sykdom?">\n                    Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene\n                    før avtalen inngås. Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58 år. Ønsker du en\n                    forsikringssum på mer enn 1,1 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta\n                    kontakt med banken din.\n                </AccordionItem>\n                <AccordionItem title="Hvem kan kjøpe uførepensjon?">\n                    Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene\n                    før avtalen inngås. Uførepensjon kan kjøpes på nett av personer mellom 18 og 60 år. Ønsker du en\n                    forsikringssum på mer enn 96 000 trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med\n                    banken din.\n                </AccordionItem>\n            </Accordion>\n        </>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n');function t(){const o=i(r,e);return n("div",{className:"jkl",children:n(s,{title:"Accordion",defaultCode:r,defaultShowEditor:!0,noInline:!0,controls:o})})}export{t as default};
+import{jsx as n}from"react/jsx-runtime";import{f as o,u as i,I as s}from"../../../../formatCode-C08Dk1Mz.js";import"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../../list/List.js";import"../../list/ListItem.js";const e=[],r=o('import React, { useId } from "react";\nimport { Accordion, AccordionItem } from "..";\nimport { UnorderedList, ListItem } from "../../list";\n\nexport const knobs = [];\n\nexport const AccordionExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    const id = useId();\n    return (\n        <>\n            <h2\n                className="jkl-portal-heading-medium"\n                id={id}\n                style={{ textAlign: "center", marginBottom: 24, width: "100%" }}\n            >\n                Noen spørsmål\n            </h2>\n            <Accordion aria-labelledby={id}>\n                <AccordionItem\n                    title="Hvem kan kjøpe livsforsikring?"\n                    onClick={(e, isOpen) => {\n                        isOpen\n                            ? console.log("Opening first accordion item")\n                            : console.log("Closing first accordion item");\n                    }}\n                >\n                    <UnorderedList>\n                        <ListItem>Personer med et norsk fødselsnummer.</ListItem>\n                        <ListItem>\n                            Personer som har vært bosatt i Norge i minst de fem siste årene før avtalen inngås.\n                        </ListItem>\n                        <ListItem>Livsforsikring kan kjøpes på nett av personer mellom 18 og 79 år.</ListItem>\n                    </UnorderedList>\n                    Ønsker du en forsikringssum på mer enn 3 millioner trenger vi ekstra økonomiske opplysninger. Da må\n                    du ta kontakt med banken din.\n                </AccordionItem>\n                <AccordionItem title="Hvem kan kjøpe kritisk sykdom?">\n                    Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene\n                    før avtalen inngås. Kritisk sykdom kan kjøpes på nett av personer mellom 18 og 58 år. Ønsker du en\n                    forsikringssum på mer enn 1,1 millioner trenger vi ekstra økonomiske opplysninger. Da må du ta\n                    kontakt med banken din.\n                </AccordionItem>\n                <AccordionItem title="Hvem kan kjøpe uførepensjon?">\n                    Personer med et norsk fødselsnummer. Personer som har vært bosatt i Norge i minst de fem siste årene\n                    før avtalen inngås. Uførepensjon kan kjøpes på nett av personer mellom 18 og 60 år. Ønsker du en\n                    forsikringssum på mer enn 96 000 trenger vi ekstra økonomiske opplysninger. Da må du ta kontakt med\n                    banken din.\n                </AccordionItem>\n            </Accordion>\n        </>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n');function t(){const o=i(r,e);return n("div",{className:"jkl",children:n(s,{title:"Accordion",defaultCode:r,defaultShowEditor:!0,noInline:!0,controls:o})})}export{t as default};
 //# sourceMappingURL=Example.js.map

package/build/es/components/accordion/documentation/main.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import t from"react-dom/client";import"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../../button/Button.js";import"../../card/Card.js";import"../../card/CardImage.js";import"../../card/NavCard.js";import"../../checkbox/Checkbox.js";import"../../combobox/Combobox.js";import"../../cookie-consent/CookieConsentContext.js";import"react-dom";import"../../modal/Modal.js";import"react-a11y-dialog";import"../../list/List.js";import"../../list/ListItem.js";import"../../datepicker/DatePicker.js";import"../../feedback/feedbackContext.js";import"../../message/Message.js";import"../../message/FormErrorMessage.js";import"../../tooltip/Tooltip.js";import"../../tooltip/TooltipContent.js";import"../../tooltip/TooltipTrigger.js";import"../../input-group/InputGroup.js";import"../../feedback/followup/followupContext.js";import"../../feedback/main-question/mainQuestionContext.js";import"../../radio-button/RadioButton.js";import"../../radio-button/radioGroupContext.js";import"../../radio-button/BaseRadioButton.js";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import"../../text-input/TextArea.js";import"../../text-input/TextInput.js";import"../../../utilities/polymorphism/SlotComponent.js";import{initTabListener as i}from"../../../utilities/tabListener.js";import"../../../../ExpandableTableRow-BJSqC_Jo.js";import"../../icon-button/IconButton.js";import"../../link/Link.js";import"../../link/NavLink.js";import"../../link-list/LinkList.js";import"../../logo/text-paths/ForsikringLevertAvFremtind.js";import"../../logo/text-paths/FraSB1ogDNB.js";import"../../logo/text-paths/InnovasjonFraFremtind.js";import"../../logo/text-paths/TeknologiFraFremtind.js";import"../../logo/text-paths/VartEgetForsikringsselskap.js";import"../../logo/text-paths/VartForsikringsselskap.js";import"../../popover/Popover.js";import"../../system-message/SystemMessage.js";import"../../table/DataTable.js";import"../../table/Table.js";import"../../table/TableBody.js";import"../../table/TableCaption.js";import"../../table/TableCell.js";import"../../table/TableColumn.js";import"../../table/TableColumnGroup.js";import"../../table/tableContext.js";import"../../table/tableSectionContext.js";import"../../table/TableFooter.js";import"../../table/TableHead.js";import"../../table/TableHeader.js";import"../../table/TableRow.js";import"../../tabs/NavTab.js";import"../../tabs/tabsContext.js";import"../../tabs/Tab.js";import"../../tag/Tag.js";import"../../toast/toastContext.js";import"../../toggle-switch/ToggleSwitch.js";import s from"./Example.js";i(),t.createRoot(document.getElementById("root")).render(o(s,{}));
+import{jsx as o}from"react/jsx-runtime";import t from"react-dom/client";import"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../../button/Button.js";import"../../card/Card.js";import"../../card/CardImage.js";import"../../card/NavCard.js";import"../../checkbox/Checkbox.js";import"../../combobox/Combobox.js";import"../../cookie-consent/CookieConsentContext.js";import"react-dom";import"../../modal/Modal.js";import"react-a11y-dialog";import"../../list/List.js";import"../../list/ListItem.js";import"../../datepicker/DatePicker.js";import"../../feedback/feedbackContext.js";import"../../message/Message.js";import"../../message/FormErrorMessage.js";import"../../tooltip/Tooltip.js";import"../../tooltip/TooltipContent.js";import"../../tooltip/TooltipTrigger.js";import"../../input-group/InputGroup.js";import"../../feedback/followup/followupContext.js";import"../../feedback/main-question/mainQuestionContext.js";import"../../radio-button/RadioButton.js";import"../../radio-button/radioGroupContext.js";import"../../radio-button/BaseRadioButton.js";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import"../../text-input/TextArea.js";import"../../text-input/TextInput.js";import"../../../utilities/polymorphism/SlotComponent.js";import{initTabListener as i}from"../../../utilities/tabListener.js";import"../../../../ExpandableTableRow-CqIg8_Yu.js";import"../../icon-button/IconButton.js";import"../../link/Link.js";import"../../link/NavLink.js";import"../../link-list/LinkList.js";import"../../logo/text-paths/ForsikringLevertAvFremtind.js";import"../../logo/text-paths/FraSB1ogDNB.js";import"../../logo/text-paths/InnovasjonFraFremtind.js";import"../../logo/text-paths/TeknologiFraFremtind.js";import"../../logo/text-paths/VartEgetForsikringsselskap.js";import"../../logo/text-paths/VartForsikringsselskap.js";import"../../menu/MenuItem.js";import"../../menu/MenuItemCheckbox.js";import"../../popover/Popover.js";import"../../system-message/SystemMessage.js";import"../../table/DataTable.js";import"../../table/Table.js";import"../../table/TableBody.js";import"../../table/TableCaption.js";import"../../table/TableCell.js";import"../../table/TableColumn.js";import"../../table/TableColumnGroup.js";import"../../table/tableContext.js";import"../../table/tableSectionContext.js";import"../../table/TableFooter.js";import"../../table/TableHead.js";import"../../table/TableHeader.js";import"../../table/TableRow.js";import"../../tabs/NavTab.js";import"../../tabs/tabsContext.js";import"../../tabs/Tab.js";import"../../tag/Tag.js";import"../../toast/toastContext.js";import"../../toggle-switch/ToggleSwitch.js";import s from"./Example.js";i(),t.createRoot(document.getElementById("root")).render(o(s,{}));
 //# sourceMappingURL=main.js.map

package/build/es/components/accordion/documentation/main.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"main.js","sources":["../../../../../src/components/accordion/documentation/main.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport { initTabListener } from \"../../..\";\nimport Example from \"./Example\";\n\ninitTabListener();\n\nReactDOM.createRoot(document.getElementById(\"root\")!).render(<Example />);\n"],"names":["initTabListener","ReactDOM","createRoot","document","getElementById","render","jsx","Example"],"mappings":"~~ugIAKAA~~,IAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAC,EAAA,CAAA"}
1	+ {"version":3,"file":"main.js","sources":["../../../../../src/components/accordion/documentation/main.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport { initTabListener } from \"../../..\";\nimport Example from \"./Example\";\n\ninitTabListener();\n\nReactDOM.createRoot(document.getElementById(\"root\")!).render(<Example />);\n"],"names":["initTabListener","ReactDOM","createRoot","document","getElementById","render","jsx","Example"],"mappings":"6kIAKAA,IAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAC,EAAA,CAAA"}

package/build/es/components/expander/ExpandSection.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{c as t}from"../../../clsx-BeLtu-UY.js";import{useState as a,useEffect as n}from"react";import{useAnimatedDetails as i}from"../../hooks/useAnimatedDetails/useAnimatedDetails.js";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import{E as o}from"../../../ExpandableTableRow-BJSqC_Jo.js";const r=({children:r,className:d,expandButtonProps:c,isExpanded:m=!1,density:l,onClick:p,title:u,useAnimatedHeightOptions:x,...f})=>{const[j,k]=a(m);n((()=>{k(m)}),[m]);const{detailsRef:h,summaryRef:E,contentRef:_,onSummaryClick:y}=i({onOpenChange:(e,s)=>{k(e),p&&p(s,e)},isExpanded:m});return e("details",{"data-testid":"jkl-expand-section",className:t("jkl-expand-section",d),...f,ref:h,children:[s(o,{as:"summary",...c,density:l,isExpanded:j,onClick:y,ref:E,children:u}),s("div",{"data-testid":"jkl-expand-section__content-wrapper",className:"jkl-expand-section__content-wrapper",ref:_,children:s("div",{className:"jkl-expand-section__content",children:r})})]})};export{r as ExpandSection};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{c as t}from"../../../clsx-BeLtu-UY.js";import{useState as a,useEffect as n}from"react";import{useAnimatedDetails as i}from"../../hooks/useAnimatedDetails/useAnimatedDetails.js";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import{E as o}from"../../../ExpandableTableRow-CqIg8_Yu.js";const r=({children:r,className:d,expandButtonProps:c,isExpanded:m=!1,density:l,onClick:p,title:u,useAnimatedHeightOptions:x,...f})=>{const[j,k]=a(m);n((()=>{k(m)}),[m]);const{detailsRef:h,summaryRef:E,contentRef:_,onSummaryClick:y}=i({onOpenChange:(e,s)=>{k(e),p&&p(s,e)},isExpanded:m});return e("details",{"data-testid":"jkl-expand-section",className:t("jkl-expand-section",d),...f,ref:h,children:[s(o,{as:"summary",...c,density:l,isExpanded:j,onClick:y,ref:E,children:u}),s("div",{"data-testid":"jkl-expand-section__content-wrapper",className:"jkl-expand-section__content-wrapper",ref:_,children:s("div",{className:"jkl-expand-section__content",children:r})})]})};export{r as ExpandSection};
 //# sourceMappingURL=ExpandSection.js.map

package/build/es/components/expander/Expander.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import"react/jsx-runtime";import"../../../clsx-BeLtu-UY.js";import"react";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import"../button/Button.js";import"../card/Card.js";import"../card/CardImage.js";import"../card/NavCard.js";import"../checkbox/Checkbox.js";import"../combobox/Combobox.js";import"../cookie-consent/CookieConsentContext.js";import"react-dom";import"../modal/Modal.js";import"react-a11y-dialog";import"../list/List.js";import"../list/ListItem.js";import"../datepicker/DatePicker.js";import"../feedback/feedbackContext.js";import"../message/Message.js";import"../message/FormErrorMessage.js";import"../tooltip/Tooltip.js";import"../tooltip/TooltipContent.js";import"../tooltip/TooltipTrigger.js";import"../input-group/InputGroup.js";import"../feedback/followup/followupContext.js";import"../feedback/main-question/mainQuestionContext.js";import"../radio-button/RadioButton.js";import"../radio-button/radioGroupContext.js";import"../radio-button/BaseRadioButton.js";import"../text-input/BaseTextArea.js";import"../text-input/BaseTextInput.js";import"../text-input/TextArea.js";import"../text-input/TextInput.js";import"../../utilities/polymorphism/SlotComponent.js";import{E as o}from"../../../ExpandableTableRow-BJSqC_Jo.js";import"../icon-button/IconButton.js";import"../link/Link.js";import"../link/NavLink.js";import"../link-list/LinkList.js";import"../logo/text-paths/ForsikringLevertAvFremtind.js";import"../logo/text-paths/FraSB1ogDNB.js";import"../logo/text-paths/InnovasjonFraFremtind.js";import"../logo/text-paths/TeknologiFraFremtind.js";import"../logo/text-paths/VartEgetForsikringsselskap.js";import"../logo/text-paths/VartForsikringsselskap.js";import"../popover/Popover.js";import"../system-message/SystemMessage.js";import"../table/DataTable.js";import"../table/Table.js";import"../table/TableBody.js";import"../table/TableCaption.js";import"../table/TableCell.js";import"../table/TableColumn.js";import"../table/TableColumnGroup.js";import"../table/tableContext.js";import"../table/tableSectionContext.js";import"../table/TableFooter.js";import"../table/TableHead.js";import"../table/TableHeader.js";import"../table/TableRow.js";import"../tabs/NavTab.js";import"../tabs/tabsContext.js";import"../tabs/Tab.js";import"../tag/Tag.js";import"../toast/toastContext.js";import"../toggle-switch/ToggleSwitch.js";import"../ScreenReaderOnly.js";export{o as Expander};
+import"react/jsx-runtime";import"../../../clsx-BeLtu-UY.js";import"react";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import"../button/Button.js";import"../card/Card.js";import"../card/CardImage.js";import"../card/NavCard.js";import"../checkbox/Checkbox.js";import"../combobox/Combobox.js";import"../cookie-consent/CookieConsentContext.js";import"react-dom";import"../modal/Modal.js";import"react-a11y-dialog";import"../list/List.js";import"../list/ListItem.js";import"../datepicker/DatePicker.js";import"../feedback/feedbackContext.js";import"../message/Message.js";import"../message/FormErrorMessage.js";import"../tooltip/Tooltip.js";import"../tooltip/TooltipContent.js";import"../tooltip/TooltipTrigger.js";import"../input-group/InputGroup.js";import"../feedback/followup/followupContext.js";import"../feedback/main-question/mainQuestionContext.js";import"../radio-button/RadioButton.js";import"../radio-button/radioGroupContext.js";import"../radio-button/BaseRadioButton.js";import"../text-input/BaseTextArea.js";import"../text-input/BaseTextInput.js";import"../text-input/TextArea.js";import"../text-input/TextInput.js";import"../../utilities/polymorphism/SlotComponent.js";import{E as o}from"../../../ExpandableTableRow-CqIg8_Yu.js";import"../icon-button/IconButton.js";import"../link/Link.js";import"../link/NavLink.js";import"../link-list/LinkList.js";import"../logo/text-paths/ForsikringLevertAvFremtind.js";import"../logo/text-paths/FraSB1ogDNB.js";import"../logo/text-paths/InnovasjonFraFremtind.js";import"../logo/text-paths/TeknologiFraFremtind.js";import"../logo/text-paths/VartEgetForsikringsselskap.js";import"../logo/text-paths/VartForsikringsselskap.js";import"../menu/MenuItem.js";import"../menu/MenuItemCheckbox.js";import"../popover/Popover.js";import"../system-message/SystemMessage.js";import"../table/DataTable.js";import"../table/Table.js";import"../table/TableBody.js";import"../table/TableCaption.js";import"../table/TableCell.js";import"../table/TableColumn.js";import"../table/TableColumnGroup.js";import"../table/tableContext.js";import"../table/tableSectionContext.js";import"../table/TableFooter.js";import"../table/TableHead.js";import"../table/TableHeader.js";import"../table/TableRow.js";import"../tabs/NavTab.js";import"../tabs/tabsContext.js";import"../tabs/Tab.js";import"../tag/Tag.js";import"../toast/toastContext.js";import"../toggle-switch/ToggleSwitch.js";import"../ScreenReaderOnly.js";export{o as Expander};
 //# sourceMappingURL=Expander.js.map

package/build/es/components/expander/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{E as a}from"../../../ExpandableTableRow-BJSqC_Jo.js";import{ExpandSection as o}from"./ExpandSection.js";export{o as ExpandSection,a as Expander};
+import{E as a}from"../../../ExpandableTableRow-CqIg8_Yu.js";import{ExpandSection as o}from"./ExpandSection.js";export{o as ExpandSection,a as Expander};
 //# sourceMappingURL=index.js.map

package/build/es/components/feedback/followup/Followup.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as t}from"react/jsx-runtime";import{useState as i,useRef as s,useEffect as e,createElement as r}from"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import{PrimaryButton as n,SecondaryButton as a,TertiaryButton as c}from"../../button/Button.js";import"../../card/Card.js";import"../../card/CardImage.js";import"../../card/NavCard.js";import"../../checkbox/Checkbox.js";import"../../combobox/Combobox.js";import"../../cookie-consent/CookieConsentContext.js";import"react-dom";import"../../modal/Modal.js";import"react-a11y-dialog";import"../../list/List.js";import"../../list/ListItem.js";import"../../datepicker/DatePicker.js";import{useFeedbackContext as m}from"../feedbackContext.js";import{FeedbackSuccess as p}from"../FeedbackSuccess.js";import"../../tooltip/Tooltip.js";import"../../tooltip/TooltipContent.js";import"../../tooltip/TooltipTrigger.js";import"../../input-group/InputGroup.js";import{FollowUpProvider as l}from"./followupContext.js";import"../main-question/mainQuestionContext.js";import"../../radio-button/RadioButton.js";import"../../radio-button/radioGroupContext.js";import"../../radio-button/BaseRadioButton.js";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import"../../text-input/TextArea.js";import"../../text-input/TextInput.js";import"../../../utilities/polymorphism/SlotComponent.js";import{getQuestionFromType as j}from"../utils.js";import"../../../../ExpandableTableRow-BJSqC_Jo.js";import"../../icon-button/IconButton.js";import"../../link/Link.js";import"../../link/NavLink.js";import"../../link-list/LinkList.js";import"../../logo/text-paths/ForsikringLevertAvFremtind.js";import"../../logo/text-paths/FraSB1ogDNB.js";import"../../logo/text-paths/InnovasjonFraFremtind.js";import"../../logo/text-paths/TeknologiFraFremtind.js";import"../../logo/text-paths/VartEgetForsikringsselskap.js";import"../../logo/text-paths/VartForsikringsselskap.js";import"../../message/Message.js";import"../../message/FormErrorMessage.js";import"../../popover/Popover.js";import"../../system-message/SystemMessage.js";import"../../table/DataTable.js";import"../../table/Table.js";import"../../table/TableBody.js";import"../../table/TableCaption.js";import"../../table/TableCell.js";import"../../table/TableColumn.js";import"../../table/TableColumnGroup.js";import"../../table/tableContext.js";import"../../table/tableSectionContext.js";import"../../table/TableFooter.js";import"../../table/TableHead.js";import"../../table/TableHeader.js";import"../../table/TableRow.js";import"../../tabs/NavTab.js";import"../../tabs/tabsContext.js";import"../../tabs/Tab.js";import"../../tag/Tag.js";import"../../toast/toastContext.js";import"../../toggle-switch/ToggleSwitch.js";import{useFollowup as d}from"./useFollowup.js";const u={title:"Takk, igjen!",children:"Vi setter pris på at du tok deg tid til å svare på flere spørsmål. Det hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem."},b=({questions:b,successMessage:g=u,onSubmit:k})=>{const[h,I]=i(!1),x=s(null),C=d(b,k),{handleAbort:f,handleNext:T,step:v,submitted:w}=C,{followupStarted:F,setFollowupStarted:S,setFollowupSubmitted:N,contactSubmitted:y,landmarkLabel:A}=m();e((()=>{0!==v.number&&x.current&&x.current.focus()}),[v]),e((()=>{N(w)}),[w,N]);const B=j(b[v.number].type),L=v.isLast?n:a;return h?null:o("div",{"aria-live":"polite",children:t(l,{state:C,children:[!F&&t("div",{className:"jkl-feedback__fade-in",children:[o("p",{className:"jkl-heading-4 jkl-spacing-xl--top jkl-spacing-xs--bottom",children:"Har du tid til å svare på noen flere spørsmål?"}),o("p",{className:"jkl-body jkl-spacing-xl--bottom",children:"Det tar kun et minutt, og hjelper oss å lage bedre løsninger for deg."}),o(n,{onClick:()=>S(!0),className:"jkl-spacing-xl--right",children:"Jeg har tid!"}),o(c,{onClick:()=>I(!0),children:"Nei takk"})]}),!w&&F&&t("form",{onSubmit:T,className:"jkl-feedback__fade-in","aria-label":A,children:[t("p",{className:"jkl-feedback__step-counter",ref:x,children:["Steg ",v.number+1," av ",b.length]}),r(B,{...b[v.number],autoFocus:!0,key:v.number}),t("div",{className:"jkl-spacing-xl--top","aria-live":"off",children:[o(L,{type:"submit",children:v.isLast?"Send inn":"Neste"}),o(c,{onClick:f,className:"jkl-spacing-xl--left",children:"Avbryt"})]})]}),w&&!y&&o(p,{...g})]})})};export{b as Followup};
+import{jsx as o,jsxs as t}from"react/jsx-runtime";import{useState as i,useRef as s,useEffect as e,createElement as r}from"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import{PrimaryButton as n,SecondaryButton as a,TertiaryButton as c}from"../../button/Button.js";import"../../card/Card.js";import"../../card/CardImage.js";import"../../card/NavCard.js";import"../../checkbox/Checkbox.js";import"../../combobox/Combobox.js";import"../../cookie-consent/CookieConsentContext.js";import"react-dom";import"../../modal/Modal.js";import"react-a11y-dialog";import"../../list/List.js";import"../../list/ListItem.js";import"../../datepicker/DatePicker.js";import{useFeedbackContext as m}from"../feedbackContext.js";import{FeedbackSuccess as p}from"../FeedbackSuccess.js";import"../../tooltip/Tooltip.js";import"../../tooltip/TooltipContent.js";import"../../tooltip/TooltipTrigger.js";import"../../input-group/InputGroup.js";import{FollowUpProvider as l}from"./followupContext.js";import"../main-question/mainQuestionContext.js";import"../../radio-button/RadioButton.js";import"../../radio-button/radioGroupContext.js";import"../../radio-button/BaseRadioButton.js";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import"../../text-input/TextArea.js";import"../../text-input/TextInput.js";import"../../../utilities/polymorphism/SlotComponent.js";import{getQuestionFromType as j}from"../utils.js";import"../../../../ExpandableTableRow-CqIg8_Yu.js";import"../../icon-button/IconButton.js";import"../../link/Link.js";import"../../link/NavLink.js";import"../../link-list/LinkList.js";import"../../logo/text-paths/ForsikringLevertAvFremtind.js";import"../../logo/text-paths/FraSB1ogDNB.js";import"../../logo/text-paths/InnovasjonFraFremtind.js";import"../../logo/text-paths/TeknologiFraFremtind.js";import"../../logo/text-paths/VartEgetForsikringsselskap.js";import"../../logo/text-paths/VartForsikringsselskap.js";import"../../menu/MenuItem.js";import"../../menu/MenuItemCheckbox.js";import"../../message/Message.js";import"../../message/FormErrorMessage.js";import"../../popover/Popover.js";import"../../system-message/SystemMessage.js";import"../../table/DataTable.js";import"../../table/Table.js";import"../../table/TableBody.js";import"../../table/TableCaption.js";import"../../table/TableCell.js";import"../../table/TableColumn.js";import"../../table/TableColumnGroup.js";import"../../table/tableContext.js";import"../../table/tableSectionContext.js";import"../../table/TableFooter.js";import"../../table/TableHead.js";import"../../table/TableHeader.js";import"../../table/TableRow.js";import"../../tabs/NavTab.js";import"../../tabs/tabsContext.js";import"../../tabs/Tab.js";import"../../tag/Tag.js";import"../../toast/toastContext.js";import"../../toggle-switch/ToggleSwitch.js";import{useFollowup as u}from"./useFollowup.js";const d={title:"Takk, igjen!",children:"Vi setter pris på at du tok deg tid til å svare på flere spørsmål. Det hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem."},b=({questions:b,successMessage:g=d,onSubmit:k})=>{const[h,I]=i(!1),x=s(null),C=u(b,k),{handleAbort:f,handleNext:T,step:v,submitted:w}=C,{followupStarted:F,setFollowupStarted:S,setFollowupSubmitted:N,contactSubmitted:y,landmarkLabel:A}=m();e((()=>{0!==v.number&&x.current&&x.current.focus()}),[v]),e((()=>{N(w)}),[w,N]);const B=j(b[v.number].type),L=v.isLast?n:a;return h?null:o("div",{"aria-live":"polite",children:t(l,{state:C,children:[!F&&t("div",{className:"jkl-feedback__fade-in",children:[o("p",{className:"jkl-heading-4 jkl-spacing-xl--top jkl-spacing-xs--bottom",children:"Har du tid til å svare på noen flere spørsmål?"}),o("p",{className:"jkl-body jkl-spacing-xl--bottom",children:"Det tar kun et minutt, og hjelper oss å lage bedre løsninger for deg."}),o(n,{onClick:()=>S(!0),className:"jkl-spacing-xl--right",children:"Jeg har tid!"}),o(c,{onClick:()=>I(!0),children:"Nei takk"})]}),!w&&F&&t("form",{onSubmit:T,className:"jkl-feedback__fade-in","aria-label":A,children:[t("p",{className:"jkl-feedback__step-counter",ref:x,children:["Steg ",v.number+1," av ",b.length]}),r(B,{...b[v.number],autoFocus:!0,key:v.number}),t("div",{className:"jkl-spacing-xl--top","aria-live":"off",children:[o(L,{type:"submit",children:v.isLast?"Send inn":"Neste"}),o(c,{onClick:f,className:"jkl-spacing-xl--left",children:"Avbryt"})]})]}),w&&!y&&o(p,{...g})]})})};export{b as Followup};
 //# sourceMappingURL=Followup.js.map

package/build/es/components/feedback/followup/Followup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Followup.js","sources":["../../../../../src/components/feedback/followup/Followup.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useRef, useState, FC } from \"react\";\nimport { PrimaryButton, SecondaryButton, TertiaryButton } from \"../..\";\nimport { useFeedbackContext } from \"../feedbackContext\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess\";\nimport { FeedbackAnswer, FollowupQuestion } from \"../types\";\nimport { getQuestionFromType } from \"../utils\";\nimport { FollowUpProvider } from \"./followupContext\";\nimport { useFollowup } from \"./useFollowup\";\n\nconst defaultSuccessMessage = {\n title: \"Takk, igjen!\",\n children:\n \"Vi setter pris på at du tok deg tid til å svare på flere spørsmål. Det hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem.\",\n};\n\ninterface Props {\n /** Spørsmålet/ene som skal stilles. Kan være av typen radio, checkbox eller text /\n questions: FollowupQuestion[];\n /* Lar deg tilpasse meldingen som kommer når brukeren har svart på spørsmålene. /\n successMessage?: {\n title: string;\n children: ReactNode;\n };\n onSubmit: (values: FeedbackAnswer[]) => void;\n}\n\nexport const Followup: FC<Props> = ({ questions, successMessage = defaultSuccessMessage, onSubmit }) => {\n const [noThanks, setNoThanks] = useState(false);\n const focusRef = useRef<HTMLParagraphElement>(null);\n const followupState = useFollowup(questions, onSubmit);\n const { handleAbort, handleNext, step, submitted } = followupState;\n const { followupStarted, setFollowupStarted, setFollowupSubmitted, contactSubmitted, landmarkLabel } =\n useFeedbackContext();\n\n useEffect(() => {\n if (step.number === 0) {\n return;\n }\n focusRef.current && focusRef.current.focus();\n }, [step]);\n\n useEffect(() => {\n setFollowupSubmitted(submitted);\n }, [submitted, setFollowupSubmitted]);\n\n const QuestionComponent = getQuestionFromType(questions[step.number].type);\n const Button = step.isLast ? PrimaryButton : SecondaryButton;\n\n if (noThanks) {\n return null;\n }\n\n return (\n <div aria-live=\"polite\">\n <FollowUpProvider state={followupState}>\n {!followupStarted && (\n <div className=\"jkl-feedback__fade-in\">\n <p className=\"jkl-heading-4 jkl-spacing-xl--top jkl-spacing-xs--bottom\">\n Har du tid til å svare på noen flere spørsmål?\n </p>\n <p className=\"jkl-body jkl-spacing-xl--bottom\">\n Det tar kun et minutt, og hjelper oss å lage bedre løsninger for deg.\n </p>\n <PrimaryButton onClick={() => setFollowupStarted(true)} className=\"jkl-spacing-xl--right\">\n Jeg har tid!\n </PrimaryButton>\n <TertiaryButton onClick={() => setNoThanks(true)}>Nei takk</TertiaryButton>\n </div>\n )}\n {!submitted && followupStarted && (\n <form onSubmit={handleNext} className=\"jkl-feedback__fade-in\" aria-label={landmarkLabel}>\n <p className=\"jkl-feedback__step-counter\" ref={focusRef}>\n Steg {step.number + 1} av {questions.length}\n </p>\n {/ eslint-disable-next-line jsx-a11y/no-autofocus */}\n <QuestionComponent {...questions[step.number]} autoFocus key={step.number} />\n <div className=\"jkl-spacing-xl--top\" aria-live=\"off\">\n <Button type=\"submit\">{step.isLast ? \"Send inn\" : \"Neste\"}</Button>\n <TertiaryButton onClick={handleAbort} className=\"jkl-spacing-xl--left\">\n Avbryt\n </TertiaryButton>\n </div>\n </form>\n )}\n {submitted && !contactSubmitted && <FeedbackSuccess {...successMessage} />}\n </FollowUpProvider>\n </div>\n );\n};\n"],"names":["defaultSuccessMessage","title","children","Followup","questions","successMessage","onSubmit","noThanks","setNoThanks","useState","focusRef","useRef","followupState","useFollowup","handleAbort","handleNext","step","submitted","followupStarted","setFollowupStarted","setFollowupSubmitted","contactSubmitted","landmarkLabel","useFeedbackContext","useEffect","number","current","focus","QuestionComponent","getQuestionFromType","type","Button","isLast","PrimaryButton","SecondaryButton","jsxs","FollowUpProvider","state","className","jsx","onClick","TertiaryButton","ref","length","createElement","autoFocus","key","FeedbackSuccess"],"mappings":"~~srIASA~~,MAAMA,EAAwB,CAC1BC,MAAO,eACPC,SACI,yJAcKC,EAAsB,EAAGC,UAAAA,EAAWC,eAAAA,EAAiBL,EAAuBM,SAAAA,MACrF,MAAOC,EAAUC,GAAeC,GAAS,GACnCC,EAAWC,EAA6B,MACxCC,EAAgBC,EAAYT,EAAWE,IACrCQ,YAAAA,EAAaC,WAAAA,EAAYC,KAAAA,EAAMC,UAAAA,GAAcL,GAC7CM,gBAAAA,EAAiBC,mBAAAA,EAAoBC,qBAAAA,EAAsBC,iBAAAA,EAAkBC,cAAAA,GACjFC,IAEJC,GAAU,KACc,IAAhBR,EAAKS,QAGAf,EAAAgB,SAAWhB,EAASgB,QAAQC,OAAM,GAC5C,CAACX,IAEJQ,GAAU,KACNJ,EAAqBH,EAAS,GAC/B,CAACA,EAAWG,IAETQ,MAAAA,EAAoBC,EAAoBzB,EAAUY,EAAKS,QAAQK,MAC/DC,EAASf,EAAKgB,OAASC,EAAgBC,EAE7C,OAAI3B,EACO,OAIN,MAAI,CAAA,YAAU,SACXL,SAACiC,EAAAC,EAAA,CAAiBC,MAAOzB,EACpBV,SAAA,EAACgB,GACEiB,EAAC,MAAI,CAAAG,UAAU,wBACXpC,SAAA,CAACqC,EAAA,IAAA,CAAED,UAAU,2DAA2DpC,SAExE,mDACCqC,EAAA,IAAA,CAAED,UAAU,kCAAkCpC,SAE/C,0EACAqC,EAACN,GAAcO,QAAS,IAAMrB,GAAmB,GAAOmB,UAAU,wBAAwBpC,SAE1F,mBACCuC,EAAe,CAAAD,QAAS,IAAMhC,GAAY,GAAON,SAAQ,iBAGhEe,GAAaC,GACViB,EAAA,OAAA,CAAK7B,SAAUS,EAAYuB,UAAU,wBAAwB,aAAYhB,EACtEpB,SAAA,CAAAiC,EAAC,IAAE,CAAAG,UAAU,6BAA6BI,IAAKhC,EAAUR,SAAA,CAAA,QAC/Cc,EAAKS,OAAS,EAAE,OAAKrB,EAAUuC,UAGzCC,EAAChB,EAAmB,IAAGxB,EAAUY,EAAKS,QAASoB,WAAS,EAACC,IAAK9B,EAAKS,SAClEU,EAAA,MAAA,CAAIG,UAAU,sBAAsB,YAAU,MAC3CpC,SAAA,CAAAqC,EAACR,GAAOD,KAAK,SAAU5B,SAAKc,EAAAgB,OAAS,WAAa,YACjDS,EAAe,CAAAD,QAAS1B,EAAawB,UAAU,uBAAuBpC,SAEvE,iBAIXe,IAAcI,GAAqBkB,EAAAQ,EAAA,IAAoB1C,QAEhE"}
1	+ {"version":3,"file":"Followup.js","sources":["../../../../../src/components/feedback/followup/Followup.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useRef, useState, FC } from \"react\";\nimport { PrimaryButton, SecondaryButton, TertiaryButton } from \"../..\";\nimport { useFeedbackContext } from \"../feedbackContext\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess\";\nimport { FeedbackAnswer, FollowupQuestion } from \"../types\";\nimport { getQuestionFromType } from \"../utils\";\nimport { FollowUpProvider } from \"./followupContext\";\nimport { useFollowup } from \"./useFollowup\";\n\nconst defaultSuccessMessage = {\n title: \"Takk, igjen!\",\n children:\n \"Vi setter pris på at du tok deg tid til å svare på flere spørsmål. Det hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem.\",\n};\n\ninterface Props {\n /** Spørsmålet/ene som skal stilles. Kan være av typen radio, checkbox eller text /\n questions: FollowupQuestion[];\n /* Lar deg tilpasse meldingen som kommer når brukeren har svart på spørsmålene. /\n successMessage?: {\n title: string;\n children: ReactNode;\n };\n onSubmit: (values: FeedbackAnswer[]) => void;\n}\n\nexport const Followup: FC<Props> = ({ questions, successMessage = defaultSuccessMessage, onSubmit }) => {\n const [noThanks, setNoThanks] = useState(false);\n const focusRef = useRef<HTMLParagraphElement>(null);\n const followupState = useFollowup(questions, onSubmit);\n const { handleAbort, handleNext, step, submitted } = followupState;\n const { followupStarted, setFollowupStarted, setFollowupSubmitted, contactSubmitted, landmarkLabel } =\n useFeedbackContext();\n\n useEffect(() => {\n if (step.number === 0) {\n return;\n }\n focusRef.current && focusRef.current.focus();\n }, [step]);\n\n useEffect(() => {\n setFollowupSubmitted(submitted);\n }, [submitted, setFollowupSubmitted]);\n\n const QuestionComponent = getQuestionFromType(questions[step.number].type);\n const Button = step.isLast ? PrimaryButton : SecondaryButton;\n\n if (noThanks) {\n return null;\n }\n\n return (\n <div aria-live=\"polite\">\n <FollowUpProvider state={followupState}>\n {!followupStarted && (\n <div className=\"jkl-feedback__fade-in\">\n <p className=\"jkl-heading-4 jkl-spacing-xl--top jkl-spacing-xs--bottom\">\n Har du tid til å svare på noen flere spørsmål?\n </p>\n <p className=\"jkl-body jkl-spacing-xl--bottom\">\n Det tar kun et minutt, og hjelper oss å lage bedre løsninger for deg.\n </p>\n <PrimaryButton onClick={() => setFollowupStarted(true)} className=\"jkl-spacing-xl--right\">\n Jeg har tid!\n </PrimaryButton>\n <TertiaryButton onClick={() => setNoThanks(true)}>Nei takk</TertiaryButton>\n </div>\n )}\n {!submitted && followupStarted && (\n <form onSubmit={handleNext} className=\"jkl-feedback__fade-in\" aria-label={landmarkLabel}>\n <p className=\"jkl-feedback__step-counter\" ref={focusRef}>\n Steg {step.number + 1} av {questions.length}\n </p>\n {/ eslint-disable-next-line jsx-a11y/no-autofocus */}\n <QuestionComponent {...questions[step.number]} autoFocus key={step.number} />\n <div className=\"jkl-spacing-xl--top\" aria-live=\"off\">\n <Button type=\"submit\">{step.isLast ? \"Send inn\" : \"Neste\"}</Button>\n <TertiaryButton onClick={handleAbort} className=\"jkl-spacing-xl--left\">\n Avbryt\n </TertiaryButton>\n </div>\n </form>\n )}\n {submitted && !contactSubmitted && <FeedbackSuccess {...successMessage} />}\n </FollowUpProvider>\n </div>\n );\n};\n"],"names":["defaultSuccessMessage","title","children","Followup","questions","successMessage","onSubmit","noThanks","setNoThanks","useState","focusRef","useRef","followupState","useFollowup","handleAbort","handleNext","step","submitted","followupStarted","setFollowupStarted","setFollowupSubmitted","contactSubmitted","landmarkLabel","useFeedbackContext","useEffect","number","current","focus","QuestionComponent","getQuestionFromType","type","Button","isLast","PrimaryButton","SecondaryButton","jsxs","FollowUpProvider","state","className","jsx","onClick","TertiaryButton","ref","length","createElement","autoFocus","key","FeedbackSuccess"],"mappings":"4vIASA,MAAMA,EAAwB,CAC1BC,MAAO,eACPC,SACI,yJAcKC,EAAsB,EAAGC,UAAAA,EAAWC,eAAAA,EAAiBL,EAAuBM,SAAAA,MACrF,MAAOC,EAAUC,GAAeC,GAAS,GACnCC,EAAWC,EAA6B,MACxCC,EAAgBC,EAAYT,EAAWE,IACrCQ,YAAAA,EAAaC,WAAAA,EAAYC,KAAAA,EAAMC,UAAAA,GAAcL,GAC7CM,gBAAAA,EAAiBC,mBAAAA,EAAoBC,qBAAAA,EAAsBC,iBAAAA,EAAkBC,cAAAA,GACjFC,IAEJC,GAAU,KACc,IAAhBR,EAAKS,QAGAf,EAAAgB,SAAWhB,EAASgB,QAAQC,OAAM,GAC5C,CAACX,IAEJQ,GAAU,KACNJ,EAAqBH,EAAS,GAC/B,CAACA,EAAWG,IAETQ,MAAAA,EAAoBC,EAAoBzB,EAAUY,EAAKS,QAAQK,MAC/DC,EAASf,EAAKgB,OAASC,EAAgBC,EAE7C,OAAI3B,EACO,OAIN,MAAI,CAAA,YAAU,SACXL,SAACiC,EAAAC,EAAA,CAAiBC,MAAOzB,EACpBV,SAAA,EAACgB,GACEiB,EAAC,MAAI,CAAAG,UAAU,wBACXpC,SAAA,CAACqC,EAAA,IAAA,CAAED,UAAU,2DAA2DpC,SAExE,mDACCqC,EAAA,IAAA,CAAED,UAAU,kCAAkCpC,SAE/C,0EACAqC,EAACN,GAAcO,QAAS,IAAMrB,GAAmB,GAAOmB,UAAU,wBAAwBpC,SAE1F,mBACCuC,EAAe,CAAAD,QAAS,IAAMhC,GAAY,GAAON,SAAQ,iBAGhEe,GAAaC,GACViB,EAAA,OAAA,CAAK7B,SAAUS,EAAYuB,UAAU,wBAAwB,aAAYhB,EACtEpB,SAAA,CAAAiC,EAAC,IAAE,CAAAG,UAAU,6BAA6BI,IAAKhC,EAAUR,SAAA,CAAA,QAC/Cc,EAAKS,OAAS,EAAE,OAAKrB,EAAUuC,UAGzCC,EAAChB,EAAmB,IAAGxB,EAAUY,EAAKS,QAASoB,WAAS,EAACC,IAAK9B,EAAKS,SAClEU,EAAA,MAAA,CAAIG,UAAU,sBAAsB,YAAU,MAC3CpC,SAAA,CAAAqC,EAACR,GAAOD,KAAK,SAAU5B,SAAKc,EAAAgB,OAAS,WAAa,YACjDS,EAAe,CAAAD,QAAS1B,EAAawB,UAAU,uBAAuBpC,SAEvE,iBAIXe,IAAcI,GAAqBkB,EAAAQ,EAAA,IAAoB1C,QAEhE"}

package/build/es/components/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{AccordionItem as o}from"./accordion/AccordionItem.js";import{Accordion as a}from"./accordion/Accordion.js";import{Breadcrumb as s}from"./breadcrumb/Breadcrumb.js";import{BreadcrumbItem as r}from"./breadcrumb/BreadcrumbItem.js";import{Button as e,PrimaryButton as t,SecondaryButton as n,TertiaryButton as i}from"./button/Button.js";import{Card as m}from"./card/Card.js";import{CardImage as c}from"./card/CardImage.js";import{InfoBlock as l,NavCard as p}from"./card/NavCard.js";import{TaskCard as d}from"./card/TaskCard.js";import{InfoCard as u}from"./card/InfoCard.js";import{Checkbox as b}from"./checkbox/Checkbox.js";import{Combobox as f,getComboboxValuePair as T}from"./combobox/Combobox.js";import{CookieConsent as I}from"./cookie-consent/CookieConsent.js";import{CookieConsentProvider as g,useCookieConsent as j}from"./cookie-consent/CookieConsentContext.js";import{isCorrectFormat as C,isWithinLowerBound as k,isWithinUpperBound as S}from"./datepicker/validation.js";import{dayMonthYearRegex as B,formatInput as h,isBlurTargetOutside as x,parseDateString as L}from"./datepicker/utils.js";import{DatePicker as A}from"./datepicker/DatePicker.js";import{Feedback as v}from"./feedback/Feedback.js";import{PRESETS as w}from"./feedback/presets.js";import{DescriptionDetail as M,DescriptionList as R,DescriptionTerm as F}from"./description-list/DescriptionList.js";import{a as y,b as P,E as D,N as E,S as G,T as N}from"../../ExpandableTableRow-BJSqC_Jo.js";import{ExpandSection as H}from"./expander/ExpandSection.js";import{Icon as U}from"./icon/Icon.js";import{ArrowVerticalAnimated as W}from"./icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as V}from"./icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as O}from"./icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as z}from"./icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as Q}from"./icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as Y}from"./icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as q}from"./icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as J}from"./icon/icons/ArrowUpIcon.js";import{CalendarIcon as K}from"./icon/icons/CalendarIcon.js";import{CheckIcon as X}from"./icon/icons/CheckIcon.js";import{ChevronDownIcon as Z}from"./icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as $}from"./icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as _}from"./icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as oo}from"./icon/icons/ChevronUpIcon.js";import{CloseIcon as ao}from"./icon/icons/CloseIcon.js";import{CopyIcon as so}from"./icon/icons/CopyIcon.js";import{DotsIcon as ro}from"./icon/icons/DotsIcon.js";import{DragIcon as eo}from"./icon/icons/DragIcon.js";import{ErrorIcon as to}from"./icon/icons/ErrorIcon.js";import{GreenCheckIcon as no}from"./icon/icons/GreenCheckIcon.js";import{HamburgerIcon as io}from"./icon/icons/HamburgerIcon.js";import{InfoIcon as mo}from"./icon/icons/InfoIcon.js";import{LinkIcon as co}from"./icon/icons/LinkIcon.js";import{PlusIcon as lo}from"./icon/icons/PlusIcon.js";import{QuestionIcon as po}from"./icon/icons/QuestionIcon.js";import{RedCrossIcon as uo}from"./icon/icons/RedCrossIcon.js";import{SearchIcon as bo}from"./icon/icons/SearchIcon.js";import{SuccessIcon as fo}from"./icon/icons/SuccessIcon.js";import{WarningIcon as To}from"./icon/icons/WarningIcon.js";import{MinusIcon as Io}from"./icon/icons/MinusIcon.js";import{ThumbDownIcon as go}from"./icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as jo}from"./icon/icons/ThumbUpIcon.js";import{TrashCanIcon as Co}from"./icon/icons/TrashCanIcon.js";import{PenIcon as ko}from"./icon/icons/PenIcon.js";import{IconButton as So}from"./icon-button/IconButton.js";import{Image as Bo}from"./image/Image.js";import{FieldGroup as ho}from"./input-group/FieldGroup.js";import{InputGroup as xo}from"./input-group/InputGroup.js";import{Label as Lo}from"./input-group/Label.js";import{SupportLabel as Ao}from"./input-group/SupportLabel.js";import{Link as vo}from"./link/Link.js";import{NavLink as wo}from"./link/NavLink.js";import{LinkList as Mo}from"./link-list/LinkList.js";import{List as Ro,OrderedList as Fo,UnorderedList as yo}from"./list/List.js";import{CheckListItem as Po,CrossListItem as Do,ListItem as Eo}from"./list/ListItem.js";import{Loader as Go}from"./loader/Loader.js";import{SkeletonAnimation as No}from"./loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as Ho}from"./loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as Uo}from"./loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as Wo}from"./loader/skeletons/SkeletonElement.js";import{SkeletonInput as Vo}from"./loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as Oo}from"./loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as zo,SkeletonTableHeader as Qo,SkeletonTableRow as Yo}from"./loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as qo}from"./loader/skeletons/SkeletonTextArea.js";import{Logo as Jo}from"./logo/Logo.js";import{LogoStamp as Ko}from"./logo/LogoStamp.js";import{ForsikringLevertAvFremtind as Xo}from"./logo/text-paths/ForsikringLevertAvFremtind.js";import{FraSB1ogDNB as Zo}from"./logo/text-paths/FraSB1ogDNB.js";import{InnovasjonFraFremtind as $o}from"./logo/text-paths/InnovasjonFraFremtind.js";import{TeknologiFraFremtind as _o}from"./logo/text-paths/TeknologiFraFremtind.js";import{VartEgetForsikringsselskap as oa}from"./logo/text-paths/VartEgetForsikringsselskap.js";import{VartForsikringsselskap as aa}from"./logo/text-paths/VartForsikringsselskap.js";import{ErrorMessage as sa,InfoMessage as ra,SuccessMessage as ea,WarningMessage as ta}from"./message/Message.js";import{FormErrorMessage as na}from"./message/FormErrorMessage.js";import{Modal as ia,ModalActions as ma,ModalBody as ca,ModalCloseButton as la,ModalContainer as pa,ModalHeader as da,ModalOverlay as ua,ModalTitle as ba}from"./modal/Modal.js";import{useModal as fa}from"./modal/useModal.js";import{default as Ta}from"./popover/Popover.js";import{Countdown as Ia}from"./progress-bar/Countdown.js";import{ProgressBar as ga}from"./progress-bar/ProgressBar.js";import{RadioButton as ja}from"./radio-button/RadioButton.js";import{RadioButtonGroup as Ca}from"./radio-button/RadioButtonGroup.js";import{BaseRadioButton as ka}from"./radio-button/BaseRadioButton.js";import{SummaryTable as Sa}from"./summary-table/SummaryTable.js";import{SummaryTableRow as Ba}from"./summary-table/SummaryTableRow.js";import{ErrorSystemMessage as ha,InfoSystemMessage as xa,SuccessSystemMessage as La,WarningSystemMessage as Aa}from"./system-message/SystemMessage.js";import{DataTable as va}from"./table/DataTable.js";import{Table as wa}from"./table/Table.js";import{TableBody as Ma}from"./table/TableBody.js";import{TableCaption as Ra}from"./table/TableCaption.js";import{TableCell as Fa}from"./table/TableCell.js";import{TableColumn as ya}from"./table/TableColumn.js";import{TableColumnGroup as Pa}from"./table/TableColumnGroup.js";import{TableContextProvider as Da,useTableContext as Ea}from"./table/tableContext.js";import{TableSectionContextProvider as Ga,useTableSectionContext as Na}from"./table/tableSectionContext.js";import{TableFooter as Ha}from"./table/TableFooter.js";import{TableHead as Ua}from"./table/TableHead.js";import{TableHeader as Wa}from"./table/TableHeader.js";import{TableRow as Va}from"./table/TableRow.js";import{useSortableTableHeader as Oa}from"./table/utils.js";import{NavTab as za}from"./tabs/NavTab.js";import{NavTabs as Qa}from"./tabs/NavTabs.js";import{Tabs as Ya}from"./tabs/Tabs.js";import{TabList as qa}from"./tabs/TabList.js";import{Tab as Ja}from"./tabs/Tab.js";import{TabPanel as Ka}from"./tabs/TabPanel.js";import{ErrorTag as Xa,InfoTag as Za,SuccessTag as $a,Tag as _a,WarningTag as os}from"./tag/Tag.js";import{BaseTextArea as as}from"./text-input/BaseTextArea.js";import{BaseTextInput as ss}from"./text-input/BaseTextInput.js";import{TextArea as rs}from"./text-input/TextArea.js";import{TextInput as es}from"./text-input/TextInput.js";import{ToastProvider as ts,useToast as ns}from"./toast/toastContext.js";import{ToggleSwitch as is}from"./toggle-switch/ToggleSwitch.js";import{ToggleSlider as ms}from"./toggle-switch/ToggleSlider.js";import{Tooltip as cs}from"./tooltip/Tooltip.js";import{TooltipContent as ls}from"./tooltip/TooltipContent.js";import{TooltipTrigger as ps}from"./tooltip/TooltipTrigger.js";import{PopupTip as ds}from"./tooltip/PopupTip.js";import{ScreenReaderOnly as us}from"./ScreenReaderOnly.js";export{a as Accordion,o as AccordionItem,z as ArrowDownIcon,V as ArrowHorizontalAnimated,Q as ArrowLeftIcon,Y as ArrowNorthEastIcon,q as ArrowRightIcon,J as ArrowUpIcon,W as ArrowVerticalAnimated,ka as BaseRadioButton,as as BaseTextArea,ss as BaseTextInput,s as Breadcrumb,r as BreadcrumbItem,e as Button,K as CalendarIcon,m as Card,c as CardImage,X as CheckIcon,Po as CheckListItem,b as Checkbox,Z as ChevronDownIcon,$ as ChevronLeftIcon,_ as ChevronRightIcon,oo as ChevronUpIcon,ao as CloseIcon,f as Combobox,I as CookieConsent,g as CookieConsentProvider,so as CopyIcon,Ia as Countdown,Do as CrossListItem,va as DataTable,A as DatePicker,M as DescriptionDetail,R as DescriptionList,F as DescriptionTerm,ro as DotsIcon,eo as DragIcon,to as ErrorIcon,sa as ErrorMessage,ha as ErrorSystemMessage,Xa as ErrorTag,H as ExpandSection,y as ExpandableTableRow,P as ExpandableTableRowController,D as Expander,v as Feedback,ho as FieldGroup,na as FormErrorMessage,Xo as ForsikringLevertAvFremtind,Zo as FraSB1ogDNB,no as GreenCheckIcon,io as HamburgerIcon,U as Icon,So as IconButton,Bo as Image,l as InfoBlock,u as InfoCard,mo as InfoIcon,ra as InfoMessage,xa as InfoSystemMessage,Za as InfoTag,$o as InnovasjonFraFremtind,xo as InputGroup,Lo as Label,vo as Link,co as LinkIcon,Mo as LinkList,Ro as List,Eo as ListItem,Go as Loader,Jo as Logo,Ko as LogoStamp,Io as MinusIcon,ia as Modal,ma as ModalActions,ca as ModalBody,la as ModalCloseButton,pa as ModalContainer,da as ModalHeader,ua as ModalOverlay,ba as ModalTitle,E as NativeSelect,p as NavCard,wo as NavLink,za as NavTab,Qa as NavTabs,Fo as OrderedList,w as PRESETS,ko as PenIcon,lo as PlusIcon,O as PlusRemoveAnimated,Ta as Popover,ds as PopupTip,t as PrimaryButton,ga as ProgressBar,po as QuestionIcon,ja as RadioButton,Ca as RadioButtonGroup,uo as RedCrossIcon,us as ScreenReaderOnly,bo as SearchIcon,n as SecondaryButton,G as Select,No as SkeletonAnimation,Ho as SkeletonButton,Uo as SkeletonCheckboxGroup,Wo as SkeletonElement,Vo as SkeletonInput,Oo as SkeletonRadioButtonGroup,zo as SkeletonTable,Qo as SkeletonTableHeader,Yo as SkeletonTableRow,qo as SkeletonTextArea,fo as SuccessIcon,ea as SuccessMessage,La as SuccessSystemMessage,$a as SuccessTag,Sa as SummaryTable,Ba as SummaryTableRow,Ao as SupportLabel,Ja as Tab,qa as TabList,Ka as TabPanel,wa as Table,Ma as TableBody,Ra as TableCaption,Fa as TableCell,ya as TableColumn,Pa as TableColumnGroup,Da as TableContextProvider,Ha as TableFooter,Ua as TableHead,Wa as TableHeader,N as TablePagination,Va as TableRow,Ga as TableSectionContextProvider,Ya as Tabs,_a as Tag,d as TaskCard,_o as TeknologiFraFremtind,i as TertiaryButton,rs as TextArea,es as TextInput,go as ThumbDownIcon,jo as ThumbUpIcon,ts as ToastProvider,ms as ToggleSlider,is as ToggleSwitch,cs as Tooltip,ls as TooltipContent,ps as TooltipTrigger,Co as TrashCanIcon,yo as UnorderedList,oa as VartEgetForsikringsselskap,aa as VartForsikringsselskap,To as WarningIcon,ta as WarningMessage,Aa as WarningSystemMessage,os as WarningTag,B as dayMonthYearRegex,h as formatInput,T as getComboboxValuePair,x as isBlurTargetOutside,C as isCorrectFormat,k as isWithinLowerBound,S as isWithinUpperBound,L as parseDateString,j as useCookieConsent,fa as useModal,Oa as useSortableTableHeader,Ea as useTableContext,Na as useTableSectionContext,ns as useToast};
+import{AccordionItem as o}from"./accordion/AccordionItem.js";import{Accordion as a}from"./accordion/Accordion.js";import{Breadcrumb as s}from"./breadcrumb/Breadcrumb.js";import{BreadcrumbItem as r}from"./breadcrumb/BreadcrumbItem.js";import{Button as e,PrimaryButton as t,SecondaryButton as n,TertiaryButton as i}from"./button/Button.js";import{Card as m}from"./card/Card.js";import{CardImage as c}from"./card/CardImage.js";import{InfoBlock as p,NavCard as l}from"./card/NavCard.js";import{TaskCard as d}from"./card/TaskCard.js";import{InfoCard as u}from"./card/InfoCard.js";import{Checkbox as b}from"./checkbox/Checkbox.js";import{Combobox as f,getComboboxValuePair as I}from"./combobox/Combobox.js";import{CookieConsent as T}from"./cookie-consent/CookieConsent.js";import{CookieConsentProvider as j,useCookieConsent as g}from"./cookie-consent/CookieConsentContext.js";import{isCorrectFormat as C,isWithinLowerBound as k,isWithinUpperBound as S}from"./datepicker/validation.js";import{dayMonthYearRegex as h,formatInput as B,isBlurTargetOutside as x,parseDateString as L}from"./datepicker/utils.js";import{DatePicker as M}from"./datepicker/DatePicker.js";import{Feedback as v}from"./feedback/Feedback.js";import{PRESETS as A}from"./feedback/presets.js";import{DescriptionDetail as w,DescriptionList as R,DescriptionTerm as F}from"./description-list/DescriptionList.js";import{a as y,b as D,E as P,M as E,N as G,S as N,T as H}from"../../ExpandableTableRow-CqIg8_Yu.js";import{ExpandSection as U}from"./expander/ExpandSection.js";import{Icon as W}from"./icon/Icon.js";import{ArrowVerticalAnimated as V}from"./icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as O}from"./icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as z}from"./icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as Q}from"./icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as Y}from"./icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as q}from"./icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as J}from"./icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as K}from"./icon/icons/ArrowUpIcon.js";import{CalendarIcon as X}from"./icon/icons/CalendarIcon.js";import{CheckIcon as Z}from"./icon/icons/CheckIcon.js";import{ChevronDownIcon as $}from"./icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as _}from"./icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as oo}from"./icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as ao}from"./icon/icons/ChevronUpIcon.js";import{CloseIcon as so}from"./icon/icons/CloseIcon.js";import{CopyIcon as ro}from"./icon/icons/CopyIcon.js";import{DotsIcon as eo}from"./icon/icons/DotsIcon.js";import{DragIcon as to}from"./icon/icons/DragIcon.js";import{ErrorIcon as no}from"./icon/icons/ErrorIcon.js";import{GreenCheckIcon as io}from"./icon/icons/GreenCheckIcon.js";import{HamburgerIcon as mo}from"./icon/icons/HamburgerIcon.js";import{InfoIcon as co}from"./icon/icons/InfoIcon.js";import{LinkIcon as po}from"./icon/icons/LinkIcon.js";import{PlusIcon as lo}from"./icon/icons/PlusIcon.js";import{QuestionIcon as uo}from"./icon/icons/QuestionIcon.js";import{RedCrossIcon as bo}from"./icon/icons/RedCrossIcon.js";import{SearchIcon as fo}from"./icon/icons/SearchIcon.js";import{SuccessIcon as Io}from"./icon/icons/SuccessIcon.js";import{WarningIcon as To}from"./icon/icons/WarningIcon.js";import{MinusIcon as jo}from"./icon/icons/MinusIcon.js";import{ThumbDownIcon as go}from"./icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as Co}from"./icon/icons/ThumbUpIcon.js";import{TrashCanIcon as ko}from"./icon/icons/TrashCanIcon.js";import{PenIcon as So}from"./icon/icons/PenIcon.js";import{IconButton as ho}from"./icon-button/IconButton.js";import{Image as Bo}from"./image/Image.js";import{FieldGroup as xo}from"./input-group/FieldGroup.js";import{InputGroup as Lo}from"./input-group/InputGroup.js";import{Label as Mo}from"./input-group/Label.js";import{SupportLabel as vo}from"./input-group/SupportLabel.js";import{Link as Ao}from"./link/Link.js";import{NavLink as wo}from"./link/NavLink.js";import{LinkList as Ro}from"./link-list/LinkList.js";import{List as Fo,OrderedList as yo,UnorderedList as Do}from"./list/List.js";import{CheckListItem as Po,CrossListItem as Eo,ListItem as Go}from"./list/ListItem.js";import{Loader as No}from"./loader/Loader.js";import{SkeletonAnimation as Ho}from"./loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as Uo}from"./loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as Wo}from"./loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as Vo}from"./loader/skeletons/SkeletonElement.js";import{SkeletonInput as Oo}from"./loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as zo}from"./loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as Qo,SkeletonTableHeader as Yo,SkeletonTableRow as qo}from"./loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as Jo}from"./loader/skeletons/SkeletonTextArea.js";import{Logo as Ko}from"./logo/Logo.js";import{LogoStamp as Xo}from"./logo/LogoStamp.js";import{ForsikringLevertAvFremtind as Zo}from"./logo/text-paths/ForsikringLevertAvFremtind.js";import{FraSB1ogDNB as $o}from"./logo/text-paths/FraSB1ogDNB.js";import{InnovasjonFraFremtind as _o}from"./logo/text-paths/InnovasjonFraFremtind.js";import{TeknologiFraFremtind as oa}from"./logo/text-paths/TeknologiFraFremtind.js";import{VartEgetForsikringsselskap as aa}from"./logo/text-paths/VartEgetForsikringsselskap.js";import{VartForsikringsselskap as sa}from"./logo/text-paths/VartForsikringsselskap.js";import{MenuItem as ra}from"./menu/MenuItem.js";import{MenuItemCheckbox as ea}from"./menu/MenuItemCheckbox.js";import{MenuDivider as ta}from"./menu/MenuDivider.js";import{ErrorMessage as na,InfoMessage as ia,SuccessMessage as ma,WarningMessage as ca}from"./message/Message.js";import{FormErrorMessage as pa}from"./message/FormErrorMessage.js";import{Modal as la,ModalActions as da,ModalBody as ua,ModalCloseButton as ba,ModalContainer as fa,ModalHeader as Ia,ModalOverlay as Ta,ModalTitle as ja}from"./modal/Modal.js";import{useModal as ga}from"./modal/useModal.js";import{default as Ca}from"./popover/Popover.js";import{Countdown as ka}from"./progress-bar/Countdown.js";import{ProgressBar as Sa}from"./progress-bar/ProgressBar.js";import{RadioButton as ha}from"./radio-button/RadioButton.js";import{RadioButtonGroup as Ba}from"./radio-button/RadioButtonGroup.js";import{BaseRadioButton as xa}from"./radio-button/BaseRadioButton.js";import{SummaryTable as La}from"./summary-table/SummaryTable.js";import{SummaryTableRow as Ma}from"./summary-table/SummaryTableRow.js";import{ErrorSystemMessage as va,InfoSystemMessage as Aa,SuccessSystemMessage as wa,WarningSystemMessage as Ra}from"./system-message/SystemMessage.js";import{DataTable as Fa}from"./table/DataTable.js";import{Table as ya}from"./table/Table.js";import{TableBody as Da}from"./table/TableBody.js";import{TableCaption as Pa}from"./table/TableCaption.js";import{TableCell as Ea}from"./table/TableCell.js";import{TableColumn as Ga}from"./table/TableColumn.js";import{TableColumnGroup as Na}from"./table/TableColumnGroup.js";import{TableContextProvider as Ha,useTableContext as Ua}from"./table/tableContext.js";import{TableSectionContextProvider as Wa,useTableSectionContext as Va}from"./table/tableSectionContext.js";import{TableFooter as Oa}from"./table/TableFooter.js";import{TableHead as za}from"./table/TableHead.js";import{TableHeader as Qa}from"./table/TableHeader.js";import{TableRow as Ya}from"./table/TableRow.js";import{useSortableTableHeader as qa}from"./table/utils.js";import{NavTab as Ja}from"./tabs/NavTab.js";import{NavTabs as Ka}from"./tabs/NavTabs.js";import{Tabs as Xa}from"./tabs/Tabs.js";import{TabList as Za}from"./tabs/TabList.js";import{Tab as $a}from"./tabs/Tab.js";import{TabPanel as _a}from"./tabs/TabPanel.js";import{ErrorTag as os,InfoTag as as,SuccessTag as ss,Tag as rs,WarningTag as es}from"./tag/Tag.js";import{BaseTextArea as ts}from"./text-input/BaseTextArea.js";import{BaseTextInput as ns}from"./text-input/BaseTextInput.js";import{TextArea as is}from"./text-input/TextArea.js";import{TextInput as ms}from"./text-input/TextInput.js";import{ToastProvider as cs,useToast as ps}from"./toast/toastContext.js";import{ToggleSwitch as ls}from"./toggle-switch/ToggleSwitch.js";import{ToggleSlider as ds}from"./toggle-switch/ToggleSlider.js";import{Tooltip as us}from"./tooltip/Tooltip.js";import{TooltipContent as bs}from"./tooltip/TooltipContent.js";import{TooltipTrigger as fs}from"./tooltip/TooltipTrigger.js";import{PopupTip as Is}from"./tooltip/PopupTip.js";import{ScreenReaderOnly as Ts}from"./ScreenReaderOnly.js";export{a as Accordion,o as AccordionItem,Q as ArrowDownIcon,O as ArrowHorizontalAnimated,Y as ArrowLeftIcon,q as ArrowNorthEastIcon,J as ArrowRightIcon,K as ArrowUpIcon,V as ArrowVerticalAnimated,xa as BaseRadioButton,ts as BaseTextArea,ns as BaseTextInput,s as Breadcrumb,r as BreadcrumbItem,e as Button,X as CalendarIcon,m as Card,c as CardImage,Z as CheckIcon,Po as CheckListItem,b as Checkbox,$ as ChevronDownIcon,_ as ChevronLeftIcon,oo as ChevronRightIcon,ao as ChevronUpIcon,so as CloseIcon,f as Combobox,T as CookieConsent,j as CookieConsentProvider,ro as CopyIcon,ka as Countdown,Eo as CrossListItem,Fa as DataTable,M as DatePicker,w as DescriptionDetail,R as DescriptionList,F as DescriptionTerm,eo as DotsIcon,to as DragIcon,no as ErrorIcon,na as ErrorMessage,va as ErrorSystemMessage,os as ErrorTag,U as ExpandSection,y as ExpandableTableRow,D as ExpandableTableRowController,P as Expander,v as Feedback,xo as FieldGroup,pa as FormErrorMessage,Zo as ForsikringLevertAvFremtind,$o as FraSB1ogDNB,io as GreenCheckIcon,mo as HamburgerIcon,W as Icon,ho as IconButton,Bo as Image,p as InfoBlock,u as InfoCard,co as InfoIcon,ia as InfoMessage,Aa as InfoSystemMessage,as as InfoTag,_o as InnovasjonFraFremtind,Lo as InputGroup,Mo as Label,Ao as Link,po as LinkIcon,Ro as LinkList,Fo as List,Go as ListItem,No as Loader,Ko as Logo,Xo as LogoStamp,E as Menu,ta as MenuDivider,ra as MenuItem,ea as MenuItemCheckbox,jo as MinusIcon,la as Modal,da as ModalActions,ua as ModalBody,ba as ModalCloseButton,fa as ModalContainer,Ia as ModalHeader,Ta as ModalOverlay,ja as ModalTitle,G as NativeSelect,l as NavCard,wo as NavLink,Ja as NavTab,Ka as NavTabs,yo as OrderedList,A as PRESETS,So as PenIcon,lo as PlusIcon,z as PlusRemoveAnimated,Ca as Popover,Is as PopupTip,t as PrimaryButton,Sa as ProgressBar,uo as QuestionIcon,ha as RadioButton,Ba as RadioButtonGroup,bo as RedCrossIcon,Ts as ScreenReaderOnly,fo as SearchIcon,n as SecondaryButton,N as Select,Ho as SkeletonAnimation,Uo as SkeletonButton,Wo as SkeletonCheckboxGroup,Vo as SkeletonElement,Oo as SkeletonInput,zo as SkeletonRadioButtonGroup,Qo as SkeletonTable,Yo as SkeletonTableHeader,qo as SkeletonTableRow,Jo as SkeletonTextArea,Io as SuccessIcon,ma as SuccessMessage,wa as SuccessSystemMessage,ss as SuccessTag,La as SummaryTable,Ma as SummaryTableRow,vo as SupportLabel,$a as Tab,Za as TabList,_a as TabPanel,ya as Table,Da as TableBody,Pa as TableCaption,Ea as TableCell,Ga as TableColumn,Na as TableColumnGroup,Ha as TableContextProvider,Oa as TableFooter,za as TableHead,Qa as TableHeader,H as TablePagination,Ya as TableRow,Wa as TableSectionContextProvider,Xa as Tabs,rs as Tag,d as TaskCard,oa as TeknologiFraFremtind,i as TertiaryButton,is as TextArea,ms as TextInput,go as ThumbDownIcon,Co as ThumbUpIcon,cs as ToastProvider,ds as ToggleSlider,ls as ToggleSwitch,us as Tooltip,bs as TooltipContent,fs as TooltipTrigger,ko as TrashCanIcon,Do as UnorderedList,aa as VartEgetForsikringsselskap,sa as VartForsikringsselskap,To as WarningIcon,ca as WarningMessage,Ra as WarningSystemMessage,es as WarningTag,h as dayMonthYearRegex,B as formatInput,I as getComboboxValuePair,x as isBlurTargetOutside,C as isCorrectFormat,k as isWithinLowerBound,S as isWithinUpperBound,L as parseDateString,g as useCookieConsent,ga as useModal,qa as useSortableTableHeader,Ua as useTableContext,Va as useTableSectionContext,ps as useToast};
 //# sourceMappingURL=index.js.map

package/build/es/components/link/documentation/Example.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as n}from"react/jsx-runtime";import{f as t,u as o,I as r}from"../../../../formatCode-BE8lQWf_.js";import"react";import"../Link.js";import"../NavLink.js";const e=[],i=t('import React, { FC } from "react";\nimport { Link } from "..";\n\nexport const knobs = [];\n\nexport const LinkExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <div>\n            <Link href="#">Lenke</Link>\n        </div>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n');function s(){const t=o(i,e);return n("div",{className:"jkl",children:n(r,{title:"Link",defaultCode:i,defaultShowEditor:!0,noInline:!0,controls:t})})}export{s as default};
+import{jsx as n}from"react/jsx-runtime";import{f as t,u as o,I as r}from"../../../../formatCode-C08Dk1Mz.js";import"react";import"../Link.js";import"../NavLink.js";const e=[],i=t('import React, { FC } from "react";\nimport { Link } from "..";\n\nexport const knobs = [];\n\nexport const LinkExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <div>\n            <Link href="#">Lenke</Link>\n        </div>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n');function s(){const t=o(i,e);return n("div",{className:"jkl",children:n(r,{title:"Link",defaultCode:i,defaultShowEditor:!0,noInline:!0,controls:t})})}export{s as default};
 //# sourceMappingURL=Example.js.map

package/build/es/components/link/documentation/main.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import t from"react-dom/client";import"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../../button/Button.js";import"../../card/Card.js";import"../../card/CardImage.js";import"../../card/NavCard.js";import"../../checkbox/Checkbox.js";import"../../combobox/Combobox.js";import"../../cookie-consent/CookieConsentContext.js";import"react-dom";import"../../modal/Modal.js";import"react-a11y-dialog";import"../../list/List.js";import"../../list/ListItem.js";import"../../datepicker/DatePicker.js";import"../../feedback/feedbackContext.js";import"../../message/Message.js";import"../../message/FormErrorMessage.js";import"../../tooltip/Tooltip.js";import"../../tooltip/TooltipContent.js";import"../../tooltip/TooltipTrigger.js";import"../../input-group/InputGroup.js";import"../../feedback/followup/followupContext.js";import"../../feedback/main-question/mainQuestionContext.js";import"../../radio-button/RadioButton.js";import"../../radio-button/radioGroupContext.js";import"../../radio-button/BaseRadioButton.js";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import"../../text-input/TextArea.js";import"../../text-input/TextInput.js";import"../../../utilities/polymorphism/SlotComponent.js";import{initTabListener as i}from"../../../utilities/tabListener.js";import"../../../../ExpandableTableRow-BJSqC_Jo.js";import"../../icon-button/IconButton.js";import"../Link.js";import"../NavLink.js";import"../../link-list/LinkList.js";import"../../logo/text-paths/ForsikringLevertAvFremtind.js";import"../../logo/text-paths/FraSB1ogDNB.js";import"../../logo/text-paths/InnovasjonFraFremtind.js";import"../../logo/text-paths/TeknologiFraFremtind.js";import"../../logo/text-paths/VartEgetForsikringsselskap.js";import"../../logo/text-paths/VartForsikringsselskap.js";import"../../popover/Popover.js";import"../../system-message/SystemMessage.js";import"../../table/DataTable.js";import"../../table/Table.js";import"../../table/TableBody.js";import"../../table/TableCaption.js";import"../../table/TableCell.js";import"../../table/TableColumn.js";import"../../table/TableColumnGroup.js";import"../../table/tableContext.js";import"../../table/tableSectionContext.js";import"../../table/TableFooter.js";import"../../table/TableHead.js";import"../../table/TableHeader.js";import"../../table/TableRow.js";import"../../tabs/NavTab.js";import"../../tabs/tabsContext.js";import"../../tabs/Tab.js";import"../../tag/Tag.js";import"../../toast/toastContext.js";import"../../toggle-switch/ToggleSwitch.js";import s from"./Example.js";i(),t.createRoot(document.getElementById("root")).render(o(s,{}));
+import{jsx as o}from"react/jsx-runtime";import t from"react-dom/client";import"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../../button/Button.js";import"../../card/Card.js";import"../../card/CardImage.js";import"../../card/NavCard.js";import"../../checkbox/Checkbox.js";import"../../combobox/Combobox.js";import"../../cookie-consent/CookieConsentContext.js";import"react-dom";import"../../modal/Modal.js";import"react-a11y-dialog";import"../../list/List.js";import"../../list/ListItem.js";import"../../datepicker/DatePicker.js";import"../../feedback/feedbackContext.js";import"../../message/Message.js";import"../../message/FormErrorMessage.js";import"../../tooltip/Tooltip.js";import"../../tooltip/TooltipContent.js";import"../../tooltip/TooltipTrigger.js";import"../../input-group/InputGroup.js";import"../../feedback/followup/followupContext.js";import"../../feedback/main-question/mainQuestionContext.js";import"../../radio-button/RadioButton.js";import"../../radio-button/radioGroupContext.js";import"../../radio-button/BaseRadioButton.js";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import"../../text-input/TextArea.js";import"../../text-input/TextInput.js";import"../../../utilities/polymorphism/SlotComponent.js";import{initTabListener as i}from"../../../utilities/tabListener.js";import"../../../../ExpandableTableRow-CqIg8_Yu.js";import"../../icon-button/IconButton.js";import"../Link.js";import"../NavLink.js";import"../../link-list/LinkList.js";import"../../logo/text-paths/ForsikringLevertAvFremtind.js";import"../../logo/text-paths/FraSB1ogDNB.js";import"../../logo/text-paths/InnovasjonFraFremtind.js";import"../../logo/text-paths/TeknologiFraFremtind.js";import"../../logo/text-paths/VartEgetForsikringsselskap.js";import"../../logo/text-paths/VartForsikringsselskap.js";import"../../menu/MenuItem.js";import"../../menu/MenuItemCheckbox.js";import"../../popover/Popover.js";import"../../system-message/SystemMessage.js";import"../../table/DataTable.js";import"../../table/Table.js";import"../../table/TableBody.js";import"../../table/TableCaption.js";import"../../table/TableCell.js";import"../../table/TableColumn.js";import"../../table/TableColumnGroup.js";import"../../table/tableContext.js";import"../../table/tableSectionContext.js";import"../../table/TableFooter.js";import"../../table/TableHead.js";import"../../table/TableHeader.js";import"../../table/TableRow.js";import"../../tabs/NavTab.js";import"../../tabs/tabsContext.js";import"../../tabs/Tab.js";import"../../tag/Tag.js";import"../../toast/toastContext.js";import"../../toggle-switch/ToggleSwitch.js";import s from"./Example.js";i(),t.createRoot(document.getElementById("root")).render(o(s,{}));
 //# sourceMappingURL=main.js.map

package/build/es/components/link/documentation/main.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"main.js","sources":["../../../../../src/components/link/documentation/main.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport { initTabListener } from \"../../..\";\nimport Example from \"./Example\";\n\ninitTabListener();\n\nReactDOM.createRoot(document.getElementById(\"root\")!).render(<Example />);\n"],"names":["initTabListener","ReactDOM","createRoot","document","getElementById","render","jsx","Example"],"mappings":"~~u/HAKAA~~,IAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAC,EAAA,CAAA"}
1	+ {"version":3,"file":"main.js","sources":["../../../../../src/components/link/documentation/main.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport { initTabListener } from \"../../..\";\nimport Example from \"./Example\";\n\ninitTabListener();\n\nReactDOM.createRoot(document.getElementById(\"root\")!).render(<Example />);\n"],"names":["initTabListener","ReactDOM","createRoot","document","getElementById","render","jsx","Example"],"mappings":"6jIAKAA,IAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAC,EAAA,CAAA"}

package/build/es/components/loader/documentation/Example.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as n}from"react/jsx-runtime";import{f as t,u as o,I as l}from"../../../../formatCode-BE8lQWf_.js";import"react";const a=[{type:"choice",label:"Variant",choiceOptions:[{label:"Large",value:"large"},{label:"Medium",value:"medium"},{label:"Small",value:"small"}],defaultValue:0}],i=[],r=t('import React, { FC } from "react";\nimport { Loader } from "..";\nimport "./styles.scss";\n\nexport const knobs = [\n    {\n        type: "choice",\n        label: "Variant",\n        choiceOptions: [\n            { label: "Large", value: "large" },\n            { label: "Medium", value: "medium" },\n            { label: "Small", value: "small" },\n        ],\n        defaultValue: 0,\n    },\n];\n\nexport const LoaderExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <div className="jkl-loader-example">\n            <div>\n                <Loader variant={choiceKnob("Variant")} textDescription="Laster innhold" />\n            </div>\n        </div>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n'),d=t('import React, { FC } from "react";\nimport {\n    SkeletonAnimation,\n    SkeletonButton,\n    SkeletonCheckboxGroup,\n    SkeletonElement,\n    SkeletonInput,\n    SkeletonRadioButtonGroup,\n    SkeletonTable,\n    SkeletonTableHeader,\n    SkeletonTableRow,\n    SkeletonTextArea,\n} from "..";\n\nexport const knobs = [];\n\nexport const SkeletonLoaderExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <SkeletonAnimation role="none presentation">\n            <div style={{ display: "flex", flexDirection: "column", gap: 40 }}>\n                <SkeletonElement width={350} height={32} />\n                <SkeletonInput />\n                <SkeletonTextArea />\n                <SkeletonCheckboxGroup checkboxes={3} />\n                <SkeletonRadioButtonGroup radioButtons={3} />\n                <SkeletonButton width={225} />\n                <SkeletonTable>\n                    <SkeletonTableHeader>\n                        <div style={{ width: 215 }}>\n                            <SkeletonElement width={115} height={16} />\n                        </div>\n                        <div style={{ width: 115 }}>\n                            <SkeletonElement width={115} height={16} />\n                        </div>\n                    </SkeletonTableHeader>\n                    {Array.from(Array(5)).map((_, index) => (\n                        <SkeletonTableRow key={index}>\n                            <div style={{ width: 215 }}>\n                                <SkeletonElement width={index % 2 ? 115 : 185} height={19} />\n                            </div>\n                            <div style={{ width: 115 }}>\n                                <SkeletonElement width={24} height={24} shape="circle" />\n                            </div>\n                        </SkeletonTableRow>\n                    ))}\n                </SkeletonTable>\n            </div>\n        </SkeletonAnimation>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n');function s(){const t=o(r,a),s=o(d,i);return e("div",{className:"jkl",children:[n(l,{title:"Loader",defaultCode:r,defaultShowEditor:!0,noInline:!0,controls:t}),n(l,{title:"SkeletonLoader",defaultCode:d,defaultShowEditor:!0,noInline:!0,controls:s})]})}export{s as default};
+import{jsxs as e,jsx as n}from"react/jsx-runtime";import{f as t,u as o,I as l}from"../../../../formatCode-C08Dk1Mz.js";import"react";const a=[{type:"choice",label:"Variant",choiceOptions:[{label:"Large",value:"large"},{label:"Medium",value:"medium"},{label:"Small",value:"small"}],defaultValue:0}],i=[],r=t('import React, { FC } from "react";\nimport { Loader } from "..";\nimport "./styles.scss";\n\nexport const knobs = [\n    {\n        type: "choice",\n        label: "Variant",\n        choiceOptions: [\n            { label: "Large", value: "large" },\n            { label: "Medium", value: "medium" },\n            { label: "Small", value: "small" },\n        ],\n        defaultValue: 0,\n    },\n];\n\nexport const LoaderExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <div className="jkl-loader-example">\n            <div>\n                <Loader variant={choiceKnob("Variant")} textDescription="Laster innhold" />\n            </div>\n        </div>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n'),d=t('import React, { FC } from "react";\nimport {\n    SkeletonAnimation,\n    SkeletonButton,\n    SkeletonCheckboxGroup,\n    SkeletonElement,\n    SkeletonInput,\n    SkeletonRadioButtonGroup,\n    SkeletonTable,\n    SkeletonTableHeader,\n    SkeletonTableRow,\n    SkeletonTextArea,\n} from "..";\n\nexport const knobs = [];\n\nexport const SkeletonLoaderExample = () => {\n    /* -- EXAMPLE CODE START -- */\n    return (\n        <SkeletonAnimation role="none presentation">\n            <div style={{ display: "flex", flexDirection: "column", gap: 40 }}>\n                <SkeletonElement width={350} height={32} />\n                <SkeletonInput />\n                <SkeletonTextArea />\n                <SkeletonCheckboxGroup checkboxes={3} />\n                <SkeletonRadioButtonGroup radioButtons={3} />\n                <SkeletonButton width={225} />\n                <SkeletonTable>\n                    <SkeletonTableHeader>\n                        <div style={{ width: 215 }}>\n                            <SkeletonElement width={115} height={16} />\n                        </div>\n                        <div style={{ width: 115 }}>\n                            <SkeletonElement width={115} height={16} />\n                        </div>\n                    </SkeletonTableHeader>\n                    {Array.from(Array(5)).map((_, index) => (\n                        <SkeletonTableRow key={index}>\n                            <div style={{ width: 215 }}>\n                                <SkeletonElement width={index % 2 ? 115 : 185} height={19} />\n                            </div>\n                            <div style={{ width: 115 }}>\n                                <SkeletonElement width={24} height={24} shape="circle" />\n                            </div>\n                        </SkeletonTableRow>\n                    ))}\n                </SkeletonTable>\n            </div>\n        </SkeletonAnimation>\n    );\n    /* -- EXAMPLE CODE END -- */\n};\n');function s(){const t=o(r,a),s=o(d,i);return e("div",{className:"jkl",children:[n(l,{title:"Loader",defaultCode:r,defaultShowEditor:!0,noInline:!0,controls:t}),n(l,{title:"SkeletonLoader",defaultCode:d,defaultShowEditor:!0,noInline:!0,controls:s})]})}export{s as default};
 //# sourceMappingURL=Example.js.map

package/build/es/components/loader/documentation/main.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import t from"react-dom/client";import"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../../button/Button.js";import"../../card/Card.js";import"../../card/CardImage.js";import"../../card/NavCard.js";import"../../checkbox/Checkbox.js";import"../../combobox/Combobox.js";import"../../cookie-consent/CookieConsentContext.js";import"react-dom";import"../../modal/Modal.js";import"react-a11y-dialog";import"../../list/List.js";import"../../list/ListItem.js";import"../../datepicker/DatePicker.js";import"../../feedback/feedbackContext.js";import"../../message/Message.js";import"../../message/FormErrorMessage.js";import"../../tooltip/Tooltip.js";import"../../tooltip/TooltipContent.js";import"../../tooltip/TooltipTrigger.js";import"../../input-group/InputGroup.js";import"../../feedback/followup/followupContext.js";import"../../feedback/main-question/mainQuestionContext.js";import"../../radio-button/RadioButton.js";import"../../radio-button/radioGroupContext.js";import"../../radio-button/BaseRadioButton.js";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import"../../text-input/TextArea.js";import"../../text-input/TextInput.js";import"../../../utilities/polymorphism/SlotComponent.js";import{initTabListener as i}from"../../../utilities/tabListener.js";import"../../../../ExpandableTableRow-BJSqC_Jo.js";import"../../icon-button/IconButton.js";import"../../link/Link.js";import"../../link/NavLink.js";import"../../link-list/LinkList.js";import"../../logo/text-paths/ForsikringLevertAvFremtind.js";import"../../logo/text-paths/FraSB1ogDNB.js";import"../../logo/text-paths/InnovasjonFraFremtind.js";import"../../logo/text-paths/TeknologiFraFremtind.js";import"../../logo/text-paths/VartEgetForsikringsselskap.js";import"../../logo/text-paths/VartForsikringsselskap.js";import"../../popover/Popover.js";import"../../system-message/SystemMessage.js";import"../../table/DataTable.js";import"../../table/Table.js";import"../../table/TableBody.js";import"../../table/TableCaption.js";import"../../table/TableCell.js";import"../../table/TableColumn.js";import"../../table/TableColumnGroup.js";import"../../table/tableContext.js";import"../../table/tableSectionContext.js";import"../../table/TableFooter.js";import"../../table/TableHead.js";import"../../table/TableHeader.js";import"../../table/TableRow.js";import"../../tabs/NavTab.js";import"../../tabs/tabsContext.js";import"../../tabs/Tab.js";import"../../tag/Tag.js";import"../../toast/toastContext.js";import"../../toggle-switch/ToggleSwitch.js";import s from"./Example.js";i(),t.createRoot(document.getElementById("root")).render(o(s,{}));
+import{jsx as o}from"react/jsx-runtime";import t from"react-dom/client";import"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../../button/Button.js";import"../../card/Card.js";import"../../card/CardImage.js";import"../../card/NavCard.js";import"../../checkbox/Checkbox.js";import"../../combobox/Combobox.js";import"../../cookie-consent/CookieConsentContext.js";import"react-dom";import"../../modal/Modal.js";import"react-a11y-dialog";import"../../list/List.js";import"../../list/ListItem.js";import"../../datepicker/DatePicker.js";import"../../feedback/feedbackContext.js";import"../../message/Message.js";import"../../message/FormErrorMessage.js";import"../../tooltip/Tooltip.js";import"../../tooltip/TooltipContent.js";import"../../tooltip/TooltipTrigger.js";import"../../input-group/InputGroup.js";import"../../feedback/followup/followupContext.js";import"../../feedback/main-question/mainQuestionContext.js";import"../../radio-button/RadioButton.js";import"../../radio-button/radioGroupContext.js";import"../../radio-button/BaseRadioButton.js";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import"../../text-input/TextArea.js";import"../../text-input/TextInput.js";import"../../../utilities/polymorphism/SlotComponent.js";import{initTabListener as i}from"../../../utilities/tabListener.js";import"../../../../ExpandableTableRow-CqIg8_Yu.js";import"../../icon-button/IconButton.js";import"../../link/Link.js";import"../../link/NavLink.js";import"../../link-list/LinkList.js";import"../../logo/text-paths/ForsikringLevertAvFremtind.js";import"../../logo/text-paths/FraSB1ogDNB.js";import"../../logo/text-paths/InnovasjonFraFremtind.js";import"../../logo/text-paths/TeknologiFraFremtind.js";import"../../logo/text-paths/VartEgetForsikringsselskap.js";import"../../logo/text-paths/VartForsikringsselskap.js";import"../../menu/MenuItem.js";import"../../menu/MenuItemCheckbox.js";import"../../popover/Popover.js";import"../../system-message/SystemMessage.js";import"../../table/DataTable.js";import"../../table/Table.js";import"../../table/TableBody.js";import"../../table/TableCaption.js";import"../../table/TableCell.js";import"../../table/TableColumn.js";import"../../table/TableColumnGroup.js";import"../../table/tableContext.js";import"../../table/tableSectionContext.js";import"../../table/TableFooter.js";import"../../table/TableHead.js";import"../../table/TableHeader.js";import"../../table/TableRow.js";import"../../tabs/NavTab.js";import"../../tabs/tabsContext.js";import"../../tabs/Tab.js";import"../../tag/Tag.js";import"../../toast/toastContext.js";import"../../toggle-switch/ToggleSwitch.js";import s from"./Example.js";i(),t.createRoot(document.getElementById("root")).render(o(s,{}));
 //# sourceMappingURL=main.js.map

package/build/es/components/loader/documentation/main.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"main.js","sources":["../../../../../src/components/loader/documentation/main.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport { initTabListener } from \"../../..\";\nimport Example from \"./Example\";\n\ninitTabListener();\n\nReactDOM.createRoot(document.getElementById(\"root\")!).render(<Example />);\n"],"names":["initTabListener","ReactDOM","createRoot","document","getElementById","render","jsx","Example"],"mappings":"~~ugIAKAA~~,IAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAC,EAAA,CAAA"}
1	+ {"version":3,"file":"main.js","sources":["../../../../../src/components/loader/documentation/main.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport { initTabListener } from \"../../..\";\nimport Example from \"./Example\";\n\ninitTabListener();\n\nReactDOM.createRoot(document.getElementById(\"root\")!).render(<Example />);\n"],"names":["initTabListener","ReactDOM","createRoot","document","getElementById","render","jsx","Example"],"mappings":"6kIAKAA,IAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAC,EAAA,CAAA"}

package/build/es/components/menu/Menu.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import"react/jsx-runtime";import"@floating-ui/react";import"../../../clsx-BeLtu-UY.js";import"framer-motion";import"react";import"react-is";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import"../button/Button.js";import"../card/Card.js";import"../card/CardImage.js";import"../card/NavCard.js";import"../checkbox/Checkbox.js";import"../combobox/Combobox.js";import"../cookie-consent/CookieConsentContext.js";import"react-dom";import"../modal/Modal.js";import"react-a11y-dialog";import"../list/List.js";import"../list/ListItem.js";import"../datepicker/DatePicker.js";import"../feedback/feedbackContext.js";import"../message/Message.js";import"../message/FormErrorMessage.js";import"../tooltip/Tooltip.js";import"../tooltip/TooltipContent.js";import"../tooltip/TooltipTrigger.js";import"../input-group/InputGroup.js";import"../feedback/followup/followupContext.js";import"../feedback/main-question/mainQuestionContext.js";import"../radio-button/RadioButton.js";import"../radio-button/radioGroupContext.js";import"../radio-button/BaseRadioButton.js";import"../text-input/BaseTextArea.js";import"../text-input/BaseTextInput.js";import"../text-input/TextArea.js";import"../text-input/TextInput.js";import"../../utilities/getThemeAndDensity.js";import"../../utilities/polymorphism/SlotComponent.js";import{M as o}from"../../../ExpandableTableRow-CqIg8_Yu.js";import"../icon-button/IconButton.js";import"../link/Link.js";import"../link/NavLink.js";import"../link-list/LinkList.js";import"../logo/text-paths/ForsikringLevertAvFremtind.js";import"../logo/text-paths/FraSB1ogDNB.js";import"../logo/text-paths/InnovasjonFraFremtind.js";import"../logo/text-paths/TeknologiFraFremtind.js";import"../logo/text-paths/VartEgetForsikringsselskap.js";import"../logo/text-paths/VartForsikringsselskap.js";import"./MenuItem.js";import"./MenuItemCheckbox.js";import"../popover/Popover.js";import"../system-message/SystemMessage.js";import"../table/DataTable.js";import"../table/Table.js";import"../table/TableBody.js";import"../table/TableCaption.js";import"../table/TableCell.js";import"../table/TableColumn.js";import"../table/TableColumnGroup.js";import"../table/tableContext.js";import"../table/tableSectionContext.js";import"../table/TableFooter.js";import"../table/TableHead.js";import"../table/TableHeader.js";import"../table/TableRow.js";import"../tabs/NavTab.js";import"../tabs/tabsContext.js";import"../tabs/Tab.js";import"../tag/Tag.js";import"../toast/toastContext.js";import"../toggle-switch/ToggleSwitch.js";import"./useMenuWideEvents.js";export{o as Menu};
2	+ //# sourceMappingURL=Menu.js.map

package/build/es/components/menu/Menu.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Menu.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/es/components/menu/MenuDivider.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as s}from"react/jsx-runtime";import{c as r}from"../../../clsx-BeLtu-UY.js";const e=e=>{const{className:a,...m}=e;return s("hr",{className:r("jkl-menu-divider",a),...m})};export{e as MenuDivider};
2	+ //# sourceMappingURL=MenuDivider.js.map

package/build/es/components/menu/MenuDivider.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MenuDivider.js","sources":["../../../../src/components/menu/MenuDivider.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type HTMLAttributes, type FC } from \"react\";\n\nexport const MenuDivider: FC<HTMLAttributes<HTMLHRElement>> = (props) => {\n const { className, ...hrProps } = props;\n\n return <hr className={clsx(\"jkl-menu-divider\", className)} {...hrProps} />;\n};\n"],"names":["MenuDivider","props","className","hrProps","jsx","clsx"],"mappings":"sFAGa,MAAAA,EAAkDC,IAC3D,MAAQC,UAAAA,KAAcC,GAAYF,EAE3B,OAAAG,EAAC,MAAGF,UAAWG,EAAK,mBAAoBH,MAAgBC,GAAS"}

package/build/es/components/menu/MenuItem.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsxs as o,jsx as n}from"react/jsx-runtime";import{c as i}from"../../../clsx-BeLtu-UY.js";import{forwardRef as c}from"react";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as s}from"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as r}from"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";const t=c((function(c,t){const{as:m="button",className:e,children:a,icon:p,expandable:j=!1,external:I=!1,...l}=c;return o(m,{ref:t,type:"button"===m?"button":void 0,role:"menuitem",className:i("jkl-menu-item",e),...l,children:[p&&n("span",{className:"jkl-menu-item__icon",children:p}),o("div",{className:"jkl-menu-item__content",children:[a,I&&n("div",{className:"jkl-menu-item__arrow",children:n(s,{})})]}),j&&n(r,{className:"jkl-menu-item__chevron",bold:!0})]})}));export{t as MenuItem};
2	+ //# sourceMappingURL=MenuItem.js.map

package/build/es/components/menu/MenuItem.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MenuItem.js","sources":["../../../../src/components/menu/MenuItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, ReactNode } from \"react\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../utilities/polymorphism/polymorphism\";\nimport { ArrowNorthEastIcon, ChevronRightIcon } from \"../icon\";\n\nexport type MenuItemProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n ElementType,\n {\n /**\n * Et ikon som vises før innholdet i menypunktet\n */\n icon?: ReactNode;\n } & (\n | {\n expandable?: never;\n /**\n * Indikerer at menypunktet åpner noe i et nytt vindu eller tab\n * @default false\n */\n external?: boolean;\n }\n | {\n external?: never;\n /**\n * Indikerer at menypunktet er utvidbart ved å vise en chevron\n * @default false\n */\n expandable?: boolean;\n }\n )\n>;\n\ntype MenuItemComponent = <ElementType extends React.ElementType = \"button\">(\n props: MenuItemProps<ElementType>,\n) => React.ReactElement | null;\n\nexport const MenuItem = forwardRef(function MenuItem<ElementType extends React.ElementType = \"button\">(\n props: MenuItemProps<ElementType>,\n ref: PolymorphicRef<ElementType>,\n) {\n const { as = \"button\", className, children, icon, expandable = false, external = false, ...rest } = props;\n const Component = as;\n const type = Component === \"button\" ? \"button\" : undefined;\n\n return (\n <Component ref={ref} type={type} role=\"menuitem\" className={clsx(\"jkl-menu-item\", className)} {...rest}>\n {icon && <span className=\"jkl-menu-item__icon\">{icon}</span>}\n <div className=\"jkl-menu-item__content\">\n {children}\n {external && (\n <div className={\"jkl-menu-item__arrow\"}>\n <ArrowNorthEastIcon />\n </div>\n )}\n </div>\n {expandable && <ChevronRightIcon className=\"jkl-menu-item__chevron\" bold />}\n </Component>\n );\n}) as MenuItemComponent;\n"],"names":["MenuItem","forwardRef","props","ref","as","className","children","icon","expandable","external","rest","jsxs","type","role","clsx","jsx","ArrowNorthEastIcon","ChevronRightIcon","bold"],"mappings":"8/CAoCO,MAAMA,EAAWC,GAAW,SAC/BC,EACAC,GAEM,MAAEC,GAAAA,EAAK,SAAUC,UAAAA,EAAWC,SAAAA,EAAUC,KAAAA,EAAMC,WAAAA,GAAa,EAAOC,SAAAA,GAAW,KAAUC,GAASR,EAK/F,OAAAS,EAJaP,EAIb,CAAUD,IAAAA,EAAUS,KAHE,WADTR,EACoB,cAAW,EAGZS,KAAK,WAAWR,UAAWS,EAAK,gBAAiBT,MAAgBK,EAC7FJ,SAAA,CAAAC,GAASQ,EAAA,OAAA,CAAKV,UAAU,sBAAuBC,SAAKC,IACrDI,EAAC,MAAI,CAAAN,UAAU,yBACVC,SAAA,CAAAA,EACAG,GACIM,EAAA,MAAA,CAAIV,UAAW,uBACZC,SAAAS,EAACC,GAAmB,QAI/BR,GAAeO,EAAAE,EAAA,CAAiBZ,UAAU,yBAAyBa,MAAI,MAGpF"}

package/build/es/components/menu/MenuItemCheckbox.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsxs as o,jsx as n}from"react/jsx-runtime";import i from"classnames";import{forwardRef as c}from"react";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import{useSwipeGesture as s}from"../../hooks/useSwipeGesture/useSwipeGesture.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import{CheckIcon as e}from"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";const r=c(((c,r)=>{const{"aria-checked":t,className:m,children:a,icon:l,onChange:p,onClick:j,onPointerCancel:I,onPointerDown:h,onPointerMove:d,onPointerUp:u,onKeyDown:k,...w}=c,{gestureHandlers:g}=s({onClick:o=>{o.preventDefault(),null==p\|\|p(o,!t),null==j\|\|j(o)},onChange:(o,n)=>{n!==t&&(null==p\|\|p(o,n))},onPointerCancel:I,onPointerDown:h,onPointerMove:d,onPointerUp:u});return o("div",{ref:r,tabIndex:-1,...w,role:"menuitemcheckbox","aria-checked":t,className:i("jkl-menu-item","jkl-menu-item--checkbox",m),...g,onKeyDown:o=>{"Enter"===o.key?null==p\|\|p(o,!t):" "===o.key&&(o.preventDefault(),null==p\|\|p(o,!t)),null==k\|\|k(o)},children:[l&&n("span",{className:"jkl-menu-item__icon",children:l}),n("div",{className:"jkl-menu-item__content",children:a}),n("div",{className:"jkl-toggle-switch",children:n("div",{className:"jkl-toggle-switch-widget",children:o("div",{className:"jkl-toggle-switch-widget__slider",children:[n("div",{className:"jkl-toggle-switch-widget__knob"}),n(e,{variant:"small",bold:!0,className:"jkl-toggle-switch-widget__indicator"})]})})})]})}));r.displayName="MenuItemCheckbox";export{r as MenuItemCheckbox};
2	+ //# sourceMappingURL=MenuItemCheckbox.js.map

package/build/es/components/menu/MenuItemCheckbox.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MenuItemCheckbox.js","sources":["../../../../src/components/menu/MenuItemCheckbox.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport React, {\n forwardRef,\n type HTMLAttributes,\n type KeyboardEventHandler,\n type MouseEventHandler,\n type ReactNode,\n} from \"react\";\nimport { useSwipeGesture, type SwipeChangeHandler } from \"../../hooks\";\nimport { CheckIcon } from \"../icon\";\n\nexport interface MenuItemCheckboxProps extends Omit<HTMLAttributes<HTMLDivElement>, \"aria-checked\" | \"onChange\"> {\n \"aria-checked\": boolean;\n /**\n * Et ikon som vises før innholdet i menypunktet\n */\n icon?: ReactNode;\n onChange?: SwipeChangeHandler<HTMLDivElement> &\n ((event: React.KeyboardEvent<HTMLDivElement> | React.PointerEvent<HTMLDivElement>, pressed: boolean) => void);\n}\n\nexport const MenuItemCheckbox = forwardRef<HTMLDivElement, MenuItemCheckboxProps>((props, ref) => {\n const {\n \"aria-checked\": checked,\n className,\n children,\n icon,\n onChange,\n onClick,\n onPointerCancel,\n onPointerDown,\n onPointerMove,\n onPointerUp,\n onKeyDown,\n ...rest\n } = props;\n\n const handleClick: MouseEventHandler<HTMLDivElement> = (event) => {\n event.preventDefault(); // Prevents the menu from closing on toggle\n onChange?.(event, !checked);\n onClick?.(event);\n };\n\n const handleChange: SwipeChangeHandler<HTMLDivElement> = (event, toggleTo) => {\n if (toggleTo !== checked) {\n onChange?.(event, toggleTo);\n }\n };\n\n const handleKeyDown: KeyboardEventHandler<HTMLDivElement> = (event) => {\n if (event.key === \"Enter\") {\n onChange?.(event, !checked);\n } else if (event.key === \" \") {\n event.preventDefault(); // Prevents the menu from closing on toggle, https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/menuitemcheckbox_role#keyboard_interactions\n onChange?.(event, !checked);\n }\n onKeyDown?.(event);\n };\n\n const { gestureHandlers } = useSwipeGesture({\n onClick: handleClick,\n onChange: handleChange,\n onPointerCancel,\n onPointerDown,\n onPointerMove,\n onPointerUp,\n });\n\n return (\n <div\n ref={ref}\n tabIndex={-1}\n {...rest}\n role=\"menuitemcheckbox\"\n aria-checked={checked}\n className={cn(\"jkl-menu-item\", \"jkl-menu-item--checkbox\", className)}\n {...gestureHandlers}\n onKeyDown={handleKeyDown}\n >\n {icon && <span className=\"jkl-menu-item__icon\">{icon}</span>}\n <div className=\"jkl-menu-item__content\">{children}</div>\n <div className=\"jkl-toggle-switch\">\n <div className=\"jkl-toggle-switch-widget\">\n <div className=\"jkl-toggle-switch-widget__slider\">\n <div className=\"jkl-toggle-switch-widget__knob\" />\n <CheckIcon variant=\"small\" bold className=\"jkl-toggle-switch-widget__indicator\" />\n </div>\n </div>\n </div>\n </div>\n );\n});\n\nMenuItemCheckbox.displayName = \"MenuItemCheckbox\";\n"],"names":["MenuItemCheckbox","forwardRef","props","ref","checked","className","children","icon","onChange","onClick","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","onKeyDown","rest","gestureHandlers","useSwipeGesture","event","preventDefault","toggleTo","jsxs","tabIndex","role","cn","key","jsx","CheckIcon","variant","bold","displayName"],"mappings":"qmDAqBO,MAAMA,EAAmBC,GAAkD,CAACC,EAAOC,KAChF,MACF,eAAgBC,EAChBC,UAAAA,EACAC,SAAAA,EACAC,KAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,gBAAAA,EACAC,cAAAA,EACAC,cAAAA,EACAC,YAAAA,EACAC,UAAAA,KACGC,GACHb,GAwBIc,gBAAAA,GAAoBC,EAAgB,CACxCR,QAvBoDS,IACpDA,EAAMC,iBACK,MAAAX,GAAAA,EAAAU,GAAQd,GACnB,MAAAK,GAAAA,EAAUS,EAAAA,EAqBVV,SAlBqD,CAACU,EAAOE,KACzDA,IAAahB,IACb,MAAAI,GAAAA,EAAWU,EAAOE,GAAAA,EAiBtBV,gBAAAA,EACAC,cAAAA,EACAC,cAAAA,EACAC,YAAAA,IAIA,OAAAQ,EAAC,MAAA,CACGlB,IAAAA,EACAmB,UAAU,KACNP,EACJQ,KAAK,mBACL,eAAcnB,EACdC,UAAWmB,EAAG,gBAAiB,0BAA2BnB,MACtDW,EACJF,UA5BqDI,IACvC,UAAdA,EAAMO,IACK,MAAAjB,GAAAA,EAAAU,GAAQd,GACE,MAAdc,EAAMO,MACbP,EAAMC,iBACK,MAAAX,GAAAA,EAAAU,GAAQd,IAEvB,MAAAU,GAAAA,EAAYI,EAAAA,EAuBPZ,SAAA,CAAAC,GAASmB,EAAA,OAAA,CAAKrB,UAAU,sBAAuBC,SAAKC,IACpDmB,EAAA,MAAA,CAAIrB,UAAU,yBAA0BC,SAAAA,IACzCoB,EAAC,MAAI,CAAArB,UAAU,oBACXC,SAAAoB,EAAC,MAAI,CAAArB,UAAU,2BACXC,SAAAe,EAAC,MAAI,CAAAhB,UAAU,mCACXC,SAAA,CAACoB,EAAA,MAAA,CAAIrB,UAAU,qCACdsB,EAAU,CAAAC,QAAQ,QAAQC,MAAI,EAACxB,UAAU,iDAGtD,IAKZL,EAAiB8B,YAAc"}

package/build/es/components/menu/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{M as e}from"../../../ExpandableTableRow-CqIg8_Yu.js";import{MenuItem as m}from"./MenuItem.js";import{MenuItemCheckbox as o}from"./MenuItemCheckbox.js";import{MenuDivider as r}from"./MenuDivider.js";export{e as Menu,r as MenuDivider,m as MenuItem,o as MenuItemCheckbox};
2	+ //# sourceMappingURL=index.js.map

package/build/es/components/menu/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/es/components/menu/useMenuWideEvents.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{useState as e,useEffect as n}from"react";const t=(t,o,r)=>{const[i,s]=e(!1),[d,u]=e(!1);return n((()=>{if(t)return t.events.on("click",e),t.events.on("menuopen",n),()=>{t.events.off("click",e),t.events.off("menuopen",n)};function e(){u(!1)}function n(e){e.nodeId!==o&&e.parentId===r&&u(!1)}}),[t,o,r,u]),n((()=>{d&&t&&t.events.emit("menuopen",{parentId:r,nodeId:o})}),[t,d,o,r]),n((()=>{function e({pointerType:e}){"touch"!==e&&s(!0)}function n(){s(!1)}return window.addEventListener("pointermove",e,{once:!0,capture:!0}),window.addEventListener("keydown",n,!0),()=>{window.removeEventListener("pointermove",e,{capture:!0}),window.removeEventListener("keydown",n,!0)}}),[i]),{allowHover:i,isOpen:d,setIsOpen:u}};export{t as useMenuWideEvents};
2	+ //# sourceMappingURL=useMenuWideEvents.js.map

package/build/es/components/menu/useMenuWideEvents.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useMenuWideEvents.js","sources":["../../../../src/components/menu/useMenuWideEvents.ts"],"sourcesContent":["import { FloatingTreeType } from \"@floating-ui/react\";\nimport { useEffect, useState } from \"react\";\n\nexport const useMenuWideEvents = (\n tree: FloatingTreeType | null,\n nodeId: string,\n parentId: string | null,\n): {\n allowHover: boolean;\n isOpen: boolean;\n setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;\n} => {\n const [allowHover, setAllowHover] = useState(false);\n const [isOpen, setIsOpen] = useState(false);\n\n // Event emitter allows you to communicate across tree components.\n // This effect closes all menus when an item gets clicked anywhere\n // in the tree.\n useEffect(() => {\n if (!tree) return;\n\n function handleTreeClick() {\n setIsOpen(false);\n }\n\n function onSubMenuOpen(event: { nodeId: string; parentId: string }) {\n if (event.nodeId !== nodeId && event.parentId === parentId) {\n setIsOpen(false);\n }\n }\n\n tree.events.on(\"click\", handleTreeClick);\n tree.events.on(\"menuopen\", onSubMenuOpen);\n\n return () => {\n tree.events.off(\"click\", handleTreeClick);\n tree.events.off(\"menuopen\", onSubMenuOpen);\n };\n }, [tree, nodeId, parentId, setIsOpen]);\n\n useEffect(() => {\n if (isOpen && tree) {\n tree.events.emit(\"menuopen\", { parentId, nodeId });\n }\n }, [tree, isOpen, nodeId, parentId]);\n\n // Determine if \"hover\" logic can run based on the modality of input. This\n // prevents unwanted focus synchronization as menus open and close with\n // keyboard navigation and the cursor is resting on the menu.\n useEffect(() => {\n function onPointerMove({ pointerType }: PointerEvent) {\n if (pointerType !== \"touch\") {\n setAllowHover(true);\n }\n }\n\n function onKeyDown() {\n setAllowHover(false);\n }\n\n window.addEventListener(\"pointermove\", onPointerMove, {\n once: true,\n capture: true,\n });\n window.addEventListener(\"keydown\", onKeyDown, true);\n return () => {\n window.removeEventListener(\"pointermove\", onPointerMove, {\n capture: true,\n });\n window.removeEventListener(\"keydown\", onKeyDown, true);\n };\n }, [allowHover]);\n\n return { allowHover, isOpen, setIsOpen };\n};\n"],"names":["useMenuWideEvents","tree","nodeId","parentId","allowHover","setAllowHover","useState","isOpen","setIsOpen","useEffect","events","on","handleTreeClick","onSubMenuOpen","off","event","emit","onPointerMove","pointerType","onKeyDown","window","addEventListener","once","capture","removeEventListener"],"mappings":"gDAGO,MAAMA,EAAoB,CAC7BC,EACAC,EACAC,KAMA,MAAOC,EAAYC,GAAiBC,GAAS,IACtCC,EAAQC,GAAaF,GAAS,GAKrC,OAAAG,GAAU,KACN,GAAKR,EAYA,OAAAA,EAAAS,OAAOC,GAAG,QAASC,GACnBX,EAAAS,OAAOC,GAAG,WAAYE,GAEpB,KACEZ,EAAAS,OAAOI,IAAI,QAASF,GACpBX,EAAAS,OAAOI,IAAI,WAAYD,EAAa,EAf7C,SAASD,IACLJ,GAAU,EACd,CAEA,SAASK,EAAcE,GACfA,EAAMb,SAAWA,GAAUa,EAAMZ,WAAaA,GAC9CK,GAAU,EAElB,CAO6C,GAE9C,CAACP,EAAMC,EAAQC,EAAUK,IAE5BC,GAAU,KACFF,GAAUN,GACVA,EAAKS,OAAOM,KAAK,WAAY,CAAEb,SAAAA,EAAUD,OAAAA,GAAQ,GAEtD,CAACD,EAAMM,EAAQL,EAAQC,IAK1BM,GAAU,KACG,SAAAQ,GAAgBC,YAAAA,IACD,UAAhBA,GACAb,GAAc,EAEtB,CAEA,SAASc,IACLd,GAAc,EAClB,CAEO,OAAAe,OAAAC,iBAAiB,cAAeJ,EAAe,CAClDK,MAAM,EACNC,SAAS,IAENH,OAAAC,iBAAiB,UAAWF,GAAW,GACvC,KACIC,OAAAI,oBAAoB,cAAeP,EAAe,CACrDM,SAAS,IAENH,OAAAI,oBAAoB,UAAWL,GAAW,EAAI,CAAA,GAE1D,CAACf,IAEG,CAAEA,WAAAA,EAAYG,OAAAA,EAAQC,UAAAA"}

package/build/es/components/popover/Popover.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{useMergeRefs as n,FloatingPortal as t,FloatingFocusManager as o,useFloating as s,offset as r,flip as a,shift as i,autoUpdate as l,useClick as c,useHover as u,useFocus as d,useDismiss as p,useRole as f,useInteractions as m}from"@floating-ui/react";import{c as g}from"../../../clsx-BeLtu-UY.js";import*as h from"react";import{getThemeAndDensity as v}from"./utils.js";const x=h.createContext(null),F=()=>{const e=h.useContext(x);if(null==e)throw new Error("Popover komponenter må brukes innenfor en <Popover /> komponent");return e},k=({children:n,...t})=>{const o=(({open:e,onOpenChange:n,placement:t="bottom-start",strategy:o="absolute",modal:g=!0,offset:v=4,positionReference:x,hoverOptions:F,focusOptions:k,clickOptions:y,roleOptions:C,dismissOptions:b})=>{const[O,P]=h.useState(e),R=e??O,j=n??P,E=s({open:R,onOpenChange:j,placement:t,strategy:o,middleware:[r(v),a({padding:5,fallbackPlacements:["bottom","top"]}),i({padding:12})],whileElementsMounted:l}),w=E.context,M=c(w,{enabled:!1,...y}),D=u(w,{enabled:!1,...F}),N=d(w,{enabled:!1,...k}),S=p(w,b),T=f(w,C),A=m([M,S,N,D,T]);return h.useLayoutEffect((()=>{x&&E.refs.setPositionReference(null==x?void 0:x.current)}),[x,E.refs]),h.useMemo((()=>({open:R,onOpenChange:j,modal:g,...A,...E})),[R,j,g,A,E])})({...t});return e(x.Provider,{value:o,children:n})},y=h.forwardRef((function({children:t,asChild:o=!1,...s},r){const{refs:a,getReferenceProps:i,open:l,onOpenChange:c}=F(),u=t.ref,d=n([a.setReference,r,u]);return o&&h.isValidElement(t)?h.cloneElement(t,i({ref:d,...s,...t.props})):e("button",{ref:d,onClick:()=>null==c?void 0:c(!l),"aria-expanded":l,...i(s),children:t})})),C=h.forwardRef((function({style:s,className:r,padding:a=0,initialFocus:i=0,returnFocus:l=!0,...c},u){const{context:d,modal:p,refs:f,open:m,floatingStyles:h,getFloatingProps:x}=F(),k=n([f.setFloating,u]),y=f.reference.current,{theme:C,density:b}=v((O=y)&&"contextElement"in O?y.contextElement:y);var O;return m?e(t,{children:e(o,{context:d,modal:p,initialFocus:i,returnFocus:l,children:e("div",{"data-theme":C,"data-layout-density":b,className:g("jkl jkl-popover",r),ref:k,style:{...s,...h,"--popover-padding":`var(--jkl-spacing-${a})`},...x(c),children:c.children})})}):null}));k.Trigger=y,k.Content=C;export{k as default};
+import{jsx as e}from"react/jsx-runtime";import{useMergeRefs as t,FloatingPortal as n,FloatingFocusManager as o,useFloating as s,offset as r,flip as a,shift as i,autoUpdate as l,useClick as c,useHover as p,useFocus as u,useDismiss as d,useRole as m,useInteractions as f}from"@floating-ui/react";import{c as g}from"../../../clsx-BeLtu-UY.js";import*as h from"react";import{getThemeAndDensity as v}from"../../utilities/getThemeAndDensity.js";import"../../utilities/polymorphism/SlotComponent.js";const x=h.createContext(null),y=()=>{const e=h.useContext(x);if(null==e)throw new Error("Popover komponenter må brukes innenfor en <Popover /> komponent");return e},C=({children:t,...n})=>{const o=(({open:e,onOpenChange:t,placement:n="bottom-start",strategy:o="absolute",modal:g=!0,offset:v=4,positionReference:x,hoverOptions:y,focusOptions:C,clickOptions:F,roleOptions:k,dismissOptions:b})=>{const[O,j]=h.useState(e),P=e??O,R=t??j,E=s({open:P,onOpenChange:R,placement:n,strategy:o,middleware:[r(v),a({padding:5,fallbackPlacements:["bottom","top"]}),i({padding:12})],whileElementsMounted:l}),w=E.context,M=c(w,{enabled:!1,...F}),D=p(w,{enabled:!1,...y}),S=u(w,{enabled:!1,...C}),T=d(w,b),A=m(w,k),N=f([M,T,S,D,A]);return h.useLayoutEffect((()=>{x&&E.refs.setPositionReference(null==x?void 0:x.current)}),[x,E.refs]),h.useMemo((()=>({open:P,onOpenChange:R,modal:g,...N,...E})),[P,R,g,N,E])})({...n});return e(x.Provider,{value:o,children:t})},F=h.forwardRef((function({children:n,asChild:o=!1,...s},r){const{refs:a,getReferenceProps:i,open:l,onOpenChange:c}=y(),p=n.ref,u=t([a.setReference,r,p]);return o&&h.isValidElement(n)?h.cloneElement(n,i({ref:u,...s,...n.props})):e("button",{ref:u,onClick:()=>null==c?void 0:c(!l),"aria-expanded":l,...i(s),children:n})})),k=h.forwardRef((function({style:s,className:r,padding:a=0,initialFocus:i=0,returnFocus:l=!0,...c},p){const{context:u,modal:d,refs:m,open:f,floatingStyles:h,getFloatingProps:x}=y(),C=t([m.setFloating,p]),F=m.reference.current,{theme:k,density:b}=v((O=F)&&"contextElement"in O?F.contextElement:F);var O;return f?e(n,{children:e(o,{context:u,modal:d,initialFocus:i,returnFocus:l,children:e("div",{"data-theme":k,"data-layout-density":b,className:g("jkl jkl-popover",r),ref:C,style:{...s,...h,"--popover-padding":`var(--jkl-spacing-${a})`},...x(c),children:c.children})})}):null}));C.Trigger=F,C.Content=k;export{C as default};
 //# sourceMappingURL=Popover.js.map