@fremtind/jokul 0.16.0 → 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 (185) hide show
  1. package/build/ExpandableTableRow-CqIg8_Yu.js +2 -0
  2. package/build/ExpandableTableRow-CqIg8_Yu.js.map +1 -0
  3. package/build/ExpandableTableRow-DanZYWEE.cjs +2 -0
  4. package/build/ExpandableTableRow-DanZYWEE.cjs.map +1 -0
  5. package/build/build-stats.html +1 -1
  6. package/build/cjs/components/accordion/documentation/Example.js +1 -1
  7. package/build/cjs/components/accordion/documentation/main.js +1 -1
  8. package/build/cjs/components/accordion/documentation/main.js.map +1 -1
  9. package/build/cjs/components/expander/ExpandSection.js +1 -1
  10. package/build/cjs/components/expander/Expander.js +1 -1
  11. package/build/cjs/components/expander/index.js +1 -1
  12. package/build/cjs/components/feedback/followup/Followup.js +1 -1
  13. package/build/cjs/components/feedback/followup/Followup.js.map +1 -1
  14. package/build/cjs/components/index.js +1 -1
  15. package/build/cjs/components/link/documentation/Example.js +1 -1
  16. package/build/cjs/components/link/documentation/main.js +1 -1
  17. package/build/cjs/components/link/documentation/main.js.map +1 -1
  18. package/build/cjs/components/loader/documentation/Example.js +1 -1
  19. package/build/cjs/components/loader/documentation/main.js +1 -1
  20. package/build/cjs/components/loader/documentation/main.js.map +1 -1
  21. package/build/cjs/components/menu/Menu.js +2 -0
  22. package/build/cjs/components/menu/Menu.js.map +1 -0
  23. package/build/cjs/components/menu/MenuDivider.js +2 -0
  24. package/build/cjs/components/menu/MenuDivider.js.map +1 -0
  25. package/build/cjs/components/menu/MenuItem.js +2 -0
  26. package/build/cjs/components/menu/MenuItem.js.map +1 -0
  27. package/build/cjs/components/menu/MenuItemCheckbox.js +2 -0
  28. package/build/cjs/components/menu/MenuItemCheckbox.js.map +1 -0
  29. package/build/cjs/components/menu/index.js +2 -0
  30. package/build/cjs/components/menu/index.js.map +1 -0
  31. package/build/cjs/components/menu/useMenuWideEvents.js +2 -0
  32. package/build/cjs/components/menu/useMenuWideEvents.js.map +1 -0
  33. package/build/cjs/components/popover/Popover.js +1 -1
  34. package/build/cjs/components/popover/Popover.js.map +1 -1
  35. package/build/cjs/components/select/NativeSelect.js +1 -1
  36. package/build/cjs/components/select/Select.js +1 -1
  37. package/build/cjs/components/select/index.js +1 -1
  38. package/build/cjs/components/table/ExpandableTableRow.js +1 -1
  39. package/build/cjs/components/table/ExpandableTableRowController.js +1 -1
  40. package/build/cjs/components/table/TablePagination.js +1 -1
  41. package/build/cjs/components/table/index.js +1 -1
  42. package/build/cjs/components/toggle-switch/documentation/Example.js +2 -0
  43. package/build/cjs/components/toggle-switch/documentation/Example.js.map +1 -0
  44. package/build/cjs/components/toggle-switch/documentation/main.js +2 -0
  45. package/build/cjs/components/toggle-switch/documentation/main.js.map +1 -0
  46. package/build/cjs/components/toggle-switch/documentation/vite.dev.config.js +2 -0
  47. package/build/cjs/components/toggle-switch/documentation/vite.dev.config.js.map +1 -0
  48. package/build/cjs/components/tooltip/TooltipContent.js +1 -1
  49. package/build/cjs/components/tooltip/TooltipContent.js.map +1 -1
  50. package/build/cjs/components/tooltip/documentation/Example.js +2 -0
  51. package/build/cjs/components/tooltip/documentation/Example.js.map +1 -0
  52. package/build/cjs/components/tooltip/documentation/main.js +2 -0
  53. package/build/cjs/components/tooltip/documentation/main.js.map +1 -0
  54. package/build/cjs/components/tooltip/documentation/vite.dev.config.js +2 -0
  55. package/build/cjs/components/tooltip/documentation/vite.dev.config.js.map +1 -0
  56. package/build/cjs/index.js +1 -1
  57. package/build/cjs/{components/popover/utils.js → utilities/getThemeAndDensity.js} +1 -1
  58. package/build/cjs/utilities/getThemeAndDensity.js.map +1 -0
  59. package/build/cjs/utilities/index.js +1 -1
  60. package/build/es/components/accordion/documentation/Example.js +1 -1
  61. package/build/es/components/accordion/documentation/main.js +1 -1
  62. package/build/es/components/accordion/documentation/main.js.map +1 -1
  63. package/build/es/components/expander/ExpandSection.js +1 -1
  64. package/build/es/components/expander/Expander.js +1 -1
  65. package/build/es/components/expander/index.js +1 -1
  66. package/build/es/components/feedback/followup/Followup.js +1 -1
  67. package/build/es/components/feedback/followup/Followup.js.map +1 -1
  68. package/build/es/components/index.js +1 -1
  69. package/build/es/components/link/documentation/Example.js +1 -1
  70. package/build/es/components/link/documentation/main.js +1 -1
  71. package/build/es/components/link/documentation/main.js.map +1 -1
  72. package/build/es/components/loader/documentation/Example.js +1 -1
  73. package/build/es/components/loader/documentation/main.js +1 -1
  74. package/build/es/components/loader/documentation/main.js.map +1 -1
  75. package/build/es/components/menu/Menu.js +2 -0
  76. package/build/es/components/menu/Menu.js.map +1 -0
  77. package/build/es/components/menu/MenuDivider.js +2 -0
  78. package/build/es/components/menu/MenuDivider.js.map +1 -0
  79. package/build/es/components/menu/MenuItem.js +2 -0
  80. package/build/es/components/menu/MenuItem.js.map +1 -0
  81. package/build/es/components/menu/MenuItemCheckbox.js +2 -0
  82. package/build/es/components/menu/MenuItemCheckbox.js.map +1 -0
  83. package/build/es/components/menu/index.js +2 -0
  84. package/build/es/components/menu/index.js.map +1 -0
  85. package/build/es/components/menu/useMenuWideEvents.js +2 -0
  86. package/build/es/components/menu/useMenuWideEvents.js.map +1 -0
  87. package/build/es/components/popover/Popover.js +1 -1
  88. package/build/es/components/popover/Popover.js.map +1 -1
  89. package/build/es/components/select/NativeSelect.js +1 -1
  90. package/build/es/components/select/Select.js +1 -1
  91. package/build/es/components/select/index.js +1 -1
  92. package/build/es/components/table/ExpandableTableRow.js +1 -1
  93. package/build/es/components/table/ExpandableTableRowController.js +1 -1
  94. package/build/es/components/table/TablePagination.js +1 -1
  95. package/build/es/components/table/index.js +1 -1
  96. package/build/es/components/toggle-switch/documentation/Example.js +2 -0
  97. package/build/es/components/toggle-switch/documentation/Example.js.map +1 -0
  98. package/build/es/components/toggle-switch/documentation/main.js +2 -0
  99. package/build/es/components/toggle-switch/documentation/main.js.map +1 -0
  100. package/build/es/components/toggle-switch/documentation/vite.dev.config.js +2 -0
  101. package/build/es/components/toggle-switch/documentation/vite.dev.config.js.map +1 -0
  102. package/build/es/components/tooltip/TooltipContent.js +1 -1
  103. package/build/es/components/tooltip/TooltipContent.js.map +1 -1
  104. package/build/es/components/tooltip/documentation/Example.js +2 -0
  105. package/build/es/components/tooltip/documentation/Example.js.map +1 -0
  106. package/build/es/components/tooltip/documentation/main.js +2 -0
  107. package/build/es/components/tooltip/documentation/main.js.map +1 -0
  108. package/build/es/components/tooltip/documentation/vite.dev.config.js +2 -0
  109. package/build/es/components/tooltip/documentation/vite.dev.config.js.map +1 -0
  110. package/build/es/index.js +1 -1
  111. package/build/es/{components/popover/utils.js → utilities/getThemeAndDensity.js} +1 -1
  112. package/build/es/utilities/getThemeAndDensity.js.map +1 -0
  113. package/build/es/utilities/index.js +1 -1
  114. package/build/formatCode-BbxVs2z3.cjs +2 -0
  115. package/build/{formatCode-BE8lQWf_.js.map → formatCode-BbxVs2z3.cjs.map} +1 -1
  116. package/build/formatCode-C08Dk1Mz.js +2 -0
  117. package/build/formatCode-C08Dk1Mz.js.map +1 -0
  118. package/build/index-f6O4fUDa.js +2 -0
  119. package/build/index-f6O4fUDa.js.map +1 -0
  120. package/build/index-pWkHWXbw.cjs +2 -0
  121. package/build/index-pWkHWXbw.cjs.map +1 -0
  122. package/build/packages/jokul/src/components/index.d.ts +1 -0
  123. package/build/packages/jokul/src/components/menu/Menu.d.ts +39 -0
  124. package/build/packages/jokul/src/components/menu/MenuDivider.d.ts +2 -0
  125. package/build/packages/jokul/src/components/menu/MenuItem.d.ts +25 -0
  126. package/build/packages/jokul/src/components/menu/MenuItemCheckbox.d.ts +11 -0
  127. package/build/packages/jokul/src/components/menu/index.d.ts +4 -0
  128. package/build/packages/jokul/src/components/menu/useMenuWideEvents.d.ts +6 -0
  129. package/build/packages/jokul/src/components/toggle-switch/documentation/Example.d.ts +2 -0
  130. package/build/packages/jokul/src/components/toggle-switch/documentation/main.d.ts +1 -0
  131. package/build/packages/jokul/src/components/toggle-switch/documentation/vite.dev.config.d.ts +2 -0
  132. package/build/packages/jokul/src/components/tooltip/documentation/Example.d.ts +2 -0
  133. package/build/packages/jokul/src/components/tooltip/documentation/main.d.ts +1 -0
  134. package/build/packages/jokul/src/components/tooltip/documentation/vite.dev.config.d.ts +2 -0
  135. package/build/packages/jokul/src/utilities/index.d.ts +1 -0
  136. package/build/style.css +1 -1
  137. package/package.json +4 -2
  138. package/src/components/button/styles/button.css +2 -2
  139. package/src/components/button/styles/button.min.css +1 -1
  140. package/src/components/checkbox/styles/checkbox.css +4 -4
  141. package/src/components/checkbox/styles/checkbox.min.css +1 -1
  142. package/src/components/feedback/styles/feedback.css +2 -2
  143. package/src/components/feedback/styles/feedback.min.css +1 -1
  144. package/src/components/input-group/styles/input-group.css +2 -2
  145. package/src/components/input-group/styles/input-group.min.css +1 -1
  146. package/src/components/loader/styles/loader.css +6 -6
  147. package/src/components/loader/styles/loader.min.css +1 -1
  148. package/src/components/loader/styles/skeleton-loader.css +5 -5
  149. package/src/components/loader/styles/skeleton-loader.min.css +1 -1
  150. package/src/components/menu/styles/_index.scss +1 -0
  151. package/src/components/menu/styles/_menu-divider.scss +8 -0
  152. package/src/components/menu/styles/_menu-item.scss +66 -0
  153. package/src/components/menu/styles/menu.css +130 -0
  154. package/src/components/menu/styles/menu.min.css +1 -0
  155. package/src/components/menu/styles/menu.scss +35 -0
  156. package/src/components/message/styles/message.css +2 -2
  157. package/src/components/message/styles/message.min.css +1 -1
  158. package/src/components/progress-bar/styles/progress-bar.css +2 -2
  159. package/src/components/progress-bar/styles/progress-bar.min.css +1 -1
  160. package/src/components/radio-button/styles/radio-button.css +2 -2
  161. package/src/components/radio-button/styles/radio-button.min.css +1 -1
  162. package/src/components/system-message/styles/system-message.css +2 -2
  163. package/src/components/system-message/styles/system-message.min.css +1 -1
  164. package/src/components/toast/styles/toast.css +4 -4
  165. package/src/components/toast/styles/toast.min.css +1 -1
  166. package/src/components/toggle-switch/styles/toggle-switch.css +301 -0
  167. package/src/components/toggle-switch/styles/toggle-switch.min.css +1 -0
  168. package/src/components/toggle-switch/styles/toggle-switch.scss +138 -0
  169. package/src/components/tooltip/styles/tooltip.css +23 -43
  170. package/src/components/tooltip/styles/tooltip.min.css +1 -1
  171. package/src/components/tooltip/styles/tooltip.scss +12 -23
  172. package/build/ExpandableTableRow-BJSqC_Jo.js +0 -2
  173. package/build/ExpandableTableRow-BJSqC_Jo.js.map +0 -1
  174. package/build/ExpandableTableRow-BQjBxKCX.cjs +0 -2
  175. package/build/ExpandableTableRow-BQjBxKCX.cjs.map +0 -1
  176. package/build/cjs/components/popover/utils.js.map +0 -1
  177. package/build/es/components/popover/utils.js.map +0 -1
  178. package/build/formatCode-BE8lQWf_.js +0 -2
  179. package/build/formatCode-C0vvPbYm.cjs +0 -2
  180. package/build/formatCode-C0vvPbYm.cjs.map +0 -1
  181. package/build/index-BeDzjUCb.cjs +0 -2
  182. package/build/index-BeDzjUCb.cjs.map +0 -1
  183. package/build/index-CWVFjuWM.js +0 -2
  184. package/build/index-CWVFjuWM.js.map +0 -1
  185. /package/build/packages/jokul/src/{components/popover/utils.d.ts → utilities/getThemeAndDensity.d.ts} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.js","sources":["../../../../src/components/popover/Popover.tsx"],"sourcesContent":["import {\n useFloating,\n useFocus,\n useHover,\n useClick,\n useDismiss,\n autoUpdate,\n useRole,\n useMergeRefs,\n offset,\n flip,\n shift,\n useInteractions,\n FloatingPortal,\n FloatingFocusManager,\n UseFloatingOptions,\n VirtualElement,\n ReferenceElement,\n ReferenceType,\n} from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { getThemeAndDensity } from \"./utils\";\n\ntype ClickOptions = Parameters<typeof useClick>[1];\ntype DismissOptions = Parameters<typeof useDismiss>[1];\ntype FocusOptions = Parameters<typeof useFocus>[1];\ntype HoverOptions = Parameters<typeof useHover>[1];\ntype RoleOptions = Parameters<typeof useRole>[1];\n\ninterface PopoverOptions {\n /**\n * Angir om popoveren er åpen eller lukket.\n *\n * @see https://floating-ui.com/docs/usefloating#open\n */\n open?: boolean;\n /**\n * Callback som trigges når popoveren åpnes eller lukkes.\n *\n * @see https://floating-ui.com/docs/usefloating#onopenchange\n */\n onOpenChange?: UseFloatingOptions[\"onOpenChange\"];\n /**\n * Bestemmer plasseringen av popoveren.\n *\n * @see https://floating-ui.com/docs/usefloating#placement\n *\n * @default \"bottom-start\"\n */\n placement?: UseFloatingOptions[\"placement\"];\n /**\n * Definerer strategien for posisjonering av popoveren.\n *\n * @see https://floating-ui.com/docs/usefloating#strategy\n *\n * @default \"absolute\"\n */\n strategy?: UseFloatingOptions[\"strategy\"];\n /**\n * Angir om popoveren skal fungere som en modal, der fokus er låst til det flytende elementet\n * og innhold utenfor ikke kan interageres med.\n *\n * @see https://floating-ui.com/docs/usefloating#modal\n *\n * @default true\n */\n modal?: boolean;\n /**\n * Justerer avstanden mellom referanse-elementet og popoveren.\n *\n * @see https://floating-ui.com/docs/offset\n *\n * @default 4\n */\n offset?: number;\n /**\n * Referanse til elementet som popoveren skal posisjoneres i forhold til.\n *\n * @see https://floating-ui.com/docs/usefloating#setpositionreference\n *\n * @default Popover.Trigger\n */\n positionReference?: React.RefObject<ReferenceType>;\n /**\n * Options for hover-interaksjoner.\n *\n * @see https://floating-ui.com/docs/usehover\n *\n * @default { enabled: false }\n */\n hoverOptions?: HoverOptions;\n /**\n * Options for fokus-interaksjoner.\n *\n * @see https://floating-ui.com/docs/usefocus\n *\n * @default { enabled: false }\n */\n focusOptions?: FocusOptions;\n /**\n * Options for klikk-interaksjoner.\n *\n * @see https://floating-ui.com/docs/useclick\n *\n * @default { enabled: false }\n */\n clickOptions?: ClickOptions;\n /**\n * Konfigurerer rollen for popoveren.\n *\n * @see https://floating-ui.com/docs/userole\n *\n * @default { enabled: true, role: \"dialog\" }\n */\n roleOptions?: RoleOptions;\n /**\n * Options for å lukke popoveren når en dismissal skjer,\n * som ved å klikke utenfor eller trykke på \"Escape\"-tasten.\n *\n * @see https://floating-ui.com/docs/usedismiss\n *\n * @default { enabled: true }\n */\n dismissOptions?: DismissOptions;\n}\n\nconst usePopover = ({\n open: _open,\n onOpenChange: _onOpenChange,\n placement = \"bottom-start\",\n strategy = \"absolute\",\n modal = true,\n offset: _offset = 4,\n positionReference,\n hoverOptions,\n focusOptions,\n clickOptions,\n roleOptions,\n dismissOptions,\n}: PopoverOptions) => {\n const [uncontrolledOpen, setUncontrolledOpen] = React.useState(_open);\n\n const open = _open ?? uncontrolledOpen;\n const onOpenChange = _onOpenChange ?? setUncontrolledOpen;\n\n const data = useFloating({\n open,\n onOpenChange,\n placement,\n strategy,\n middleware: [\n offset(_offset),\n flip({ padding: 5, fallbackPlacements: [\"bottom\", \"top\"] }),\n shift({ padding: 12 }),\n ],\n whileElementsMounted: autoUpdate,\n });\n\n const context = data.context;\n\n const click = useClick(context, {\n enabled: false,\n ...clickOptions,\n });\n const hover = useHover(context, { enabled: false, ...hoverOptions });\n const focus = useFocus(context, { enabled: false, ...focusOptions });\n const dismiss = useDismiss(context, dismissOptions);\n const role = useRole(context, roleOptions);\n\n const interactions = useInteractions([click, dismiss, focus, hover, role]);\n\n React.useLayoutEffect(() => {\n if (positionReference) {\n data.refs.setPositionReference(positionReference?.current);\n }\n }, [positionReference, data.refs]);\n\n return React.useMemo(\n () => ({\n open,\n onOpenChange,\n modal,\n ...interactions,\n ...data,\n }),\n [open, onOpenChange, modal, interactions, data],\n );\n};\n\ntype PopoverContextType = ReturnType<typeof usePopover> | null;\n\nconst PopoverContext = React.createContext<PopoverContextType>(null);\n\nconst usePopoverContext = () => {\n const context = React.useContext(PopoverContext);\n\n if (context == null) {\n throw new Error(\"Popover komponenter må brukes innenfor en <Popover /> komponent\");\n }\n\n return context;\n};\n\nconst Popover = ({\n children,\n ...restOptions\n}: {\n children: React.ReactNode;\n} & PopoverOptions) => {\n const popover = usePopover({ ...restOptions });\n return <PopoverContext.Provider value={popover}>{children}</PopoverContext.Provider>;\n};\n\ninterface PopoverTriggerProps {\n children: React.ReactNode;\n /**\n * Rendrer komponenten som child-elementet sitt, og slår sammen egenskaper og props.\n *\n * Default er `false`.\n *\n * @example\n * ```tsx\n * <Component asChild foo=\"bar\">\n * <Child baz=\"qux\" />\n * </Component>\n *\n * // Rendrer følgende:\n * <Child foo=\"bar\" baz=\"qux\" />\n * ```\n */\n asChild?: boolean;\n}\n\nconst PopoverTrigger = React.forwardRef<HTMLElement, React.HTMLProps<HTMLElement> & PopoverTriggerProps>(\n function PopoverTrigger({ children, asChild = false, ...props }, propRef) {\n const { refs, getReferenceProps, open, onOpenChange } = usePopoverContext();\n const childrenRef = (children as any).ref;\n const ref = useMergeRefs([refs.setReference, propRef, childrenRef]);\n\n if (asChild && React.isValidElement(children)) {\n return React.cloneElement(\n children,\n getReferenceProps({\n ref,\n ...props,\n ...children.props,\n }),\n );\n }\n\n return (\n <button ref={ref} onClick={() => onOpenChange?.(!open)} aria-expanded={open} {...getReferenceProps(props)}>\n {children}\n </button>\n );\n },\n);\n\ninterface PopoverContentProps {\n /**\n * Padding rundt innholdet i popoveren.\n *\n * Default er `0`.\n */\n padding?: 0 | 8 | 16 | 24;\n /**\n *\n * Angir hvilket element som skal motta fokus ved åpning.\n * Kan være en tabbar index eller en referanse til et element.\"\n *\n * Default er `0`, som betyr at det første fokuserbare elementet i popoveren får fokus.\n * @see https://floating-ui.com/docs/FloatingFocusManager#initialfocus\n */\n initialFocus?: number | React.RefObject<HTMLElement>;\n /**\n * Angir om fokus skal returneres til triggeren når popoveren lukkes.\n *\n * Default er `true`.\n * @see https://floating-ui.com/docs/FloatingFocusManager#returnfocus\n */\n returnFocus?: boolean;\n}\n\n// Er popover-elementet posisjonert i forhold til et annet element enn triggeren?\nconst isCustomPositioned = (referenceElement: ReferenceElement): referenceElement is VirtualElement => {\n if (!referenceElement) return false;\n\n return \"contextElement\" in referenceElement;\n};\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, React.HTMLProps<HTMLDivElement> & PopoverContentProps>(\n function PopoverContent(\n { style, className, padding = 0, initialFocus = 0, returnFocus = true, ...props },\n propRef,\n ) {\n const { context, modal, refs, open, floatingStyles, getFloatingProps } = usePopoverContext();\n const ref = useMergeRefs([refs.setFloating, propRef]);\n\n const referenceElement = refs.reference.current as ReferenceElement;\n\n const { theme, density } = isCustomPositioned(referenceElement)\n ? getThemeAndDensity(referenceElement.contextElement)\n : getThemeAndDensity(referenceElement);\n\n if (!open) return null;\n\n return (\n <FloatingPortal>\n <FloatingFocusManager\n context={context}\n modal={modal}\n initialFocus={initialFocus}\n returnFocus={returnFocus}\n >\n <div\n data-theme={theme}\n data-layout-density={density}\n className={clsx(\"jkl jkl-popover\", className)}\n ref={ref}\n style={\n {\n ...style,\n ...floatingStyles,\n \"--popover-padding\": `var(--jkl-spacing-${padding})`,\n } as React.CSSProperties\n }\n {...getFloatingProps(props)}\n >\n {props.children}\n </div>\n </FloatingFocusManager>\n </FloatingPortal>\n );\n },\n);\n\nPopover.Trigger = PopoverTrigger;\nPopover.Content = PopoverContent;\n\nexport default Popover;\n"],"names":["PopoverContext","React","createContext","usePopoverContext","context","useContext","Error","Popover","children","restOptions","popover","open","_open","onOpenChange","_onOpenChange","placement","strategy","modal","offset","_offset","positionReference","hoverOptions","focusOptions","clickOptions","roleOptions","dismissOptions","uncontrolledOpen","setUncontrolledOpen","useState","data","useFloating","middleware","flip","padding","fallbackPlacements","shift","whileElementsMounted","autoUpdate","click","useClick","enabled","hover","useHover","focus","useFocus","dismiss","useDismiss","role","useRole","interactions","useInteractions","useLayoutEffect","refs","setPositionReference","current","useMemo","usePopover","Provider","value","PopoverTrigger","forwardRef","asChild","props","propRef","getReferenceProps","childrenRef","ref","useMergeRefs","setReference","isValidElement","cloneElement","jsx","onClick","PopoverContent","style","className","initialFocus","returnFocus","floatingStyles","getFloatingProps","setFloating","referenceElement","reference","theme","density","getThemeAndDensity","contextElement","FloatingPortal","FloatingFocusManager","clsx","Trigger","Content"],"mappings":"0bAgMMA,EAAiBC,EAAMC,cAAkC,MAEzDC,EAAoB,KAChB,MAAAC,EAAUH,EAAMI,WAAWL,GAEjC,GAAe,MAAXI,EACM,MAAA,IAAIE,MAAM,mEAGb,OAAAF,GAGLG,EAAU,EACZC,SAAAA,KACGC,MAIH,MAAMC,EAnFS,GACfC,KAAMC,EACNC,aAAcC,EACdC,UAAAA,EAAY,eACZC,SAAAA,EAAW,WACXC,MAAAA,GAAQ,EACRC,OAAQC,EAAU,EAClBC,kBAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAC,YAAAA,EACAC,eAAAA,MAEA,MAAOC,EAAkBC,GAAuB1B,EAAM2B,SAAShB,GAEzDD,EAAOC,GAASc,EAChBb,EAAeC,GAAiBa,EAEhCE,EAAOC,EAAAA,YAAY,CACrBnB,KAAAA,EACAE,aAAAA,EACAE,UAAAA,EACAC,SAAAA,EACAe,WAAY,CACRb,EAAAA,OAAOC,GACPa,EAAAA,KAAK,CAAEC,QAAS,EAAGC,mBAAoB,CAAC,SAAU,SAClDC,QAAM,CAAEF,QAAS,MAErBG,qBAAsBC,EAAAA,aAGpBjC,EAAUyB,EAAKzB,QAEfkC,EAAQC,WAASnC,EAAS,CAC5BoC,SAAS,KACNjB,IAEDkB,EAAQC,WAAStC,EAAS,CAAEoC,SAAS,KAAUnB,IAC/CsB,EAAQC,WAASxC,EAAS,CAAEoC,SAAS,KAAUlB,IAC/CuB,EAAUC,EAAAA,WAAW1C,EAASqB,GAC9BsB,EAAOC,EAAAA,QAAQ5C,EAASoB,GAExByB,EAAeC,kBAAgB,CAACZ,EAAOO,EAASF,EAAOF,EAAOM,IAEpE9C,OAAAA,EAAMkD,iBAAgB,KACd/B,GACKS,EAAAuB,KAAKC,qBAAqB,MAAAjC,OAAAA,EAAAA,EAAmBkC,QAAO,GAE9D,CAAClC,EAAmBS,EAAKuB,OAErBnD,EAAMsD,SACT,KAAO,CACH5C,KAAAA,EACAE,aAAAA,EACAI,MAAAA,KACGgC,KACApB,KAEP,CAAClB,EAAME,EAAcI,EAAOgC,EAAcpB,GAAI,EAwBlC2B,CAAW,IAAK/C,IAChC,aAAQT,EAAeyD,SAAf,CAAwBC,MAAOhD,EAAUF,SAAAA,GAAS,EAuBxDmD,EAAiB1D,EAAM2D,YACzB,UAA0BpD,SAAAA,EAAUqD,QAAAA,GAAU,KAAUC,GAASC,GAC7D,MAAQX,KAAAA,EAAMY,kBAAAA,EAAmBrD,KAAAA,EAAME,aAAAA,GAAiBV,IAClD8D,EAAezD,EAAiB0D,IAChCA,EAAMC,EAAAA,aAAa,CAACf,EAAKgB,aAAcL,EAASE,IAEtD,OAAIJ,GAAW5D,EAAMoE,eAAe7D,GACzBP,EAAMqE,aACT9D,EACAwD,EAAkB,CACdE,IAAAA,KACGJ,KACAtD,EAASsD,SAMnBS,EAAAA,IAAA,SAAA,CAAOL,IAAAA,EAAUM,QAAS,IAAM,MAAA3D,OAAA,EAAAA,GAAgBF,GAAO,gBAAeA,KAAUqD,EAAkBF,GAC9FtD,SAAAA,GAGb,IAmCEiE,EAAiBxE,EAAM2D,YACzB,UACMc,MAAAA,EAAOC,UAAAA,EAAW1C,QAAAA,EAAU,EAAG2C,aAAAA,EAAe,EAAGC,YAAAA,GAAc,KAASf,GAC1EC,GAEM,MAAE3D,QAAAA,EAASa,MAAAA,EAAOmC,KAAAA,EAAMzC,KAAAA,EAAMmE,eAAAA,EAAgBC,iBAAAA,GAAqB5E,IACnE+D,EAAMC,EAAAA,aAAa,CAACf,EAAK4B,YAAajB,IAEtCkB,EAAmB7B,EAAK8B,UAAU5B,SAEhC6B,MAAAA,EAAOC,QAAAA,IAhBKH,EAgB0BA,IAb3C,mBAAoBA,EAcjBI,EAAAA,mBAAmBJ,EAAiBK,gBACpCD,EAAAA,mBAAmBJ,GAlBLA,MAoBhB,OAACtE,QAGA4E,EAAAA,eACG,CAAA/E,SAAA+D,EAAAA,IAACiB,EAAAA,qBAAA,CACGpF,QAAAA,EACAa,MAAAA,EACA2D,aAAAA,EACAC,YAAAA,EAEArE,SAAA+D,EAAAA,IAAC,MAAA,CACG,aAAYY,EACZ,sBAAqBC,EACrBT,UAAWc,EAAAA,KAAK,kBAAmBd,GACnCT,IAAAA,EACAQ,MACI,IACOA,KACAI,EACH,oBAAqB,qBAAqB7C,SAG9C8C,EAAiBjB,GAEpBtD,SAAMsD,EAAAtD,eAxBL,IA6BtB,IAGJD,EAAQmF,QAAU/B,EAClBpD,EAAQoF,QAAUlB"}
1
+ {"version":3,"file":"Popover.js","sources":["../../../../src/components/popover/Popover.tsx"],"sourcesContent":["import {\n useFloating,\n useFocus,\n useHover,\n useClick,\n useDismiss,\n autoUpdate,\n useRole,\n useMergeRefs,\n offset,\n flip,\n shift,\n useInteractions,\n FloatingPortal,\n FloatingFocusManager,\n UseFloatingOptions,\n VirtualElement,\n ReferenceElement,\n ReferenceType,\n} from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { getThemeAndDensity } from \"../../utilities\";\n\ntype ClickOptions = Parameters<typeof useClick>[1];\ntype DismissOptions = Parameters<typeof useDismiss>[1];\ntype FocusOptions = Parameters<typeof useFocus>[1];\ntype HoverOptions = Parameters<typeof useHover>[1];\ntype RoleOptions = Parameters<typeof useRole>[1];\n\ninterface PopoverOptions {\n /**\n * Angir om popoveren er åpen eller lukket.\n *\n * @see https://floating-ui.com/docs/usefloating#open\n */\n open?: boolean;\n /**\n * Callback som trigges når popoveren åpnes eller lukkes.\n *\n * @see https://floating-ui.com/docs/usefloating#onopenchange\n */\n onOpenChange?: UseFloatingOptions[\"onOpenChange\"];\n /**\n * Bestemmer plasseringen av popoveren.\n *\n * @see https://floating-ui.com/docs/usefloating#placement\n *\n * @default \"bottom-start\"\n */\n placement?: UseFloatingOptions[\"placement\"];\n /**\n * Definerer strategien for posisjonering av popoveren.\n *\n * @see https://floating-ui.com/docs/usefloating#strategy\n *\n * @default \"absolute\"\n */\n strategy?: UseFloatingOptions[\"strategy\"];\n /**\n * Angir om popoveren skal fungere som en modal, der fokus er låst til det flytende elementet\n * og innhold utenfor ikke kan interageres med.\n *\n * @see https://floating-ui.com/docs/usefloating#modal\n *\n * @default true\n */\n modal?: boolean;\n /**\n * Justerer avstanden mellom referanse-elementet og popoveren.\n *\n * @see https://floating-ui.com/docs/offset\n *\n * @default 4\n */\n offset?: number;\n /**\n * Referanse til elementet som popoveren skal posisjoneres i forhold til.\n *\n * @see https://floating-ui.com/docs/usefloating#setpositionreference\n *\n * @default Popover.Trigger\n */\n positionReference?: React.RefObject<ReferenceType>;\n /**\n * Options for hover-interaksjoner.\n *\n * @see https://floating-ui.com/docs/usehover\n *\n * @default { enabled: false }\n */\n hoverOptions?: HoverOptions;\n /**\n * Options for fokus-interaksjoner.\n *\n * @see https://floating-ui.com/docs/usefocus\n *\n * @default { enabled: false }\n */\n focusOptions?: FocusOptions;\n /**\n * Options for klikk-interaksjoner.\n *\n * @see https://floating-ui.com/docs/useclick\n *\n * @default { enabled: false }\n */\n clickOptions?: ClickOptions;\n /**\n * Konfigurerer rollen for popoveren.\n *\n * @see https://floating-ui.com/docs/userole\n *\n * @default { enabled: true, role: \"dialog\" }\n */\n roleOptions?: RoleOptions;\n /**\n * Options for å lukke popoveren når en dismissal skjer,\n * som ved å klikke utenfor eller trykke på \"Escape\"-tasten.\n *\n * @see https://floating-ui.com/docs/usedismiss\n *\n * @default { enabled: true }\n */\n dismissOptions?: DismissOptions;\n}\n\nconst usePopover = ({\n open: _open,\n onOpenChange: _onOpenChange,\n placement = \"bottom-start\",\n strategy = \"absolute\",\n modal = true,\n offset: _offset = 4,\n positionReference,\n hoverOptions,\n focusOptions,\n clickOptions,\n roleOptions,\n dismissOptions,\n}: PopoverOptions) => {\n const [uncontrolledOpen, setUncontrolledOpen] = React.useState(_open);\n\n const open = _open ?? uncontrolledOpen;\n const onOpenChange = _onOpenChange ?? setUncontrolledOpen;\n\n const data = useFloating({\n open,\n onOpenChange,\n placement,\n strategy,\n middleware: [\n offset(_offset),\n flip({ padding: 5, fallbackPlacements: [\"bottom\", \"top\"] }),\n shift({ padding: 12 }),\n ],\n whileElementsMounted: autoUpdate,\n });\n\n const context = data.context;\n\n const click = useClick(context, {\n enabled: false,\n ...clickOptions,\n });\n const hover = useHover(context, { enabled: false, ...hoverOptions });\n const focus = useFocus(context, { enabled: false, ...focusOptions });\n const dismiss = useDismiss(context, dismissOptions);\n const role = useRole(context, roleOptions);\n\n const interactions = useInteractions([click, dismiss, focus, hover, role]);\n\n React.useLayoutEffect(() => {\n if (positionReference) {\n data.refs.setPositionReference(positionReference?.current);\n }\n }, [positionReference, data.refs]);\n\n return React.useMemo(\n () => ({\n open,\n onOpenChange,\n modal,\n ...interactions,\n ...data,\n }),\n [open, onOpenChange, modal, interactions, data],\n );\n};\n\ntype PopoverContextType = ReturnType<typeof usePopover> | null;\n\nconst PopoverContext = React.createContext<PopoverContextType>(null);\n\nconst usePopoverContext = () => {\n const context = React.useContext(PopoverContext);\n\n if (context == null) {\n throw new Error(\"Popover komponenter må brukes innenfor en <Popover /> komponent\");\n }\n\n return context;\n};\n\nconst Popover = ({\n children,\n ...restOptions\n}: {\n children: React.ReactNode;\n} & PopoverOptions) => {\n const popover = usePopover({ ...restOptions });\n return <PopoverContext.Provider value={popover}>{children}</PopoverContext.Provider>;\n};\n\ninterface PopoverTriggerProps {\n children: React.ReactNode;\n /**\n * Rendrer komponenten som child-elementet sitt, og slår sammen egenskaper og props.\n *\n * Default er `false`.\n *\n * @example\n * ```tsx\n * <Component asChild foo=\"bar\">\n * <Child baz=\"qux\" />\n * </Component>\n *\n * // Rendrer følgende:\n * <Child foo=\"bar\" baz=\"qux\" />\n * ```\n */\n asChild?: boolean;\n}\n\nconst PopoverTrigger = React.forwardRef<HTMLElement, React.HTMLProps<HTMLElement> & PopoverTriggerProps>(\n function PopoverTrigger({ children, asChild = false, ...props }, propRef) {\n const { refs, getReferenceProps, open, onOpenChange } = usePopoverContext();\n const childrenRef = (children as any).ref;\n const ref = useMergeRefs([refs.setReference, propRef, childrenRef]);\n\n if (asChild && React.isValidElement(children)) {\n return React.cloneElement(\n children,\n getReferenceProps({\n ref,\n ...props,\n ...children.props,\n }),\n );\n }\n\n return (\n <button ref={ref} onClick={() => onOpenChange?.(!open)} aria-expanded={open} {...getReferenceProps(props)}>\n {children}\n </button>\n );\n },\n);\n\ninterface PopoverContentProps {\n /**\n * Padding rundt innholdet i popoveren.\n *\n * Default er `0`.\n */\n padding?: 0 | 8 | 16 | 24;\n /**\n *\n * Angir hvilket element som skal motta fokus ved åpning.\n * Kan være en tabbar index eller en referanse til et element.\"\n *\n * Default er `0`, som betyr at det første fokuserbare elementet i popoveren får fokus.\n * @see https://floating-ui.com/docs/FloatingFocusManager#initialfocus\n */\n initialFocus?: number | React.RefObject<HTMLElement>;\n /**\n * Angir om fokus skal returneres til triggeren når popoveren lukkes.\n *\n * Default er `true`.\n * @see https://floating-ui.com/docs/FloatingFocusManager#returnfocus\n */\n returnFocus?: boolean;\n}\n\n// Er popover-elementet posisjonert i forhold til et annet element enn triggeren?\nconst isCustomPositioned = (referenceElement: ReferenceElement): referenceElement is VirtualElement => {\n if (!referenceElement) return false;\n\n return \"contextElement\" in referenceElement;\n};\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, React.HTMLProps<HTMLDivElement> & PopoverContentProps>(\n function PopoverContent(\n { style, className, padding = 0, initialFocus = 0, returnFocus = true, ...props },\n propRef,\n ) {\n const { context, modal, refs, open, floatingStyles, getFloatingProps } = usePopoverContext();\n const ref = useMergeRefs([refs.setFloating, propRef]);\n\n const referenceElement = refs.reference.current as ReferenceElement;\n\n const { theme, density } = isCustomPositioned(referenceElement)\n ? getThemeAndDensity(referenceElement.contextElement)\n : getThemeAndDensity(referenceElement);\n\n if (!open) return null;\n\n return (\n <FloatingPortal>\n <FloatingFocusManager\n context={context}\n modal={modal}\n initialFocus={initialFocus}\n returnFocus={returnFocus}\n >\n <div\n data-theme={theme}\n data-layout-density={density}\n className={clsx(\"jkl jkl-popover\", className)}\n ref={ref}\n style={\n {\n ...style,\n ...floatingStyles,\n \"--popover-padding\": `var(--jkl-spacing-${padding})`,\n } as React.CSSProperties\n }\n {...getFloatingProps(props)}\n >\n {props.children}\n </div>\n </FloatingFocusManager>\n </FloatingPortal>\n );\n },\n);\n\nPopover.Trigger = PopoverTrigger;\nPopover.Content = PopoverContent;\n\nexport default Popover;\n"],"names":["PopoverContext","React","createContext","usePopoverContext","context","useContext","Error","Popover","children","restOptions","popover","open","_open","onOpenChange","_onOpenChange","placement","strategy","modal","offset","_offset","positionReference","hoverOptions","focusOptions","clickOptions","roleOptions","dismissOptions","uncontrolledOpen","setUncontrolledOpen","useState","data","useFloating","middleware","flip","padding","fallbackPlacements","shift","whileElementsMounted","autoUpdate","click","useClick","enabled","hover","useHover","focus","useFocus","dismiss","useDismiss","role","useRole","interactions","useInteractions","useLayoutEffect","refs","setPositionReference","current","useMemo","usePopover","Provider","value","PopoverTrigger","forwardRef","asChild","props","propRef","getReferenceProps","childrenRef","ref","useMergeRefs","setReference","isValidElement","cloneElement","jsx","onClick","PopoverContent","style","className","initialFocus","returnFocus","floatingStyles","getFloatingProps","setFloating","referenceElement","reference","theme","density","getThemeAndDensity","contextElement","FloatingPortal","FloatingFocusManager","clsx","Trigger","Content"],"mappings":"8gBAgMMA,EAAiBC,EAAMC,cAAkC,MAEzDC,EAAoB,KAChB,MAAAC,EAAUH,EAAMI,WAAWL,GAEjC,GAAe,MAAXI,EACM,MAAA,IAAIE,MAAM,mEAGb,OAAAF,GAGLG,EAAU,EACZC,SAAAA,KACGC,MAIH,MAAMC,EAnFS,GACfC,KAAMC,EACNC,aAAcC,EACdC,UAAAA,EAAY,eACZC,SAAAA,EAAW,WACXC,MAAAA,GAAQ,EACRC,OAAQC,EAAU,EAClBC,kBAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAC,YAAAA,EACAC,eAAAA,MAEA,MAAOC,EAAkBC,GAAuB1B,EAAM2B,SAAShB,GAEzDD,EAAOC,GAASc,EAChBb,EAAeC,GAAiBa,EAEhCE,EAAOC,EAAAA,YAAY,CACrBnB,KAAAA,EACAE,aAAAA,EACAE,UAAAA,EACAC,SAAAA,EACAe,WAAY,CACRb,EAAAA,OAAOC,GACPa,EAAAA,KAAK,CAAEC,QAAS,EAAGC,mBAAoB,CAAC,SAAU,SAClDC,QAAM,CAAEF,QAAS,MAErBG,qBAAsBC,EAAAA,aAGpBjC,EAAUyB,EAAKzB,QAEfkC,EAAQC,WAASnC,EAAS,CAC5BoC,SAAS,KACNjB,IAEDkB,EAAQC,WAAStC,EAAS,CAAEoC,SAAS,KAAUnB,IAC/CsB,EAAQC,WAASxC,EAAS,CAAEoC,SAAS,KAAUlB,IAC/CuB,EAAUC,EAAAA,WAAW1C,EAASqB,GAC9BsB,EAAOC,EAAAA,QAAQ5C,EAASoB,GAExByB,EAAeC,kBAAgB,CAACZ,EAAOO,EAASF,EAAOF,EAAOM,IAEpE9C,OAAAA,EAAMkD,iBAAgB,KACd/B,GACKS,EAAAuB,KAAKC,qBAAqB,MAAAjC,OAAAA,EAAAA,EAAmBkC,QAAO,GAE9D,CAAClC,EAAmBS,EAAKuB,OAErBnD,EAAMsD,SACT,KAAO,CACH5C,KAAAA,EACAE,aAAAA,EACAI,MAAAA,KACGgC,KACApB,KAEP,CAAClB,EAAME,EAAcI,EAAOgC,EAAcpB,GAAI,EAwBlC2B,CAAW,IAAK/C,IAChC,aAAQT,EAAeyD,SAAf,CAAwBC,MAAOhD,EAAUF,SAAAA,GAAS,EAuBxDmD,EAAiB1D,EAAM2D,YACzB,UAA0BpD,SAAAA,EAAUqD,QAAAA,GAAU,KAAUC,GAASC,GAC7D,MAAQX,KAAAA,EAAMY,kBAAAA,EAAmBrD,KAAAA,EAAME,aAAAA,GAAiBV,IAClD8D,EAAezD,EAAiB0D,IAChCA,EAAMC,EAAAA,aAAa,CAACf,EAAKgB,aAAcL,EAASE,IAEtD,OAAIJ,GAAW5D,EAAMoE,eAAe7D,GACzBP,EAAMqE,aACT9D,EACAwD,EAAkB,CACdE,IAAAA,KACGJ,KACAtD,EAASsD,SAMnBS,EAAAA,IAAA,SAAA,CAAOL,IAAAA,EAAUM,QAAS,IAAM,MAAA3D,OAAAA,EAAAA,GAAgBF,GAAO,gBAAeA,KAAUqD,EAAkBF,GAC9FtD,SAAAA,GAGb,IAmCEiE,EAAiBxE,EAAM2D,YACzB,UACMc,MAAAA,EAAOC,UAAAA,EAAW1C,QAAAA,EAAU,EAAG2C,aAAAA,EAAe,EAAGC,YAAAA,GAAc,KAASf,GAC1EC,GAEM,MAAE3D,QAAAA,EAASa,MAAAA,EAAOmC,KAAAA,EAAMzC,KAAAA,EAAMmE,eAAAA,EAAgBC,iBAAAA,GAAqB5E,IACnE+D,EAAMC,EAAAA,aAAa,CAACf,EAAK4B,YAAajB,IAEtCkB,EAAmB7B,EAAK8B,UAAU5B,SAEhC6B,MAAAA,EAAOC,QAAAA,IAhBKH,EAgB0BA,IAb3C,mBAAoBA,EAcjBI,EAAAA,mBAAmBJ,EAAiBK,gBACpCD,EAAAA,mBAAmBJ,GAlBLA,MAoBhB,OAACtE,QAGA4E,EAAAA,eACG,CAAA/E,SAAA+D,EAAAA,IAACiB,EAAAA,qBAAA,CACGpF,QAAAA,EACAa,MAAAA,EACA2D,aAAAA,EACAC,YAAAA,EAEArE,SAAA+D,EAAAA,IAAC,MAAA,CACG,aAAYY,EACZ,sBAAqBC,EACrBT,UAAWc,EAAAA,KAAK,kBAAmBd,GACnCT,IAAAA,EACAQ,MACI,IACOA,KACAI,EACH,oBAAqB,qBAAqB7C,SAG9C8C,EAAiBjB,GAEpBtD,SAAMsD,EAAAtD,eAxBL,IA6BtB,IAGJD,EAAQmF,QAAU/B,EAClBpD,EAAQoF,QAAUlB"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react"),require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js"),require("../button/Button.js"),require("../card/Card.js"),require("../card/CardImage.js"),require("../card/NavCard.js"),require("../checkbox/Checkbox.js"),require("../combobox/Combobox.js"),require("../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../modal/Modal.js"),require("react-a11y-dialog"),require("../list/List.js"),require("../list/ListItem.js"),require("../datepicker/DatePicker.js"),require("../feedback/feedbackContext.js"),require("../message/Message.js"),require("../message/FormErrorMessage.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../input-group/InputGroup.js"),require("../feedback/followup/followupContext.js"),require("../feedback/main-question/mainQuestionContext.js"),require("../radio-button/RadioButton.js"),require("../radio-button/radioGroupContext.js"),require("../radio-button/BaseRadioButton.js"),require("../text-input/BaseTextArea.js"),require("../text-input/BaseTextInput.js"),require("../text-input/TextArea.js"),require("../text-input/TextInput.js"),require("../../utilities/polymorphism/SlotComponent.js"),require("../../utilities/valuePair.js");const e=require("../../../ExpandableTableRow-BQjBxKCX.cjs");require("../icon-button/IconButton.js"),require("../link/Link.js"),require("../link/NavLink.js"),require("../link-list/LinkList.js"),require("../logo/text-paths/ForsikringLevertAvFremtind.js"),require("../logo/text-paths/FraSB1ogDNB.js"),require("../logo/text-paths/InnovasjonFraFremtind.js"),require("../logo/text-paths/TeknologiFraFremtind.js"),require("../logo/text-paths/VartEgetForsikringsselskap.js"),require("../logo/text-paths/VartForsikringsselskap.js"),require("../popover/Popover.js"),require("../system-message/SystemMessage.js"),require("../table/DataTable.js"),require("../table/Table.js"),require("../table/TableBody.js"),require("../table/TableCaption.js"),require("../table/TableCell.js"),require("../table/TableColumn.js"),require("../table/TableColumnGroup.js"),require("../table/tableContext.js"),require("../table/tableSectionContext.js"),require("../table/TableFooter.js"),require("../table/TableHead.js"),require("../table/TableHeader.js"),require("../table/TableRow.js"),require("../tabs/NavTab.js"),require("../tabs/tabsContext.js"),require("../tabs/Tab.js"),require("../tag/Tag.js"),require("../toast/toastContext.js"),require("../toggle-switch/ToggleSwitch.js"),exports.NativeSelect=e.NativeSelect;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react"),require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js"),require("../button/Button.js"),require("../card/Card.js"),require("../card/CardImage.js"),require("../card/NavCard.js"),require("../checkbox/Checkbox.js"),require("../combobox/Combobox.js"),require("../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../modal/Modal.js"),require("react-a11y-dialog"),require("../list/List.js"),require("../list/ListItem.js"),require("../datepicker/DatePicker.js"),require("../feedback/feedbackContext.js"),require("../message/Message.js"),require("../message/FormErrorMessage.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../input-group/InputGroup.js"),require("../feedback/followup/followupContext.js"),require("../feedback/main-question/mainQuestionContext.js"),require("../radio-button/RadioButton.js"),require("../radio-button/radioGroupContext.js"),require("../radio-button/BaseRadioButton.js"),require("../text-input/BaseTextArea.js"),require("../text-input/BaseTextInput.js"),require("../text-input/TextArea.js"),require("../text-input/TextInput.js"),require("../../utilities/polymorphism/SlotComponent.js"),require("../../utilities/valuePair.js");const e=require("../../../ExpandableTableRow-DanZYWEE.cjs");require("../icon-button/IconButton.js"),require("../link/Link.js"),require("../link/NavLink.js"),require("../link-list/LinkList.js"),require("../logo/text-paths/ForsikringLevertAvFremtind.js"),require("../logo/text-paths/FraSB1ogDNB.js"),require("../logo/text-paths/InnovasjonFraFremtind.js"),require("../logo/text-paths/TeknologiFraFremtind.js"),require("../logo/text-paths/VartEgetForsikringsselskap.js"),require("../logo/text-paths/VartForsikringsselskap.js"),require("../menu/MenuItem.js"),require("../menu/MenuItemCheckbox.js"),require("../popover/Popover.js"),require("../system-message/SystemMessage.js"),require("../table/DataTable.js"),require("../table/Table.js"),require("../table/TableBody.js"),require("../table/TableCaption.js"),require("../table/TableCell.js"),require("../table/TableColumn.js"),require("../table/TableColumnGroup.js"),require("../table/tableContext.js"),require("../table/tableSectionContext.js"),require("../table/TableFooter.js"),require("../table/TableHead.js"),require("../table/TableHeader.js"),require("../table/TableRow.js"),require("../tabs/NavTab.js"),require("../tabs/tabsContext.js"),require("../tabs/Tab.js"),require("../tag/Tag.js"),require("../toast/toastContext.js"),require("../toggle-switch/ToggleSwitch.js"),exports.NativeSelect=e.NativeSelect;
2
2
  //# sourceMappingURL=NativeSelect.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react"),require("../../hooks/useAnimatedHeight/useAnimatedHeight.js"),require("../../hooks/usePreviousValue/usePreviousValue.js"),require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../../hooks/useListNavigation/useListNavigation.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js"),require("../button/Button.js"),require("../card/Card.js"),require("../card/CardImage.js"),require("../card/NavCard.js"),require("../checkbox/Checkbox.js"),require("../combobox/Combobox.js"),require("../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../modal/Modal.js"),require("react-a11y-dialog"),require("../list/List.js"),require("../list/ListItem.js"),require("../datepicker/DatePicker.js"),require("../feedback/feedbackContext.js"),require("../message/Message.js"),require("../message/FormErrorMessage.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../input-group/InputGroup.js"),require("../feedback/followup/followupContext.js"),require("../feedback/main-question/mainQuestionContext.js"),require("../radio-button/RadioButton.js"),require("../radio-button/radioGroupContext.js"),require("../radio-button/BaseRadioButton.js"),require("../text-input/BaseTextArea.js"),require("../text-input/BaseTextInput.js"),require("../text-input/TextArea.js"),require("../text-input/TextInput.js"),require("../../utilities/polymorphism/SlotComponent.js"),require("../../utilities/valuePair.js");const e=require("../../../ExpandableTableRow-BQjBxKCX.cjs");require("../icon-button/IconButton.js"),require("../link/Link.js"),require("../link/NavLink.js"),require("../link-list/LinkList.js"),require("../logo/text-paths/ForsikringLevertAvFremtind.js"),require("../logo/text-paths/FraSB1ogDNB.js"),require("../logo/text-paths/InnovasjonFraFremtind.js"),require("../logo/text-paths/TeknologiFraFremtind.js"),require("../logo/text-paths/VartEgetForsikringsselskap.js"),require("../logo/text-paths/VartForsikringsselskap.js"),require("../popover/Popover.js"),require("../system-message/SystemMessage.js"),require("../table/DataTable.js"),require("../table/Table.js"),require("../table/TableBody.js"),require("../table/TableCaption.js"),require("../table/TableCell.js"),require("../table/TableColumn.js"),require("../table/TableColumnGroup.js"),require("../table/tableContext.js"),require("../table/tableSectionContext.js"),require("../table/TableFooter.js"),require("../table/TableHead.js"),require("../table/TableHeader.js"),require("../table/TableRow.js"),require("../tabs/NavTab.js"),require("../tabs/tabsContext.js"),require("../tabs/Tab.js"),require("../tag/Tag.js"),require("../toast/toastContext.js"),require("../toggle-switch/ToggleSwitch.js"),require("./select-utils.js"),exports.Select=e.Select;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react"),require("../../hooks/useAnimatedHeight/useAnimatedHeight.js"),require("../../hooks/usePreviousValue/usePreviousValue.js"),require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../../hooks/useListNavigation/useListNavigation.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js"),require("../button/Button.js"),require("../card/Card.js"),require("../card/CardImage.js"),require("../card/NavCard.js"),require("../checkbox/Checkbox.js"),require("../combobox/Combobox.js"),require("../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../modal/Modal.js"),require("react-a11y-dialog"),require("../list/List.js"),require("../list/ListItem.js"),require("../datepicker/DatePicker.js"),require("../feedback/feedbackContext.js"),require("../message/Message.js"),require("../message/FormErrorMessage.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../input-group/InputGroup.js"),require("../feedback/followup/followupContext.js"),require("../feedback/main-question/mainQuestionContext.js"),require("../radio-button/RadioButton.js"),require("../radio-button/radioGroupContext.js"),require("../radio-button/BaseRadioButton.js"),require("../text-input/BaseTextArea.js"),require("../text-input/BaseTextInput.js"),require("../text-input/TextArea.js"),require("../text-input/TextInput.js"),require("../../utilities/polymorphism/SlotComponent.js"),require("../../utilities/valuePair.js");const e=require("../../../ExpandableTableRow-DanZYWEE.cjs");require("../icon-button/IconButton.js"),require("../link/Link.js"),require("../link/NavLink.js"),require("../link-list/LinkList.js"),require("../logo/text-paths/ForsikringLevertAvFremtind.js"),require("../logo/text-paths/FraSB1ogDNB.js"),require("../logo/text-paths/InnovasjonFraFremtind.js"),require("../logo/text-paths/TeknologiFraFremtind.js"),require("../logo/text-paths/VartEgetForsikringsselskap.js"),require("../logo/text-paths/VartForsikringsselskap.js"),require("../menu/MenuItem.js"),require("../menu/MenuItemCheckbox.js"),require("../popover/Popover.js"),require("../system-message/SystemMessage.js"),require("../table/DataTable.js"),require("../table/Table.js"),require("../table/TableBody.js"),require("../table/TableCaption.js"),require("../table/TableCell.js"),require("../table/TableColumn.js"),require("../table/TableColumnGroup.js"),require("../table/tableContext.js"),require("../table/tableSectionContext.js"),require("../table/TableFooter.js"),require("../table/TableHead.js"),require("../table/TableHeader.js"),require("../table/TableRow.js"),require("../tabs/NavTab.js"),require("../tabs/tabsContext.js"),require("../tabs/Tab.js"),require("../tag/Tag.js"),require("../toast/toastContext.js"),require("../toggle-switch/ToggleSwitch.js"),require("./select-utils.js"),exports.Select=e.Select;
2
2
  //# sourceMappingURL=Select.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../ExpandableTableRow-BQjBxKCX.cjs");exports.NativeSelect=e.NativeSelect,exports.Select=e.Select;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../ExpandableTableRow-DanZYWEE.cjs");exports.NativeSelect=e.NativeSelect,exports.Select=e.Select;
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react"),require("../../hooks/useAnimatedHeight/useAnimatedHeight.js"),require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js");const e=require("../../../ExpandableTableRow-BQjBxKCX.cjs");require("./TableRow.js"),exports.ExpandableTableRow=e.ExpandableTableRow;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react"),require("../../hooks/useAnimatedHeight/useAnimatedHeight.js"),require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js");const e=require("../../../ExpandableTableRow-DanZYWEE.cjs");require("./TableRow.js"),exports.ExpandableTableRow=e.ExpandableTableRow;
2
2
  //# sourceMappingURL=ExpandableTableRow.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react");const e=require("../../../ExpandableTableRow-BQjBxKCX.cjs");require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("./TableCell.js"),require("./tableContext.js"),exports.ExpandableTableRowController=e.ExpandableTableRowController;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react");const e=require("../../../ExpandableTableRow-DanZYWEE.cjs");require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("./TableCell.js"),require("./tableContext.js"),exports.ExpandableTableRowController=e.ExpandableTableRowController;
2
2
  //# sourceMappingURL=ExpandableTableRowController.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react"),require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js"),require("../icon-button/IconButton.js");const e=require("../../../ExpandableTableRow-BQjBxKCX.cjs");require("../text-input/BaseTextArea.js"),require("../text-input/BaseTextInput.js"),require("../text-input/TextArea.js"),require("../text-input/TextInput.js"),require("./tableContext.js"),exports.TablePagination=e.TablePagination;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react"),require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js"),require("../icon-button/IconButton.js");const e=require("../../../ExpandableTableRow-DanZYWEE.cjs");require("../text-input/BaseTextArea.js"),require("../text-input/BaseTextInput.js"),require("../text-input/TextArea.js"),require("../text-input/TextInput.js"),require("./tableContext.js"),exports.TablePagination=e.TablePagination;
2
2
  //# sourceMappingURL=TablePagination.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DataTable.js"),a=require("./Table.js"),o=require("./TableBody.js"),l=require("./TableCaption.js"),r=require("./TableCell.js"),t=require("./TableColumn.js"),b=require("./TableColumnGroup.js"),T=require("./tableContext.js"),s=require("./tableSectionContext.js"),n=require("./TableFooter.js"),i=require("./TableHead.js"),x=require("./TableHeader.js"),u=require("../../../ExpandableTableRow-BQjBxKCX.cjs"),p=require("./TableRow.js"),C=require("./utils.js");exports.DataTable=e.DataTable,exports.Table=a.Table,exports.TableBody=o.TableBody,exports.TableCaption=l.TableCaption,exports.TableCell=r.TableCell,exports.TableColumn=t.TableColumn,exports.TableColumnGroup=b.TableColumnGroup,exports.TableContextProvider=T.TableContextProvider,exports.useTableContext=T.useTableContext,exports.TableSectionContextProvider=s.TableSectionContextProvider,exports.useTableSectionContext=s.useTableSectionContext,exports.TableFooter=n.TableFooter,exports.TableHead=i.TableHead,exports.TableHeader=x.TableHeader,exports.ExpandableTableRow=u.ExpandableTableRow,exports.ExpandableTableRowController=u.ExpandableTableRowController,exports.TablePagination=u.TablePagination,exports.TableRow=p.TableRow,exports.useSortableTableHeader=C.useSortableTableHeader;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DataTable.js"),a=require("./Table.js"),o=require("./TableBody.js"),l=require("./TableCaption.js"),r=require("./TableCell.js"),t=require("./TableColumn.js"),b=require("./TableColumnGroup.js"),T=require("./tableContext.js"),s=require("./tableSectionContext.js"),n=require("./TableFooter.js"),i=require("./TableHead.js"),x=require("./TableHeader.js"),u=require("../../../ExpandableTableRow-DanZYWEE.cjs"),p=require("./TableRow.js"),C=require("./utils.js");exports.DataTable=e.DataTable,exports.Table=a.Table,exports.TableBody=o.TableBody,exports.TableCaption=l.TableCaption,exports.TableCell=r.TableCell,exports.TableColumn=t.TableColumn,exports.TableColumnGroup=b.TableColumnGroup,exports.TableContextProvider=T.TableContextProvider,exports.useTableContext=T.useTableContext,exports.TableSectionContextProvider=s.TableSectionContextProvider,exports.useTableSectionContext=s.useTableSectionContext,exports.TableFooter=n.TableFooter,exports.TableHead=i.TableHead,exports.TableHeader=x.TableHeader,exports.ExpandableTableRow=u.ExpandableTableRow,exports.ExpandableTableRowController=u.ExpandableTableRowController,exports.TablePagination=u.TablePagination,exports.TableRow=p.TableRow,exports.useSortableTableHeader=C.useSortableTableHeader;
2
2
  //# sourceMappingURL=index.js.map
@@ -0,0 +1,2 @@
1
+ "use strict";const e=require("react/jsx-runtime"),o=require("../../../../formatCode-BbxVs2z3.cjs");require("react"),require("../ToggleSwitch.js"),require("../../../hooks/useScreen/useScreen.js"),require("../../../hooks/useId/useId.js"),require("../../button/Button.js");const t=[{type:"bool",label:"Deaktivert",boolOptions:{trueValue:!0,falseValue:!1}}],n=o.formatCode('import React from "react";\nimport { ToggleSwitch } from "..";\nimport { PrimaryButton } from "../../button";\n\nexport const knobs = [\n {\n type: "bool",\n label: "Deaktivert",\n boolOptions: {\n trueValue: true,\n falseValue: false,\n },\n },\n];\n\nexport const ToggleSwitchExample = () => {\n /* -- EXAMPLE CODE START -- */\n const isDisabled = boolKnob("Deaktivert");\n\n const handleToggle = (event, pressed) => console.log("Mørk modus satt til: ", pressed, event);\n\n return (\n <ToggleSwitch disabled={isDisabled} onChange={handleToggle}>\n Mørk modus\n </ToggleSwitch>\n );\n /* -- EXAMPLE CODE END -- */\n};\n');module.exports=function(){const r=o.useInteractiveCodeControls(n,t);return e.jsx("div",{className:"jkl",children:e.jsx(o.InteractiveCode,{title:"Loader",defaultCode:n,defaultShowEditor:!0,noInline:!0,controls:r})})};
2
+ //# sourceMappingURL=Example.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Example.js","sources":["../../../../../src/components/toggle-switch/documentation/ToggleSwitchExample.jsx","../../../../../src/components/toggle-switch/documentation/Example.tsx","../../../../../src/components/toggle-switch/documentation/ToggleSwitchExample.jsx?raw"],"sourcesContent":["import React from \"react\";\nimport { ToggleSwitch } from \"..\";\nimport { PrimaryButton } from \"../../button\";\n\nexport const knobs = [\n {\n type: \"bool\",\n label: \"Deaktivert\",\n boolOptions: {\n trueValue: true,\n falseValue: false,\n },\n },\n];\n\nexport const ToggleSwitchExample = () => {\n /* -- EXAMPLE CODE START -- */\n const isDisabled = boolKnob(\"Deaktivert\");\n\n const handleToggle = (event, pressed) => console.log(\"Mørk modus satt til: \", pressed, event);\n\n return (\n <ToggleSwitch disabled={isDisabled} onChange={handleToggle}>\n Mørk modus\n </ToggleSwitch>\n );\n /* -- EXAMPLE CODE END -- */\n};\n","import React from \"react\";\nimport { formatCode, InteractiveCode, useInteractiveCodeControls } from \"../../../../../../utils/interactive-code\";\n// @ts-ignore\nimport { knobs } from \"./ToggleSwitchExample\";\n// @ts-ignore\nimport ToggleSwitchExample from \"./ToggleSwitchExample?raw\";\n\nimport \"../styles/toggle-switch.scss\";\n\nconst code = formatCode(ToggleSwitchExample);\n\nexport default function Example() {\n const controls = useInteractiveCodeControls(code, knobs);\n\n return (\n <div className={\"jkl\"}>\n <InteractiveCode\n title={\"Loader\"}\n defaultCode={code}\n defaultShowEditor={true}\n noInline={true}\n controls={controls}\n />\n </div>\n );\n}\n","export default \"import React from \\\"react\\\";\\nimport { ToggleSwitch } from \\\"..\\\";\\nimport { PrimaryButton } from \\\"../../button\\\";\\n\\nexport const knobs = [\\n {\\n type: \\\"bool\\\",\\n label: \\\"Deaktivert\\\",\\n boolOptions: {\\n trueValue: true,\\n falseValue: false,\\n },\\n },\\n];\\n\\nexport const ToggleSwitchExample = () => {\\n /* -- EXAMPLE CODE START -- */\\n const isDisabled = boolKnob(\\\"Deaktivert\\\");\\n\\n const handleToggle = (event, pressed) => console.log(\\\"Mørk modus satt til: \\\", pressed, event);\\n\\n return (\\n <ToggleSwitch disabled={isDisabled} onChange={handleToggle}>\\n Mørk modus\\n </ToggleSwitch>\\n );\\n /* -- EXAMPLE CODE END -- */\\n};\\n\""],"names":["knobs","type","label","boolOptions","trueValue","falseValue","code","formatCode","controls","useInteractiveCodeControls","jsx","className","children","InteractiveCode","title","defaultCode","defaultShowEditor","noInline"],"mappings":"8QAIO,MAAMA,EAAQ,CACjB,CACIC,KAAM,OACNC,MAAO,aACPC,YAAa,CACTC,WAAW,EACXC,YAAY,KCDlBC,EAAOC,EAAAA,WCTE,muBDWf,WACU,MAAAC,EAAWC,EAAAA,2BAA2BH,EAAMN,GAG9C,OAAAU,EAAAA,IAAC,MAAI,CAAAC,UAAW,MACZC,SAAAF,EAAAA,IAACG,EAAAA,gBAAA,CACGC,MAAO,SACPC,YAAaT,EACbU,mBAAmB,EACnBC,UAAU,EACVT,SAAAA,KAIhB"}
@@ -0,0 +1,2 @@
1
+ "use strict";const e=require("react/jsx-runtime"),r=require("react-dom/client");require("react"),require("../../../hooks/useScreen/useScreen.js"),require("../../../hooks/useId/useId.js"),require("../../icon/Icon.js"),require("../../icon/icons/animated/ArrowVerticalAnimated.js"),require("../../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../../icon/icons/animated/PlusRemoveAnimated.js"),require("../../icon/icons/ArrowDownIcon.js"),require("../../icon/icons/ArrowLeftIcon.js"),require("../../icon/icons/ArrowNorthEastIcon.js"),require("../../icon/icons/ArrowRightIcon.js"),require("../../icon/icons/ArrowUpIcon.js"),require("../../icon/icons/CalendarIcon.js"),require("../../icon/icons/CheckIcon.js"),require("../../icon/icons/ChevronDownIcon.js"),require("../../icon/icons/ChevronLeftIcon.js"),require("../../icon/icons/ChevronRightIcon.js"),require("../../icon/icons/ChevronUpIcon.js"),require("../../icon/icons/CloseIcon.js"),require("../../icon/icons/CopyIcon.js"),require("../../icon/icons/DotsIcon.js"),require("../../icon/icons/DragIcon.js"),require("../../icon/icons/ErrorIcon.js"),require("../../icon/icons/GreenCheckIcon.js"),require("../../icon/icons/HamburgerIcon.js"),require("../../icon/icons/InfoIcon.js"),require("../../icon/icons/LinkIcon.js"),require("../../icon/icons/PlusIcon.js"),require("../../icon/icons/QuestionIcon.js"),require("../../icon/icons/RedCrossIcon.js"),require("../../icon/icons/SearchIcon.js"),require("../../icon/icons/SuccessIcon.js"),require("../../icon/icons/WarningIcon.js"),require("../../icon/icons/MinusIcon.js"),require("../../icon/icons/ThumbDownIcon.js"),require("../../icon/icons/ThumbUpIcon.js"),require("../../icon/icons/TrashCanIcon.js"),require("../../icon/icons/PenIcon.js"),require("../../button/Button.js"),require("../../card/Card.js"),require("../../card/CardImage.js"),require("../../card/NavCard.js"),require("../../checkbox/Checkbox.js"),require("../../combobox/Combobox.js"),require("../../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../../modal/Modal.js"),require("react-a11y-dialog"),require("../../list/List.js"),require("../../list/ListItem.js"),require("../../datepicker/DatePicker.js"),require("../../feedback/feedbackContext.js"),require("../../message/Message.js"),require("../../message/FormErrorMessage.js"),require("../../tooltip/Tooltip.js"),require("../../tooltip/TooltipContent.js"),require("../../tooltip/TooltipTrigger.js"),require("../../input-group/InputGroup.js"),require("../../feedback/followup/followupContext.js"),require("../../feedback/main-question/mainQuestionContext.js"),require("../../radio-button/RadioButton.js"),require("../../radio-button/radioGroupContext.js"),require("../../radio-button/BaseRadioButton.js"),require("../../text-input/BaseTextArea.js"),require("../../text-input/BaseTextInput.js"),require("../../text-input/TextArea.js"),require("../../text-input/TextInput.js"),require("../../../utilities/polymorphism/SlotComponent.js");const i=require("../../../utilities/tabListener.js");require("../../../../ExpandableTableRow-DanZYWEE.cjs"),require("../../icon-button/IconButton.js"),require("../../link/Link.js"),require("../../link/NavLink.js"),require("../../link-list/LinkList.js"),require("../../logo/text-paths/ForsikringLevertAvFremtind.js"),require("../../logo/text-paths/FraSB1ogDNB.js"),require("../../logo/text-paths/InnovasjonFraFremtind.js"),require("../../logo/text-paths/TeknologiFraFremtind.js"),require("../../logo/text-paths/VartEgetForsikringsselskap.js"),require("../../logo/text-paths/VartForsikringsselskap.js"),require("../../menu/MenuItem.js"),require("../../menu/MenuItemCheckbox.js"),require("../../popover/Popover.js"),require("../../system-message/SystemMessage.js"),require("../../table/DataTable.js"),require("../../table/Table.js"),require("../../table/TableBody.js"),require("../../table/TableCaption.js"),require("../../table/TableCell.js"),require("../../table/TableColumn.js"),require("../../table/TableColumnGroup.js"),require("../../table/tableContext.js"),require("../../table/tableSectionContext.js"),require("../../table/TableFooter.js"),require("../../table/TableHead.js"),require("../../table/TableHeader.js"),require("../../table/TableRow.js"),require("../../tabs/NavTab.js"),require("../../tabs/tabsContext.js"),require("../../tabs/Tab.js"),require("../../tag/Tag.js"),require("../../toast/toastContext.js"),require("../ToggleSwitch.js");const o=require("./Example.js");i.initTabListener(),r.createRoot(document.getElementById("root")).render(e.jsx(o,{}));
2
+ //# sourceMappingURL=main.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"main.js","sources":["../../../../../src/components/toggle-switch/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":"42IAKAA,EAAAA,kBAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAA,IAAAC,EAAA,CAAA"}
@@ -0,0 +1,2 @@
1
+ "use strict";const e=require("node:path"),i=require("@vitejs/plugin-react-swc"),r=require("vite"),s=require("../../../../copy-jkl-fonts-BEH11kbT.cjs"),o=r.defineConfig({plugins:[i(),s.copyJklFonts(e.resolve(__dirname,"public","fonts"))]});module.exports=o;
2
+ //# sourceMappingURL=vite.dev.config.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vite.dev.config.js","sources":["../../../../../src/components/toggle-switch/documentation/vite.dev.config.ts"],"sourcesContent":["import { resolve } from \"path\";\nimport react from \"@vitejs/plugin-react-swc\";\nimport { defineConfig } from \"vite\";\nimport { copyJklFonts } from \"../../../../../../utils/vite\";\n\nexport default defineConfig({\n plugins: [react(), copyJklFonts(resolve(__dirname, \"public\", \"fonts\"))],\n});\n"],"names":["vite_dev_config","defineConfig","plugins","react","copyJklFonts","resolve","__dirname"],"mappings":"uJAKAA,EAAeC,eAAa,CACxBC,QAAS,CAACC,IAASC,EAAAA,aAAaC,UAAQC,UAAW,SAAU"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@floating-ui/react"),r=require("../../../clsx-E3yX_9sL.cjs"),i=require("framer-motion"),s=require("react");require("../../hooks/useScreen/useScreen.js");const n=require("../../hooks/useId/useId.js"),o=require("./Tooltip.js");function a(e,t=8){switch(!0){case e.startsWith("top"):return{top:t};case e.startsWith("left"):return{left:t,right:-t};case e.startsWith("bottom"):return{top:-t};case e.startsWith("right"):return{left:-t,right:t};default:return{top:t}}}const l=s.forwardRef((function({className:s,children:l,...c},u){const{triggerOn:p,arrowElement:d,isOpen:f,getFloatingProps:h,placement:g,isPositioned:m,middlewareData:{arrow:j},floatingStyles:x,refs:y}=o.useTooltipContext(),k=t.useMergeRefs([u,y.setFloating]),q=n.useId("jkl-tooltip-content");let v;if(y.reference.current){const e=getComputedStyle(y.reference.current).getPropertyValue("--jkl-background-color");v=parseInt(e.replace("#",""),16)<8388607.5?"dark":"light"}return e.jsx(t.FloatingPortal,{children:e.jsx(i.LazyMotion,{features:i.domAnimation,children:e.jsxs(i.AnimatePresence,{children:["hover"===p&&e.jsx("span",{ref:y.setDescription,hidden:!0,children:l},`${q}-trigger`),f&&e.jsx("span",{className:"jkl",children:e.jsxs(i.m.span,{ref:k,initial:{opacity:0,...a(g,5)},animate:{opacity:1,...a(g,0)},exit:{opacity:0,...a(g,-5),transition:{ease:"easeIn",duration:.15}},transition:{ease:"easeOut",duration:.25},"data-placement":g,"aria-live":"click"===p?"assertive":void 0,className:r.clsx("jkl-tooltip-content",s),...h({...c,id:q}),style:{...x},"data-theme":v,children:[l,e.jsx("span",{"aria-hidden":!0,className:"jkl-tooltip-content__arrow",ref:d,style:{left:m?`${null==j?void 0:j.x}px`:"",top:m?`${null==j?void 0:j.y}px`:""}})]},q)},`${q}-wrapper`)]})})})}));exports.TooltipContent=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@floating-ui/react"),r=require("../../../clsx-E3yX_9sL.cjs"),i=require("framer-motion"),s=require("react");require("../../hooks/useScreen/useScreen.js");const n=require("../../hooks/useId/useId.js"),o=require("../../utilities/getThemeAndDensity.js");require("../../utilities/polymorphism/SlotComponent.js");const a=require("./Tooltip.js");function l(e,t=8){switch(!0){case e.startsWith("top"):return{top:t};case e.startsWith("left"):return{left:t,right:-t};case e.startsWith("bottom"):return{top:-t};case e.startsWith("right"):return{left:-t,right:t};default:return{top:t}}}const c=s.forwardRef((function({className:s,children:c,...u},d){const{triggerOn:p,arrowElement:h,isOpen:m,getFloatingProps:f,placement:j,isPositioned:g,middlewareData:{arrow:x},floatingStyles:y,refs:q}=a.useTooltipContext(),k=t.useMergeRefs([d,q.setFloating]),v=n.useId("jkl-tooltip-content"),{density:w,theme:S}=o.getThemeAndDensity(q.reference.current);return e.jsx(t.FloatingPortal,{children:e.jsx(i.LazyMotion,{features:i.domAnimation,children:e.jsxs(i.AnimatePresence,{children:["hover"===p&&e.jsx("span",{ref:q.setDescription,hidden:!0,children:c},`${v}-trigger`),m&&e.jsx("span",{className:"jkl",children:e.jsxs(i.m.span,{ref:k,initial:{opacity:0,...l(j,5)},animate:{opacity:1,...l(j,0)},exit:{opacity:0,...l(j,-5),transition:{ease:"easeIn",duration:.15}},transition:{ease:"easeOut",duration:.25},"data-placement":j,"aria-live":"click"===p?"assertive":void 0,className:r.clsx("jkl-tooltip-content",s),...f({...u,id:v}),style:{...y},"data-theme":S,"data-layout-density":w,children:[c,e.jsx("span",{"aria-hidden":!0,className:"jkl-tooltip-content__arrow",ref:h,style:{left:g?`${null==x?void 0:x.x}px`:"",top:g?`${null==x?void 0:x.y}px`:""}})]},v)},`${v}-wrapper`)]})})})}));exports.TooltipContent=c;
2
2
  //# sourceMappingURL=TooltipContent.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TooltipContent.js","sources":["../../../../src/components/tooltip/TooltipContent.tsx"],"sourcesContent":["import { type Placement, useMergeRefs, FloatingPortal } from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport { AnimatePresence, LazyMotion, domAnimation, m } from \"framer-motion\";\nimport React, { HTMLProps, forwardRef } from \"react\";\nimport { useId } from \"../../hooks\";\nimport { useTooltipContext } from \"./Tooltip\";\n\nfunction getPositionAnimation(placement: Placement, value: number = 8) {\n switch (true) {\n case placement.startsWith(\"top\"):\n return {\n top: value,\n };\n case placement.startsWith(\"left\"):\n return {\n left: value,\n right: -value,\n };\n case placement.startsWith(\"bottom\"):\n return {\n top: -value,\n };\n case placement.startsWith(\"right\"):\n return {\n left: -value,\n right: value,\n };\n\n default:\n return {\n top: value,\n };\n }\n}\n\nexport const TooltipContent = forwardRef<HTMLDivElement, HTMLProps<HTMLDivElement>>(function TooltipContent(\n { className, children, ...props },\n forwardedRef,\n) {\n const {\n triggerOn,\n arrowElement,\n isOpen,\n getFloatingProps,\n placement,\n isPositioned,\n middlewareData: { arrow },\n floatingStyles,\n refs,\n } = useTooltipContext();\n const ref = useMergeRefs([forwardedRef, refs.setFloating]);\n const contentId = useId(\"jkl-tooltip-content\");\n\n // Siden tooltipet rendres på rot må vi hente lokal dark/light-verdi fra triggeren\n // Vi må gjøre dette for å ta hensyn til at tema kan styres lokalt for deler av UIet\n let theme: string | undefined;\n if (refs.reference.current) {\n const backgroundColor = getComputedStyle(refs.reference.current as HTMLElement).getPropertyValue(\n \"--jkl-background-color\",\n );\n // Sett theme til dark hvis bakgrunnsfargen er mørkere enn 50% av hvit\n // dette gir oss slingringsmonn i tilfelle verdien av Jøkuls bakgrunnsfarge endres\n theme = parseInt(backgroundColor.replace(\"#\", \"\"), 16) < 0xffffff / 2 ? \"dark\" : \"light\";\n }\n\n return (\n <FloatingPortal>\n <LazyMotion features={domAnimation}>\n <AnimatePresence>\n {/* For å kunne bruke tekstinnholdet i tooltip som beskrivende tekst, selv når ikke\n tooltip er synlig, må vi rendre et skjult element å referere til for å hente innholdet. */}\n {triggerOn === \"hover\" && (\n <span ref={refs.setDescription} hidden key={`${contentId}-trigger`}>\n {children}\n </span>\n )}\n {isOpen && (\n <span className=\"jkl\" key={`${contentId}-wrapper`}>\n <m.span\n key={contentId}\n ref={ref}\n initial={{ opacity: 0, ...getPositionAnimation(placement, 5) }}\n animate={{ opacity: 1, ...getPositionAnimation(placement, 0) }}\n exit={{\n opacity: 0,\n ...getPositionAnimation(placement, -5),\n transition: { ease: \"easeIn\", duration: 0.15 },\n }}\n transition={{ ease: \"easeOut\", duration: 0.25 }}\n data-placement={placement}\n aria-live={triggerOn === \"click\" ? \"assertive\" : undefined}\n className={clsx(\"jkl-tooltip-content\", className)}\n {...getFloatingProps({ ...props, id: contentId })}\n style={{ ...floatingStyles }}\n data-theme={theme}\n >\n {children}\n <span\n aria-hidden\n className=\"jkl-tooltip-content__arrow\"\n ref={arrowElement}\n style={{\n left: isPositioned ? `${arrow?.x}px` : \"\",\n top: isPositioned ? `${arrow?.y}px` : \"\",\n }}\n />\n </m.span>\n </span>\n )}\n </AnimatePresence>\n </LazyMotion>\n </FloatingPortal>\n );\n});\n"],"names":["getPositionAnimation","placement","value","startsWith","top","left","right","TooltipContent","forwardRef","className","children","props","forwardedRef","triggerOn","arrowElement","isOpen","getFloatingProps","isPositioned","middlewareData","arrow","floatingStyles","refs","useTooltipContext","ref","useMergeRefs","setFloating","contentId","useId","theme","reference","current","backgroundColor","getComputedStyle","getPropertyValue","parseInt","replace","FloatingPortal","jsx","LazyMotion","features","domAnimation","AnimatePresence","setDescription","hidden","jsxs","m","span","initial","opacity","animate","exit","transition","ease","duration","clsx","id","style","x","y"],"mappings":"iWAOA,SAASA,EAAqBC,EAAsBC,EAAgB,GAChE,QAAQ,GACJ,KAAKD,EAAUE,WAAW,OACf,MAAA,CACHC,IAAKF,GAEb,KAAKD,EAAUE,WAAW,QACf,MAAA,CACHE,KAAMH,EACNI,OAAQJ,GAEhB,KAAKD,EAAUE,WAAW,UACf,MAAA,CACHC,KAAMF,GAEd,KAAKD,EAAUE,WAAW,SACf,MAAA,CACHE,MAAOH,EACPI,MAAOJ,GAGf,QACW,MAAA,CACHE,IAAKF,GAGrB,CAEa,MAAAK,EAAiBC,EAAAA,YAAsD,UAC9EC,UAAAA,EAAWC,SAAAA,KAAaC,GAC1BC,GAEM,MACFC,UAAAA,EACAC,aAAAA,EACAC,OAAAA,EACAC,iBAAAA,EACAf,UAAAA,EACAgB,aAAAA,EACAC,gBAAkBC,MAAAA,GAClBC,eAAAA,EACAC,KAAAA,GACAC,EAAkBA,oBAChBC,EAAMC,EAAAA,aAAa,CAACZ,EAAcS,EAAKI,cACvCC,EAAYC,QAAM,uBAIpB,IAAAC,EACA,GAAAP,EAAKQ,UAAUC,QAAS,CACxB,MAAMC,EAAkBC,iBAAiBX,EAAKQ,UAAUC,SAAwBG,iBAC5E,0BAIIL,EAAAM,SAASH,EAAgBI,QAAQ,IAAK,IAAK,IAAM,UAAe,OAAS,OACrF,CAEA,aACKC,EACGA,eAAA,CAAA1B,SAAA2B,EAAAA,IAACC,cAAWC,SAAUC,EAAAA,aAClB9B,gBAAC+B,EAGIA,gBAAA,CAAA/B,SAAA,CAAc,UAAAG,GACVwB,EAAAA,IAAA,OAAA,CAAKd,IAAKF,EAAKqB,eAAgBC,QAAM,EACjCjC,SAAAA,GADuC,GAAGgB,aAIlDX,GACGsB,EAAAA,IAAC,OAAK,CAAA5B,UAAU,MACZC,SAAAkC,EAAAA,KAACC,EAAAA,EAAEC,KAAF,CAEGvB,IAAAA,EACAwB,QAAS,CAAEC,QAAS,KAAMhD,EAAqBC,EAAW,IAC1DgD,QAAS,CAAED,QAAS,KAAMhD,EAAqBC,EAAW,IAC1DiD,KAAM,CACFF,QAAS,KACNhD,EAAqBC,GAAW,GACnCkD,WAAY,CAAEC,KAAM,SAAUC,SAAU,MAE5CF,WAAY,CAAEC,KAAM,UAAWC,SAAU,KACzC,iBAAgBpD,EAChB,YAAyB,UAAdY,EAAwB,iBAAc,EACjDJ,UAAW6C,EAAAA,KAAK,sBAAuB7C,MACnCO,EAAiB,IAAKL,EAAO4C,GAAI7B,IACrC8B,MAAO,IAAKpC,GACZ,aAAYQ,EAEXlB,SAAA,CAAAA,EACD2B,EAAAA,IAAC,OAAA,CACG,eAAW,EACX5B,UAAU,6BACVc,IAAKT,EACL0C,MAAO,CACHnD,KAAMY,EAAe,GAAG,MAAAE,OAAAA,EAAAA,EAAOsC,MAAQ,GACvCrD,IAAKa,EAAe,GAAG,MAAAE,OAAAA,EAAAA,EAAOuC,MAAQ,QAxBzChC,IAFc,GAAGA,mBAoCtD"}
1
+ {"version":3,"file":"TooltipContent.js","sources":["../../../../src/components/tooltip/TooltipContent.tsx"],"sourcesContent":["import { type Placement, useMergeRefs, FloatingPortal } from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport { AnimatePresence, LazyMotion, domAnimation, m } from \"framer-motion\";\nimport React, { HTMLProps, forwardRef } from \"react\";\nimport { useId } from \"../../hooks\";\nimport { getThemeAndDensity } from \"../../utilities\";\nimport { useTooltipContext } from \"./Tooltip\";\n\nfunction getPositionAnimation(placement: Placement, value: number = 8) {\n switch (true) {\n case placement.startsWith(\"top\"):\n return {\n top: value,\n };\n case placement.startsWith(\"left\"):\n return {\n left: value,\n right: -value,\n };\n case placement.startsWith(\"bottom\"):\n return {\n top: -value,\n };\n case placement.startsWith(\"right\"):\n return {\n left: -value,\n right: value,\n };\n\n default:\n return {\n top: value,\n };\n }\n}\n\nexport const TooltipContent = forwardRef<HTMLDivElement, HTMLProps<HTMLDivElement>>(function TooltipContent(\n { className, children, ...props },\n forwardedRef,\n) {\n const {\n triggerOn,\n arrowElement,\n isOpen,\n getFloatingProps,\n placement,\n isPositioned,\n middlewareData: { arrow },\n floatingStyles,\n refs,\n } = useTooltipContext();\n const ref = useMergeRefs([forwardedRef, refs.setFloating]);\n const contentId = useId(\"jkl-tooltip-content\");\n\n // Siden tooltipet rendres på rot må vi hente lokal dark/light-verdi fra triggeren\n // Vi må gjøre dette for å ta hensyn til at tema kan styres lokalt for deler av UIet\n const { density, theme } = getThemeAndDensity(refs.reference.current as HTMLElement);\n\n return (\n <FloatingPortal>\n <LazyMotion features={domAnimation}>\n <AnimatePresence>\n {/* For å kunne bruke tekstinnholdet i tooltip som beskrivende tekst, selv når ikke\n tooltip er synlig, må vi rendre et skjult element å referere til for å hente innholdet. */}\n {triggerOn === \"hover\" && (\n <span ref={refs.setDescription} hidden key={`${contentId}-trigger`}>\n {children}\n </span>\n )}\n {isOpen && (\n <span className=\"jkl\" key={`${contentId}-wrapper`}>\n <m.span\n key={contentId}\n ref={ref}\n initial={{ opacity: 0, ...getPositionAnimation(placement, 5) }}\n animate={{ opacity: 1, ...getPositionAnimation(placement, 0) }}\n exit={{\n opacity: 0,\n ...getPositionAnimation(placement, -5),\n transition: { ease: \"easeIn\", duration: 0.15 },\n }}\n transition={{ ease: \"easeOut\", duration: 0.25 }}\n data-placement={placement}\n aria-live={triggerOn === \"click\" ? \"assertive\" : undefined}\n className={clsx(\"jkl-tooltip-content\", className)}\n {...getFloatingProps({ ...props, id: contentId })}\n style={{ ...floatingStyles }}\n data-theme={theme}\n data-layout-density={density}\n >\n {children}\n <span\n aria-hidden\n className=\"jkl-tooltip-content__arrow\"\n ref={arrowElement}\n style={{\n left: isPositioned ? `${arrow?.x}px` : \"\",\n top: isPositioned ? `${arrow?.y}px` : \"\",\n }}\n />\n </m.span>\n </span>\n )}\n </AnimatePresence>\n </LazyMotion>\n </FloatingPortal>\n );\n});\n"],"names":["getPositionAnimation","placement","value","startsWith","top","left","right","TooltipContent","forwardRef","className","children","props","forwardedRef","triggerOn","arrowElement","isOpen","getFloatingProps","isPositioned","middlewareData","arrow","floatingStyles","refs","useTooltipContext","ref","useMergeRefs","setFloating","contentId","useId","density","theme","getThemeAndDensity","reference","current","FloatingPortal","jsx","LazyMotion","features","domAnimation","AnimatePresence","setDescription","hidden","jsxs","m","span","initial","opacity","animate","exit","transition","ease","duration","clsx","id","style","x","y"],"mappings":"mdAQA,SAASA,EAAqBC,EAAsBC,EAAgB,GAChE,QAAQ,GACJ,KAAKD,EAAUE,WAAW,OACf,MAAA,CACHC,IAAKF,GAEb,KAAKD,EAAUE,WAAW,QACf,MAAA,CACHE,KAAMH,EACNI,OAAQJ,GAEhB,KAAKD,EAAUE,WAAW,UACf,MAAA,CACHC,KAAMF,GAEd,KAAKD,EAAUE,WAAW,SACf,MAAA,CACHE,MAAOH,EACPI,MAAOJ,GAGf,QACW,MAAA,CACHE,IAAKF,GAGrB,CAEa,MAAAK,EAAiBC,EAAAA,YAAsD,UAC9EC,UAAAA,EAAWC,SAAAA,KAAaC,GAC1BC,GAEM,MACFC,UAAAA,EACAC,aAAAA,EACAC,OAAAA,EACAC,iBAAAA,EACAf,UAAAA,EACAgB,aAAAA,EACAC,gBAAkBC,MAAAA,GAClBC,eAAAA,EACAC,KAAAA,GACAC,EAAkBA,oBAChBC,EAAMC,EAAAA,aAAa,CAACZ,EAAcS,EAAKI,cACvCC,EAAYC,QAAM,wBAIhBC,QAAAA,EAASC,MAAAA,GAAUC,EAAmBA,mBAAAT,EAAKU,UAAUC,SAE7D,aACKC,EACGA,eAAA,CAAAvB,SAAAwB,EAAAA,IAACC,cAAWC,SAAUC,EAAAA,aAClB3B,gBAAC4B,EAGIA,gBAAA,CAAA5B,SAAA,CAAc,UAAAG,GACVqB,EAAAA,IAAA,OAAA,CAAKX,IAAKF,EAAKkB,eAAgBC,QAAM,EACjC9B,SAAAA,GADuC,GAAGgB,aAIlDX,GACGmB,EAAAA,IAAC,OAAK,CAAAzB,UAAU,MACZC,SAAA+B,EAAAA,KAACC,EAAAA,EAAEC,KAAF,CAEGpB,IAAAA,EACAqB,QAAS,CAAEC,QAAS,KAAM7C,EAAqBC,EAAW,IAC1D6C,QAAS,CAAED,QAAS,KAAM7C,EAAqBC,EAAW,IAC1D8C,KAAM,CACFF,QAAS,KACN7C,EAAqBC,GAAa,GACrC+C,WAAY,CAAEC,KAAM,SAAUC,SAAU,MAE5CF,WAAY,CAAEC,KAAM,UAAWC,SAAU,KACzC,iBAAgBjD,EAChB,YAAyB,UAAdY,EAAwB,iBAAc,EACjDJ,UAAW0C,EAAAA,KAAK,sBAAuB1C,MACnCO,EAAiB,IAAKL,EAAOyC,GAAI1B,IACrC2B,MAAO,IAAKjC,GACZ,aAAYS,EACZ,sBAAqBD,EAEpBlB,SAAA,CAAAA,EACDwB,EAAAA,IAAC,OAAA,CACG,eAAW,EACXzB,UAAU,6BACVc,IAAKT,EACLuC,MAAO,CACHhD,KAAMY,EAAe,GAAG,MAAAE,OAAAA,EAAAA,EAAOmC,MAAQ,GACvClD,IAAKa,EAAe,GAAG,MAAAE,OAAAA,EAAAA,EAAOoC,MAAQ,QAzBzC7B,IAFc,GAAGA,mBAqCtD"}
@@ -0,0 +1,2 @@
1
+ "use strict";const e=require("react/jsx-runtime"),n=require("../../../../formatCode-BbxVs2z3.cjs");require("react"),require("../Tooltip.js"),require("../TooltipContent.js"),require("../TooltipTrigger.js"),require("../../icon/Icon.js"),require("../../icon/icons/animated/ArrowVerticalAnimated.js"),require("../../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../../icon/icons/animated/PlusRemoveAnimated.js"),require("../../icon/icons/ArrowDownIcon.js"),require("../../icon/icons/ArrowLeftIcon.js"),require("../../icon/icons/ArrowNorthEastIcon.js"),require("../../icon/icons/ArrowRightIcon.js"),require("../../icon/icons/ArrowUpIcon.js"),require("../../icon/icons/CalendarIcon.js"),require("../../icon/icons/CheckIcon.js"),require("../../icon/icons/ChevronDownIcon.js"),require("../../icon/icons/ChevronLeftIcon.js"),require("../../icon/icons/ChevronRightIcon.js"),require("../../icon/icons/ChevronUpIcon.js"),require("../../icon/icons/CloseIcon.js"),require("../../icon/icons/CopyIcon.js"),require("../../icon/icons/DotsIcon.js"),require("../../icon/icons/DragIcon.js"),require("../../icon/icons/ErrorIcon.js"),require("../../icon/icons/GreenCheckIcon.js"),require("../../icon/icons/HamburgerIcon.js"),require("../../icon/icons/InfoIcon.js"),require("../../icon/icons/LinkIcon.js"),require("../../icon/icons/PlusIcon.js"),require("../../icon/icons/QuestionIcon.js"),require("../../icon/icons/RedCrossIcon.js"),require("../../icon/icons/SearchIcon.js"),require("../../icon/icons/SuccessIcon.js"),require("../../icon/icons/WarningIcon.js"),require("../../icon/icons/MinusIcon.js"),require("../../icon/icons/ThumbDownIcon.js"),require("../../icon/icons/ThumbUpIcon.js"),require("../../icon/icons/TrashCanIcon.js"),require("../../icon/icons/PenIcon.js");const o=[{type:"choice",label:"Plassering",choiceOptions:[{label:"Top",value:"top"},{label:"Top start",value:"top-start"},{label:"Top end",value:"top-end"},{label:"Left",value:"left"},{label:"Right",value:"right"}],defaultValue:0},{type:"choice",label:"Forsinkelse (ms)",choiceOptions:[{laber:"0",value:"0"},{laber:"150",value:"150"},{laber:"250",value:"250"},{laber:"500",value:"500"},{laber:"1000",value:"1000"}],defaultValue:0}],i=[{type:"choice",label:"Plassering",choiceOptions:[{label:"Top",value:"top"},{label:"Top start",value:"top-start"},{label:"Top end",value:"top-end"},{label:"Left",value:"left"},{label:"Right",value:"right"}],defaultValue:0},{type:"choice",label:"Forsinkelse (ms)",choiceOptions:[{laber:"0",value:"0"},{laber:"150",value:"150"},{laber:"250",value:"250"},{laber:"500",value:"500"},{laber:"1000",value:"1000"}],defaultValue:0}],r=n.formatCode('import React, { useState } from "react";\nimport { Tooltip, TooltipContent, TooltipTrigger } from "..";\nimport { formatKontonummer } from "../../../utilities/formatters";\n\nexport const knobs = [\n {\n type: "choice",\n label: "Plassering",\n choiceOptions: [\n { label: "Top", value: "top" },\n { label: "Top start", value: "top-start" },\n { label: "Top end", value: "top-end" },\n { label: "Left", value: "left" },\n { label: "Right", value: "right" },\n ],\n defaultValue: 0,\n },\n {\n type: "choice",\n label: "Forsinkelse (ms)",\n choiceOptions: [\n { laber: "0", value: "0" },\n { laber: "150", value: "150" },\n { laber: "250", value: "250" },\n { laber: "500", value: "500" },\n { laber: "1000", value: "1000" },\n ],\n defaultValue: 0,\n },\n];\n\nexport const TooltipExample = () => {\n /* -- EXAMPLE CODE START -- */\n const [copied, setCopied] = useState(false);\n const kontonummer = "16024454979";\n\n function copyToClipboard() {\n navigator.clipboard.writeText(kontonummer);\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n }\n\n return (\n <p>\n Kontonummer:{" "}\n <Tooltip placement={choiceKnob("Plassering")} delay={choiceKnob("Forsinkelse (ms)")}>\n <TooltipTrigger onClick={copyToClipboard}>{formatKontonummer(kontonummer)}</TooltipTrigger>\n <TooltipContent>\n {copied ? <span aria-live="assertive">Kopiert</span> : "Klikk for å kopiere til utklippstavlen"}\n </TooltipContent>\n </Tooltip>\n </p>\n );\n /* -- EXAMPLE CODE END -- */\n};\n'),l=n.formatCode('import React from "react";\nimport { PopupTip } from "..";\nimport { formatValuta } from "../../../utilities/formatters";\n\nexport const knobs = [\n {\n type: "choice",\n label: "Plassering",\n choiceOptions: [\n { label: "Top", value: "top" },\n { label: "Top start", value: "top-start" },\n { label: "Top end", value: "top-end" },\n { label: "Left", value: "left" },\n { label: "Right", value: "right" },\n ],\n defaultValue: 0,\n },\n {\n type: "choice",\n label: "Forsinkelse (ms)",\n choiceOptions: [\n { laber: "0", value: "0" },\n { laber: "150", value: "150" },\n { laber: "250", value: "250" },\n { laber: "500", value: "500" },\n { laber: "1000", value: "1000" },\n ],\n defaultValue: 0,\n },\n];\n\nexport const PopupTipExample = () => {\n /* -- EXAMPLE CODE START -- */\n return (\n <p>\n Du betaler 348 kr/mnd{" "}\n <PopupTip\n placement={choiceKnob("Plassering")}\n delay={choiceKnob("Forsinkelse (ms)")}\n content={`Månedsprisen vil variere på fakturaen din gjennom året. Årsprisen er ${formatValuta(4176)}.`}\n triggerProps={{\n onClick: () => console.log("PopupTip clicked"),\n }}\n />\n </p>\n );\n /* -- EXAMPLE CODE END -- */\n};\n');module.exports=function(){const t=n.useInteractiveCodeControls(r,i),a=n.useInteractiveCodeControls(l,o);return e.jsxs("div",{className:"jkl",children:[e.jsx(n.InteractiveCode,{title:"Tooltip",defaultCode:r,defaultShowEditor:!0,noInline:!0,controls:t}),e.jsx(n.InteractiveCode,{title:"PopupTip",defaultCode:l,defaultShowEditor:!0,noInline:!0,controls:a})]})};
2
+ //# sourceMappingURL=Example.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Example.js","sources":["../../../../../src/components/tooltip/documentation/PopupTipExample.jsx","../../../../../src/components/tooltip/documentation/TooltipExample.jsx","../../../../../src/components/tooltip/documentation/Example.tsx","../../../../../src/components/tooltip/documentation/TooltipExample.jsx?raw","../../../../../src/components/tooltip/documentation/PopupTipExample.jsx?raw"],"sourcesContent":["import React from \"react\";\nimport { PopupTip } from \"..\";\nimport { formatValuta } from \"../../../utilities/formatters\";\n\nexport const knobs = [\n {\n type: \"choice\",\n label: \"Plassering\",\n choiceOptions: [\n { label: \"Top\", value: \"top\" },\n { label: \"Top start\", value: \"top-start\" },\n { label: \"Top end\", value: \"top-end\" },\n { label: \"Left\", value: \"left\" },\n { label: \"Right\", value: \"right\" },\n ],\n defaultValue: 0,\n },\n {\n type: \"choice\",\n label: \"Forsinkelse (ms)\",\n choiceOptions: [\n { laber: \"0\", value: \"0\" },\n { laber: \"150\", value: \"150\" },\n { laber: \"250\", value: \"250\" },\n { laber: \"500\", value: \"500\" },\n { laber: \"1000\", value: \"1000\" },\n ],\n defaultValue: 0,\n },\n];\n\nexport const PopupTipExample = () => {\n /* -- EXAMPLE CODE START -- */\n return (\n <p>\n Du betaler 348 kr/mnd{\" \"}\n <PopupTip\n placement={choiceKnob(\"Plassering\")}\n delay={choiceKnob(\"Forsinkelse (ms)\")}\n content={`Månedsprisen vil variere på fakturaen din gjennom året. Årsprisen er ${formatValuta(4176)}.`}\n triggerProps={{\n onClick: () => console.log(\"PopupTip clicked\"),\n }}\n />\n </p>\n );\n /* -- EXAMPLE CODE END -- */\n};\n","import React, { useState } from \"react\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"..\";\nimport { formatKontonummer } from \"../../../utilities/formatters\";\n\nexport const knobs = [\n {\n type: \"choice\",\n label: \"Plassering\",\n choiceOptions: [\n { label: \"Top\", value: \"top\" },\n { label: \"Top start\", value: \"top-start\" },\n { label: \"Top end\", value: \"top-end\" },\n { label: \"Left\", value: \"left\" },\n { label: \"Right\", value: \"right\" },\n ],\n defaultValue: 0,\n },\n {\n type: \"choice\",\n label: \"Forsinkelse (ms)\",\n choiceOptions: [\n { laber: \"0\", value: \"0\" },\n { laber: \"150\", value: \"150\" },\n { laber: \"250\", value: \"250\" },\n { laber: \"500\", value: \"500\" },\n { laber: \"1000\", value: \"1000\" },\n ],\n defaultValue: 0,\n },\n];\n\nexport const TooltipExample = () => {\n /* -- EXAMPLE CODE START -- */\n const [copied, setCopied] = useState(false);\n const kontonummer = \"16024454979\";\n\n function copyToClipboard() {\n navigator.clipboard.writeText(kontonummer);\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n }\n\n return (\n <p>\n Kontonummer:{\" \"}\n <Tooltip placement={choiceKnob(\"Plassering\")} delay={choiceKnob(\"Forsinkelse (ms)\")}>\n <TooltipTrigger onClick={copyToClipboard}>{formatKontonummer(kontonummer)}</TooltipTrigger>\n <TooltipContent>\n {copied ? <span aria-live=\"assertive\">Kopiert</span> : \"Klikk for å kopiere til utklippstavlen\"}\n </TooltipContent>\n </Tooltip>\n </p>\n );\n /* -- EXAMPLE CODE END -- */\n};\n","import React from \"react\";\nimport { formatCode, InteractiveCode, useInteractiveCodeControls } from \"../../../../../../utils/interactive-code\";\n// @ts-ignore\nimport { knobs as popupTipKnobs } from \"./PopupTipExample\";\n// @ts-ignore\nimport PopupTipExample from \"./PopupTipExample?raw\";\n// @ts-ignore\nimport { knobs as tooltipKnobs } from \"./TooltipExample\";\n// @ts-ignore\nimport TooltipExample from \"./TooltipExample?raw\";\n\nimport \"../styles/tooltip.scss\";\n\nconst tooltipCode = formatCode(TooltipExample);\nconst popupTipCode = formatCode(PopupTipExample);\n\nexport default function Example() {\n const tooltipControls = useInteractiveCodeControls(tooltipCode, tooltipKnobs);\n const popupTipControls = useInteractiveCodeControls(popupTipCode, popupTipKnobs);\n\n return (\n <div className={\"jkl\"}>\n <InteractiveCode\n title={\"Tooltip\"}\n defaultCode={tooltipCode}\n defaultShowEditor={true}\n noInline={true}\n controls={tooltipControls}\n />\n <InteractiveCode\n title={\"PopupTip\"}\n defaultCode={popupTipCode}\n defaultShowEditor={true}\n noInline={true}\n controls={popupTipControls}\n />\n </div>\n );\n}\n","export default \"import React, { useState } from \\\"react\\\";\\nimport { Tooltip, TooltipContent, TooltipTrigger } from \\\"..\\\";\\nimport { formatKontonummer } from \\\"../../../utilities/formatters\\\";\\n\\nexport const knobs = [\\n {\\n type: \\\"choice\\\",\\n label: \\\"Plassering\\\",\\n choiceOptions: [\\n { label: \\\"Top\\\", value: \\\"top\\\" },\\n { label: \\\"Top start\\\", value: \\\"top-start\\\" },\\n { label: \\\"Top end\\\", value: \\\"top-end\\\" },\\n { label: \\\"Left\\\", value: \\\"left\\\" },\\n { label: \\\"Right\\\", value: \\\"right\\\" },\\n ],\\n defaultValue: 0,\\n },\\n {\\n type: \\\"choice\\\",\\n label: \\\"Forsinkelse (ms)\\\",\\n choiceOptions: [\\n { laber: \\\"0\\\", value: \\\"0\\\" },\\n { laber: \\\"150\\\", value: \\\"150\\\" },\\n { laber: \\\"250\\\", value: \\\"250\\\" },\\n { laber: \\\"500\\\", value: \\\"500\\\" },\\n { laber: \\\"1000\\\", value: \\\"1000\\\" },\\n ],\\n defaultValue: 0,\\n },\\n];\\n\\nexport const TooltipExample = () => {\\n /* -- EXAMPLE CODE START -- */\\n const [copied, setCopied] = useState(false);\\n const kontonummer = \\\"16024454979\\\";\\n\\n function copyToClipboard() {\\n navigator.clipboard.writeText(kontonummer);\\n setCopied(true);\\n setTimeout(() => setCopied(false), 2000);\\n }\\n\\n return (\\n <p>\\n Kontonummer:{\\\" \\\"}\\n <Tooltip placement={choiceKnob(\\\"Plassering\\\")} delay={choiceKnob(\\\"Forsinkelse (ms)\\\")}>\\n <TooltipTrigger onClick={copyToClipboard}>{formatKontonummer(kontonummer)}</TooltipTrigger>\\n <TooltipContent>\\n {copied ? <span aria-live=\\\"assertive\\\">Kopiert</span> : \\\"Klikk for å kopiere til utklippstavlen\\\"}\\n </TooltipContent>\\n </Tooltip>\\n </p>\\n );\\n /* -- EXAMPLE CODE END -- */\\n};\\n\"","export default \"import React from \\\"react\\\";\\nimport { PopupTip } from \\\"..\\\";\\nimport { formatValuta } from \\\"../../../utilities/formatters\\\";\\n\\nexport const knobs = [\\n {\\n type: \\\"choice\\\",\\n label: \\\"Plassering\\\",\\n choiceOptions: [\\n { label: \\\"Top\\\", value: \\\"top\\\" },\\n { label: \\\"Top start\\\", value: \\\"top-start\\\" },\\n { label: \\\"Top end\\\", value: \\\"top-end\\\" },\\n { label: \\\"Left\\\", value: \\\"left\\\" },\\n { label: \\\"Right\\\", value: \\\"right\\\" },\\n ],\\n defaultValue: 0,\\n },\\n {\\n type: \\\"choice\\\",\\n label: \\\"Forsinkelse (ms)\\\",\\n choiceOptions: [\\n { laber: \\\"0\\\", value: \\\"0\\\" },\\n { laber: \\\"150\\\", value: \\\"150\\\" },\\n { laber: \\\"250\\\", value: \\\"250\\\" },\\n { laber: \\\"500\\\", value: \\\"500\\\" },\\n { laber: \\\"1000\\\", value: \\\"1000\\\" },\\n ],\\n defaultValue: 0,\\n },\\n];\\n\\nexport const PopupTipExample = () => {\\n /* -- EXAMPLE CODE START -- */\\n return (\\n <p>\\n Du betaler 348 kr/mnd{\\\" \\\"}\\n <PopupTip\\n placement={choiceKnob(\\\"Plassering\\\")}\\n delay={choiceKnob(\\\"Forsinkelse (ms)\\\")}\\n content={`Månedsprisen vil variere på fakturaen din gjennom året. Årsprisen er ${formatValuta(4176)}.`}\\n triggerProps={{\\n onClick: () => console.log(\\\"PopupTip clicked\\\"),\\n }}\\n />\\n </p>\\n );\\n /* -- EXAMPLE CODE END -- */\\n};\\n\""],"names":["knobs","type","label","choiceOptions","value","defaultValue","laber","tooltipCode","formatCode","popupTipCode","tooltipControls","useInteractiveCodeControls","tooltipKnobs","popupTipControls","popupTipKnobs","jsxs","className","children","jsx","InteractiveCode","title","defaultCode","defaultShowEditor","noInline","controls"],"mappings":"kuDAIO,MAAMA,EAAQ,CACjB,CACIC,KAAM,SACNC,MAAO,aACPC,cAAe,CACX,CAAED,MAAO,MAAOE,MAAO,OACvB,CAAEF,MAAO,YAAaE,MAAO,aAC7B,CAAEF,MAAO,UAAWE,MAAO,WAC3B,CAAEF,MAAO,OAAQE,MAAO,QACxB,CAAEF,MAAO,QAASE,MAAO,UAE7BC,aAAc,GAElB,CACIJ,KAAM,SACNC,MAAO,mBACPC,cAAe,CACX,CAAEG,MAAO,IAAKF,MAAO,KACrB,CAAEE,MAAO,MAAOF,MAAO,OACvB,CAAEE,MAAO,MAAOF,MAAO,OACvB,CAAEE,MAAO,MAAOF,MAAO,OACvB,CAAEE,MAAO,OAAQF,MAAO,SAE5BC,aAAc,ICvBTL,EAAQ,CACjB,CACIC,KAAM,SACNC,MAAO,aACPC,cAAe,CACX,CAAED,MAAO,MAAOE,MAAO,OACvB,CAAEF,MAAO,YAAaE,MAAO,aAC7B,CAAEF,MAAO,UAAWE,MAAO,WAC3B,CAAEF,MAAO,OAAQE,MAAO,QACxB,CAAEF,MAAO,QAASE,MAAO,UAE7BC,aAAc,GAElB,CACIJ,KAAM,SACNC,MAAO,mBACPC,cAAe,CACX,CAAEG,MAAO,IAAKF,MAAO,KACrB,CAAEE,MAAO,MAAOF,MAAO,OACvB,CAAEE,MAAO,MAAOF,MAAO,OACvB,CAAEE,MAAO,MAAOF,MAAO,OACvB,CAAEE,MAAO,OAAQF,MAAO,SAE5BC,aAAc,ICdhBE,EAAcC,EAAAA,WCbL,0yDDcTC,EAAeD,EAAAA,WEdN,6+CFgBf,WACU,MAAAE,EAAkBC,EAAAA,2BAA2BJ,EAAaK,GAC1DC,EAAmBF,EAAAA,2BAA2BF,EAAcK,GAG9D,OAAAC,EAAAA,KAAC,MAAI,CAAAC,UAAW,MACZC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,gBAAA,CACGC,MAAO,UACPC,YAAad,EACbe,mBAAmB,EACnBC,UAAU,EACVC,SAAUd,IAEdQ,EAAAA,IAACC,EAAAA,gBAAA,CACGC,MAAO,WACPC,YAAaZ,EACba,mBAAmB,EACnBC,UAAU,EACVC,SAAUX,MAI1B"}
@@ -0,0 +1,2 @@
1
+ "use strict";const e=require("react/jsx-runtime"),r=require("react-dom/client");require("react"),require("../../../hooks/useScreen/useScreen.js"),require("../../../hooks/useId/useId.js"),require("../../icon/Icon.js"),require("../../icon/icons/animated/ArrowVerticalAnimated.js"),require("../../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../../icon/icons/animated/PlusRemoveAnimated.js"),require("../../icon/icons/ArrowDownIcon.js"),require("../../icon/icons/ArrowLeftIcon.js"),require("../../icon/icons/ArrowNorthEastIcon.js"),require("../../icon/icons/ArrowRightIcon.js"),require("../../icon/icons/ArrowUpIcon.js"),require("../../icon/icons/CalendarIcon.js"),require("../../icon/icons/CheckIcon.js"),require("../../icon/icons/ChevronDownIcon.js"),require("../../icon/icons/ChevronLeftIcon.js"),require("../../icon/icons/ChevronRightIcon.js"),require("../../icon/icons/ChevronUpIcon.js"),require("../../icon/icons/CloseIcon.js"),require("../../icon/icons/CopyIcon.js"),require("../../icon/icons/DotsIcon.js"),require("../../icon/icons/DragIcon.js"),require("../../icon/icons/ErrorIcon.js"),require("../../icon/icons/GreenCheckIcon.js"),require("../../icon/icons/HamburgerIcon.js"),require("../../icon/icons/InfoIcon.js"),require("../../icon/icons/LinkIcon.js"),require("../../icon/icons/PlusIcon.js"),require("../../icon/icons/QuestionIcon.js"),require("../../icon/icons/RedCrossIcon.js"),require("../../icon/icons/SearchIcon.js"),require("../../icon/icons/SuccessIcon.js"),require("../../icon/icons/WarningIcon.js"),require("../../icon/icons/MinusIcon.js"),require("../../icon/icons/ThumbDownIcon.js"),require("../../icon/icons/ThumbUpIcon.js"),require("../../icon/icons/TrashCanIcon.js"),require("../../icon/icons/PenIcon.js"),require("../../button/Button.js"),require("../../card/Card.js"),require("../../card/CardImage.js"),require("../../card/NavCard.js"),require("../../checkbox/Checkbox.js"),require("../../combobox/Combobox.js"),require("../../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../../modal/Modal.js"),require("react-a11y-dialog"),require("../../list/List.js"),require("../../list/ListItem.js"),require("../../datepicker/DatePicker.js"),require("../../feedback/feedbackContext.js"),require("../../message/Message.js"),require("../../message/FormErrorMessage.js"),require("../Tooltip.js"),require("../TooltipContent.js"),require("../TooltipTrigger.js"),require("../../input-group/InputGroup.js"),require("../../feedback/followup/followupContext.js"),require("../../feedback/main-question/mainQuestionContext.js"),require("../../radio-button/RadioButton.js"),require("../../radio-button/radioGroupContext.js"),require("../../radio-button/BaseRadioButton.js"),require("../../text-input/BaseTextArea.js"),require("../../text-input/BaseTextInput.js"),require("../../text-input/TextArea.js"),require("../../text-input/TextInput.js"),require("../../../utilities/polymorphism/SlotComponent.js");const i=require("../../../utilities/tabListener.js");require("../../../../ExpandableTableRow-DanZYWEE.cjs"),require("../../icon-button/IconButton.js"),require("../../link/Link.js"),require("../../link/NavLink.js"),require("../../link-list/LinkList.js"),require("../../logo/text-paths/ForsikringLevertAvFremtind.js"),require("../../logo/text-paths/FraSB1ogDNB.js"),require("../../logo/text-paths/InnovasjonFraFremtind.js"),require("../../logo/text-paths/TeknologiFraFremtind.js"),require("../../logo/text-paths/VartEgetForsikringsselskap.js"),require("../../logo/text-paths/VartForsikringsselskap.js"),require("../../menu/MenuItem.js"),require("../../menu/MenuItemCheckbox.js"),require("../../popover/Popover.js"),require("../../system-message/SystemMessage.js"),require("../../table/DataTable.js"),require("../../table/Table.js"),require("../../table/TableBody.js"),require("../../table/TableCaption.js"),require("../../table/TableCell.js"),require("../../table/TableColumn.js"),require("../../table/TableColumnGroup.js"),require("../../table/tableContext.js"),require("../../table/tableSectionContext.js"),require("../../table/TableFooter.js"),require("../../table/TableHead.js"),require("../../table/TableHeader.js"),require("../../table/TableRow.js"),require("../../tabs/NavTab.js"),require("../../tabs/tabsContext.js"),require("../../tabs/Tab.js"),require("../../tag/Tag.js"),require("../../toast/toastContext.js"),require("../../toggle-switch/ToggleSwitch.js");const o=require("./Example.js");i.initTabListener(),r.createRoot(document.getElementById("root")).render(e.jsx(o,{}));
2
+ //# sourceMappingURL=main.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"main.js","sources":["../../../../../src/components/tooltip/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":"41IAKAA,EAAAA,kBAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAA,IAAAC,EAAA,CAAA"}
@@ -0,0 +1,2 @@
1
+ "use strict";const e=require("node:path"),i=require("@vitejs/plugin-react-swc"),r=require("vite"),s=require("../../../../copy-jkl-fonts-BEH11kbT.cjs"),o=r.defineConfig({plugins:[i(),s.copyJklFonts(e.resolve(__dirname,"public","fonts"))]});module.exports=o;
2
+ //# sourceMappingURL=vite.dev.config.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vite.dev.config.js","sources":["../../../../../src/components/tooltip/documentation/vite.dev.config.ts"],"sourcesContent":["import { resolve } from \"path\";\nimport react from \"@vitejs/plugin-react-swc\";\nimport { defineConfig } from \"vite\";\nimport { copyJklFonts } from \"../../../../../../utils/vite\";\n\nexport default defineConfig({\n plugins: [react(), copyJklFonts(resolve(__dirname, \"public\", \"fonts\"))],\n});\n"],"names":["vite_dev_config","defineConfig","plugins","react","copyJklFonts","resolve","__dirname"],"mappings":"uJAKAA,EAAeC,eAAa,CACxBC,QAAS,CAACC,IAASC,EAAAA,aAAaC,UAAQC,UAAW,SAAU"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/AccordionItem.js"),o=require("./components/accordion/Accordion.js"),r=require("./components/breadcrumb/Breadcrumb.js"),s=require("./components/breadcrumb/BreadcrumbItem.js"),t=require("./components/button/Button.js"),n=require("./components/card/Card.js"),i=require("./components/card/CardImage.js"),a=require("./components/card/NavCard.js"),u=require("./components/card/TaskCard.js"),p=require("./components/card/InfoCard.js"),c=require("./components/checkbox/Checkbox.js"),m=require("./components/combobox/Combobox.js"),l=require("./components/cookie-consent/CookieConsent.js"),x=require("./components/cookie-consent/CookieConsentContext.js"),d=require("./components/datepicker/validation.js"),g=require("./components/datepicker/utils.js"),j=require("./components/datepicker/DatePicker.js"),b=require("./components/feedback/Feedback.js"),q=require("./components/feedback/presets.js"),I=require("./components/description-list/DescriptionList.js"),T=require("../ExpandableTableRow-BQjBxKCX.cjs"),k=require("./components/expander/ExpandSection.js"),C=require("./components/icon/Icon.js"),h=require("./components/icon/icons/animated/ArrowVerticalAnimated.js"),S=require("./components/icon/icons/animated/ArrowHorizontalAnimated.js"),v=require("./components/icon/icons/animated/PlusRemoveAnimated.js"),L=require("./components/icon/icons/ArrowDownIcon.js"),M=require("./components/icon/icons/ArrowLeftIcon.js"),f=require("./components/icon/icons/ArrowNorthEastIcon.js"),A=require("./components/icon/icons/ArrowRightIcon.js"),E=require("./components/icon/icons/ArrowUpIcon.js"),R=require("./components/icon/icons/CalendarIcon.js"),B=require("./components/icon/icons/CheckIcon.js"),w=require("./components/icon/icons/ChevronDownIcon.js"),F=require("./components/icon/icons/ChevronLeftIcon.js"),P=require("./components/icon/icons/ChevronRightIcon.js"),N=require("./components/icon/icons/ChevronUpIcon.js"),V=require("./components/icon/icons/CloseIcon.js"),y=require("./components/icon/icons/CopyIcon.js"),D=require("./components/icon/icons/DotsIcon.js"),O=require("./components/icon/icons/DragIcon.js"),G=require("./components/icon/icons/ErrorIcon.js"),H=require("./components/icon/icons/GreenCheckIcon.js"),W=require("./components/icon/icons/HamburgerIcon.js"),U=require("./components/icon/icons/InfoIcon.js"),K=require("./components/icon/icons/LinkIcon.js"),X=require("./components/icon/icons/PlusIcon.js"),_=require("./components/icon/icons/QuestionIcon.js"),z=require("./components/icon/icons/RedCrossIcon.js"),Q=require("./components/icon/icons/SearchIcon.js"),J=require("./components/icon/icons/SuccessIcon.js"),Y=require("./components/icon/icons/WarningIcon.js"),Z=require("./components/icon/icons/MinusIcon.js"),$=require("./components/icon/icons/ThumbDownIcon.js"),ee=require("./components/icon/icons/ThumbUpIcon.js"),oe=require("./components/icon/icons/TrashCanIcon.js"),re=require("./components/icon/icons/PenIcon.js"),se=require("./components/icon-button/IconButton.js"),te=require("./components/image/Image.js"),ne=require("./components/input-group/FieldGroup.js"),ie=require("./components/input-group/InputGroup.js"),ae=require("./components/input-group/Label.js"),ue=require("./components/input-group/SupportLabel.js"),pe=require("./components/link/Link.js"),ce=require("./components/link/NavLink.js"),me=require("./components/link-list/LinkList.js"),le=require("./components/list/List.js"),xe=require("./components/list/ListItem.js"),de=require("./components/loader/Loader.js"),ge=require("./components/loader/skeletons/SkeletonAnimation.js"),je=require("./components/loader/skeletons/SkeletonButton.js"),be=require("./components/loader/skeletons/SkeletonCheckboxGroup.js"),qe=require("./components/loader/skeletons/SkeletonElement.js"),Ie=require("./components/loader/skeletons/SkeletonInput.js"),Te=require("./components/loader/skeletons/SkeletonRadioButtonGroup.js"),ke=require("./components/loader/skeletons/SkeletonTable.js"),Ce=require("./components/loader/skeletons/SkeletonTextArea.js"),he=require("./components/logo/Logo.js"),Se=require("./components/logo/LogoStamp.js"),ve=require("./components/logo/text-paths/ForsikringLevertAvFremtind.js"),Le=require("./components/logo/text-paths/FraSB1ogDNB.js"),Me=require("./components/logo/text-paths/InnovasjonFraFremtind.js"),fe=require("./components/logo/text-paths/TeknologiFraFremtind.js"),Ae=require("./components/logo/text-paths/VartEgetForsikringsselskap.js"),Ee=require("./components/logo/text-paths/VartForsikringsselskap.js"),Re=require("./components/message/Message.js"),Be=require("./components/message/FormErrorMessage.js"),we=require("./components/modal/Modal.js"),Fe=require("./components/modal/useModal.js"),Pe=require("./components/popover/Popover.js"),Ne=require("./components/progress-bar/Countdown.js"),Ve=require("./components/progress-bar/ProgressBar.js"),ye=require("./components/radio-button/RadioButton.js"),De=require("./components/radio-button/RadioButtonGroup.js"),Oe=require("./components/radio-button/BaseRadioButton.js"),Ge=require("./components/summary-table/SummaryTable.js"),He=require("./components/summary-table/SummaryTableRow.js"),We=require("./components/system-message/SystemMessage.js"),Ue=require("./components/table/DataTable.js"),Ke=require("./components/table/Table.js"),Xe=require("./components/table/TableBody.js"),_e=require("./components/table/TableCaption.js"),ze=require("./components/table/TableCell.js"),Qe=require("./components/table/TableColumn.js"),Je=require("./components/table/TableColumnGroup.js"),Ye=require("./components/table/tableContext.js"),Ze=require("./components/table/tableSectionContext.js"),$e=require("./components/table/TableFooter.js"),eo=require("./components/table/TableHead.js"),oo=require("./components/table/TableHeader.js"),ro=require("./components/table/TableRow.js"),so=require("./components/table/utils.js"),to=require("./components/tabs/NavTab.js"),no=require("./components/tabs/NavTabs.js"),io=require("./components/tabs/Tabs.js"),ao=require("./components/tabs/TabList.js"),uo=require("./components/tabs/Tab.js"),po=require("./components/tabs/TabPanel.js"),co=require("./components/tag/Tag.js"),mo=require("./components/text-input/BaseTextArea.js"),lo=require("./components/text-input/BaseTextInput.js"),xo=require("./components/text-input/TextArea.js"),go=require("./components/text-input/TextInput.js"),jo=require("./components/toast/toastContext.js"),bo=require("./components/toggle-switch/ToggleSwitch.js"),qo=require("./components/toggle-switch/ToggleSlider.js"),Io=require("./components/tooltip/Tooltip.js"),To=require("./components/tooltip/TooltipContent.js"),ko=require("./components/tooltip/TooltipTrigger.js"),Co=require("./components/tooltip/PopupTip.js"),ho=require("./components/ScreenReaderOnly.js"),So=require("./core/tokens.js"),vo=require("./hooks/useAnimatedDetails/useAnimatedDetails.js"),Lo=require("./hooks/useAnimatedHeight/useAnimatedHeight.js"),Mo=require("./hooks/useAnimatedHeight/useAnimatedHeightBetween.js"),fo=require("./hooks/useAnimatedHeight/useAutoAnimateHeight.js"),Ao=require("./hooks/useBrowserPreferences/useBrowserPreferences.js"),Eo=require("./hooks/useIntersectionObserver/useIntersectionObserver.js"),Ro=require("./hooks/useLocalStorage/useLocalStorage.js"),Bo=require("./hooks/useMutationObserver/useMutationObserver.js"),wo=require("./hooks/usePreviousValue/usePreviousValue.js"),Fo=require("./hooks/useProgressiveImg/useProgressiveImg.js"),Po=require("./hooks/useScreen/useScreen.js"),No=require("./hooks/useScrollIntoView/useScrollIntoView.js"),Vo=require("./hooks/useAriaLiveRegion/useAriaLiveRegion.js"),yo=require("./hooks/useClickOutside/useClickOutside.js"),Do=require("./hooks/useFocusOutside/useFocusOutside.js"),Oo=require("./hooks/useElementDimensions/useElementDimensions.js"),Go=require("./hooks/useId/useId.js"),Ho=require("./hooks/useKeyListener/useKeyListener.js"),Wo=require("./hooks/useListNavigation/useListNavigation.js"),Uo=require("./hooks/useSwipeGesture/useSwipeGesture.js"),Ko=require("../index-hKyqa1PH.cjs"),Xo=require("./utilities/formatters/util/formatNumber.js"),_o=require("./utilities/formatters/util/parseNumber.js"),zo=require("./utilities/formatters/util/registerWithMask.js"),Qo=require("./utilities/formatters/avstand/formatAvstand.js"),Jo=require("./utilities/formatters/bytes/formatBytes.js"),Yo=require("./utilities/formatters/date/formatDate.js"),Zo=require("./utilities/formatters/fodselsnummer/formatFodselsnummer.js"),$o=require("./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js"),er=require("./utilities/formatters/kontonummer/formatKontonummer.js"),or=require("./utilities/formatters/kortnummer/formatKortnummer.js"),rr=require("./utilities/formatters/telefonnummer/formatTelefonnummer.js"),sr=require("./utilities/formatters/valuta/formatValuta.js"),tr=require("./utilities/polymorphism/mergeProps.js"),nr=require("./utilities/polymorphism/mergeRefs.js"),ir=require("./utilities/polymorphism/SlotComponent.js"),ar=require("./utilities/validators/isValidEpost/isValidEpost.js"),ur=require("./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js"),pr=require("./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js"),cr=require("./utilities/validators/isValidChassisnummer/isValidChassisnummer.js"),mr=require("./utilities/validators/isValidDogId/isValidDogId.js"),lr=require("./utilities/validators/isExactLength/isExactLength.js"),xr=require("./utilities/validators/isInteger/isInteger.js"),dr=require("./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.js"),gr=require("./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js"),jr=require("./utilities/validators/isValidName/isValidName.js"),br=require("./utilities/validators/hasMinimumWords/hasMinimumWords.js"),qr=require("./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js"),Ir=require("./utilities/tabListener.js"),Tr=require("./utilities/valuePair.js");exports.AccordionItem=e.AccordionItem,exports.Accordion=o.Accordion,exports.Breadcrumb=r.Breadcrumb,exports.BreadcrumbItem=s.BreadcrumbItem,exports.Button=t.Button,exports.PrimaryButton=t.PrimaryButton,exports.SecondaryButton=t.SecondaryButton,exports.TertiaryButton=t.TertiaryButton,exports.Card=n.Card,exports.CardImage=i.CardImage,exports.InfoBlock=a.InfoBlock,exports.NavCard=a.NavCard,exports.TaskCard=u.TaskCard,exports.InfoCard=p.InfoCard,exports.Checkbox=c.Checkbox,exports.Combobox=m.Combobox,exports.getComboboxValuePair=m.getComboboxValuePair,exports.CookieConsent=l.CookieConsent,exports.CookieConsentProvider=x.CookieConsentProvider,exports.useCookieConsent=x.useCookieConsent,exports.isCorrectFormat=d.isCorrectFormat,exports.isWithinLowerBound=d.isWithinLowerBound,exports.isWithinUpperBound=d.isWithinUpperBound,exports.dayMonthYearRegex=g.dayMonthYearRegex,exports.formatInput=g.formatInput,exports.isBlurTargetOutside=g.isBlurTargetOutside,exports.parseDateString=g.parseDateString,exports.DatePicker=j.DatePicker,exports.Feedback=b.Feedback,exports.PRESETS=q.PRESETS,exports.DescriptionDetail=I.DescriptionDetail,exports.DescriptionList=I.DescriptionList,exports.DescriptionTerm=I.DescriptionTerm,exports.ExpandableTableRow=T.ExpandableTableRow,exports.ExpandableTableRowController=T.ExpandableTableRowController,exports.Expander=T.Expander,exports.NativeSelect=T.NativeSelect,exports.Select=T.Select,exports.TablePagination=T.TablePagination,exports.ExpandSection=k.ExpandSection,exports.Icon=C.Icon,exports.ArrowVerticalAnimated=h.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=S.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=v.PlusRemoveAnimated,exports.ArrowDownIcon=L.ArrowDownIcon,exports.ArrowLeftIcon=M.ArrowLeftIcon,exports.ArrowNorthEastIcon=f.ArrowNorthEastIcon,exports.ArrowRightIcon=A.ArrowRightIcon,exports.ArrowUpIcon=E.ArrowUpIcon,exports.CalendarIcon=R.CalendarIcon,exports.CheckIcon=B.CheckIcon,exports.ChevronDownIcon=w.ChevronDownIcon,exports.ChevronLeftIcon=F.ChevronLeftIcon,exports.ChevronRightIcon=P.ChevronRightIcon,exports.ChevronUpIcon=N.ChevronUpIcon,exports.CloseIcon=V.CloseIcon,exports.CopyIcon=y.CopyIcon,exports.DotsIcon=D.DotsIcon,exports.DragIcon=O.DragIcon,exports.ErrorIcon=G.ErrorIcon,exports.GreenCheckIcon=H.GreenCheckIcon,exports.HamburgerIcon=W.HamburgerIcon,exports.InfoIcon=U.InfoIcon,exports.LinkIcon=K.LinkIcon,exports.PlusIcon=X.PlusIcon,exports.QuestionIcon=_.QuestionIcon,exports.RedCrossIcon=z.RedCrossIcon,exports.SearchIcon=Q.SearchIcon,exports.SuccessIcon=J.SuccessIcon,exports.WarningIcon=Y.WarningIcon,exports.MinusIcon=Z.MinusIcon,exports.ThumbDownIcon=$.ThumbDownIcon,exports.ThumbUpIcon=ee.ThumbUpIcon,exports.TrashCanIcon=oe.TrashCanIcon,exports.PenIcon=re.PenIcon,exports.IconButton=se.IconButton,exports.Image=te.Image,exports.FieldGroup=ne.FieldGroup,exports.InputGroup=ie.InputGroup,exports.Label=ae.Label,exports.SupportLabel=ue.SupportLabel,exports.Link=pe.Link,exports.NavLink=ce.NavLink,exports.LinkList=me.LinkList,exports.List=le.List,exports.OrderedList=le.OrderedList,exports.UnorderedList=le.UnorderedList,exports.CheckListItem=xe.CheckListItem,exports.CrossListItem=xe.CrossListItem,exports.ListItem=xe.ListItem,exports.Loader=de.Loader,exports.SkeletonAnimation=ge.SkeletonAnimation,exports.SkeletonButton=je.SkeletonButton,exports.SkeletonCheckboxGroup=be.SkeletonCheckboxGroup,exports.SkeletonElement=qe.SkeletonElement,exports.SkeletonInput=Ie.SkeletonInput,exports.SkeletonRadioButtonGroup=Te.SkeletonRadioButtonGroup,exports.SkeletonTable=ke.SkeletonTable,exports.SkeletonTableHeader=ke.SkeletonTableHeader,exports.SkeletonTableRow=ke.SkeletonTableRow,exports.SkeletonTextArea=Ce.SkeletonTextArea,exports.Logo=he.Logo,exports.LogoStamp=Se.LogoStamp,exports.ForsikringLevertAvFremtind=ve.ForsikringLevertAvFremtind,exports.FraSB1ogDNB=Le.FraSB1ogDNB,exports.InnovasjonFraFremtind=Me.InnovasjonFraFremtind,exports.TeknologiFraFremtind=fe.TeknologiFraFremtind,exports.VartEgetForsikringsselskap=Ae.VartEgetForsikringsselskap,exports.VartForsikringsselskap=Ee.VartForsikringsselskap,exports.ErrorMessage=Re.ErrorMessage,exports.InfoMessage=Re.InfoMessage,exports.SuccessMessage=Re.SuccessMessage,exports.WarningMessage=Re.WarningMessage,exports.FormErrorMessage=Be.FormErrorMessage,exports.Modal=we.Modal,exports.ModalActions=we.ModalActions,exports.ModalBody=we.ModalBody,exports.ModalCloseButton=we.ModalCloseButton,exports.ModalContainer=we.ModalContainer,exports.ModalHeader=we.ModalHeader,exports.ModalOverlay=we.ModalOverlay,exports.ModalTitle=we.ModalTitle,exports.useModal=Fe.useModal,exports.Popover=Pe,exports.Countdown=Ne.Countdown,exports.ProgressBar=Ve.ProgressBar,exports.RadioButton=ye.RadioButton,exports.RadioButtonGroup=De.RadioButtonGroup,exports.BaseRadioButton=Oe.BaseRadioButton,exports.SummaryTable=Ge.SummaryTable,exports.SummaryTableRow=He.SummaryTableRow,exports.ErrorSystemMessage=We.ErrorSystemMessage,exports.InfoSystemMessage=We.InfoSystemMessage,exports.SuccessSystemMessage=We.SuccessSystemMessage,exports.WarningSystemMessage=We.WarningSystemMessage,exports.DataTable=Ue.DataTable,exports.Table=Ke.Table,exports.TableBody=Xe.TableBody,exports.TableCaption=_e.TableCaption,exports.TableCell=ze.TableCell,exports.TableColumn=Qe.TableColumn,exports.TableColumnGroup=Je.TableColumnGroup,exports.TableContextProvider=Ye.TableContextProvider,exports.useTableContext=Ye.useTableContext,exports.TableSectionContextProvider=Ze.TableSectionContextProvider,exports.useTableSectionContext=Ze.useTableSectionContext,exports.TableFooter=$e.TableFooter,exports.TableHead=eo.TableHead,exports.TableHeader=oo.TableHeader,exports.TableRow=ro.TableRow,exports.useSortableTableHeader=so.useSortableTableHeader,exports.NavTab=to.NavTab,exports.NavTabs=no.NavTabs,exports.Tabs=io.Tabs,exports.TabList=ao.TabList,exports.Tab=uo.Tab,exports.TabPanel=po.TabPanel,exports.ErrorTag=co.ErrorTag,exports.InfoTag=co.InfoTag,exports.SuccessTag=co.SuccessTag,exports.Tag=co.Tag,exports.WarningTag=co.WarningTag,exports.BaseTextArea=mo.BaseTextArea,exports.BaseTextInput=lo.BaseTextInput,exports.TextArea=xo.TextArea,exports.TextInput=go.TextInput,exports.ToastProvider=jo.ToastProvider,exports.useToast=jo.useToast,exports.ToggleSwitch=bo.ToggleSwitch,exports.ToggleSlider=qo.ToggleSlider,exports.Tooltip=Io.Tooltip,exports.TooltipContent=To.TooltipContent,exports.TooltipTrigger=ko.TooltipTrigger,exports.PopupTip=Co.PopupTip,exports.ScreenReaderOnly=ho.ScreenReaderOnly,exports.tokens=So,exports.useAnimatedDetails=vo.useAnimatedDetails,exports.useAnimatedHeight=Lo.useAnimatedHeight,exports.useAnimatedHeightBetween=Mo.useAnimatedHeightBetween,exports.useAutoAnimatedHeight=fo.useAutoAnimatedHeight,exports.useBrowserPreferences=Ao.useBrowserPreferences,exports.useIntersectionObserver=Eo.useIntersectionObserver,exports.useLocalStorage=Ro.useLocalStorage,exports.useMutationObserver=Bo.useMutationObserver,exports.usePreviousValue=wo.usePreviousValue,exports.useProgressiveImg=Fo.useProgressiveImg,exports.useScreen=Po.useScreen,exports.useScrollIntoView=No.useScrollIntoView,exports.useAriaLiveRegion=Vo.useAriaLiveRegion,exports.useClickOutside=yo.useClickOutside,exports.useFocusOutside=Do.useFocusOutside,exports.useElementDimensions=Oo.useElementDimensions,exports.useId=Go.useId,exports.useKeyListener=Ho.useKeyListener,exports.useListNavigation=Wo.useListNavigation,exports.useSwipeGesture=Uo.useSwipeGesture,exports.unicode=Ko.unicode,exports.formatNumber=Xo.formatNumber,exports.parseNumber=_o.parseNumber,exports.registerWithFodselsnummerMask=zo.registerWithFodselsnummerMask,exports.registerWithKontonummerMask=zo.registerWithKontonummerMask,exports.registerWithKortnummerMask=zo.registerWithKortnummerMask,exports.registerWithMasks=zo.registerWithMasks,exports.registerWithTelefonnummerMask=zo.registerWithTelefonnummerMask,exports.formatAvstand=Qo.formatAvstand,exports.formatBytes=Jo.formatBytes,exports.formatDate=Yo.formatDate,exports.FODSELSNUMMER_REGEX=Zo.FODSELSNUMMER_REGEX,exports.formatFodselsnummer=Zo.formatFodselsnummer,exports.ORGANISASJONSNUMMER_REGEX=$o.ORGANISASJONSNUMMER_REGEX,exports.formatOrganisasjonsnummer=$o.formatOrganisasjonsnummer,exports.KONTONUMMER_REGEX=er.KONTONUMMER_REGEX,exports.formatKontonummer=er.formatKontonummer,exports.KORTNUMMER_REGEX=or.KORTNUMMER_REGEX,exports.formatKortnummer=or.formatKortnummer,exports.TELEFONNUMMER_REGEX=rr.TELEFONNUMMER_REGEX,exports.formatTelefonnummer=rr.formatTelefonnummer,exports.formatValuta=sr.formatValuta,exports.mergeProps=tr.mergeProps,exports.mergeRefs=nr.mergeRefs,exports.SlotComponent=ir.SlotComponent,exports.isValidEpost=ar.isValidEpost,exports.isValidTelefonnummer=ur.isValidTelefonnummer,exports.isValidRegistreringsnummer=pr.isValidRegistreringsnummer,exports.isValidChassisnummer=cr.isValidChassisnummer,exports.isValidDogId=mr.isValidDogId,exports.isExactLength=lr.isExactLength,exports.isInteger=xr.isInteger,exports.isValidFodselsnummer=dr.isValidFodselsnummer,exports.isValidOrganisasjonsnummer=gr.isValidOrganisasjonsnummer,exports.isValidName=jr.isValidName,exports.hasMinimumWords=br.hasMinimumWords,exports.hasNoIllegalCharacters=qr.hasNoIllegalCharacters,exports.initTabListener=Ir.initTabListener,exports.getValuePair=Tr.getValuePair;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/AccordionItem.js"),o=require("./components/accordion/Accordion.js"),r=require("./components/breadcrumb/Breadcrumb.js"),s=require("./components/breadcrumb/BreadcrumbItem.js"),t=require("./components/button/Button.js"),n=require("./components/card/Card.js"),i=require("./components/card/CardImage.js"),a=require("./components/card/NavCard.js"),u=require("./components/card/TaskCard.js"),p=require("./components/card/InfoCard.js"),c=require("./components/checkbox/Checkbox.js"),m=require("./components/combobox/Combobox.js"),l=require("./components/cookie-consent/CookieConsent.js"),x=require("./components/cookie-consent/CookieConsentContext.js"),d=require("./components/datepicker/validation.js"),g=require("./components/datepicker/utils.js"),j=require("./components/datepicker/DatePicker.js"),b=require("./components/feedback/Feedback.js"),q=require("./components/feedback/presets.js"),I=require("./components/description-list/DescriptionList.js"),T=require("../ExpandableTableRow-DanZYWEE.cjs"),k=require("./components/expander/ExpandSection.js"),h=require("./components/icon/Icon.js"),C=require("./components/icon/icons/animated/ArrowVerticalAnimated.js"),S=require("./components/icon/icons/animated/ArrowHorizontalAnimated.js"),v=require("./components/icon/icons/animated/PlusRemoveAnimated.js"),M=require("./components/icon/icons/ArrowDownIcon.js"),L=require("./components/icon/icons/ArrowLeftIcon.js"),A=require("./components/icon/icons/ArrowNorthEastIcon.js"),f=require("./components/icon/icons/ArrowRightIcon.js"),E=require("./components/icon/icons/ArrowUpIcon.js"),R=require("./components/icon/icons/CalendarIcon.js"),B=require("./components/icon/icons/CheckIcon.js"),w=require("./components/icon/icons/ChevronDownIcon.js"),D=require("./components/icon/icons/ChevronLeftIcon.js"),F=require("./components/icon/icons/ChevronRightIcon.js"),P=require("./components/icon/icons/ChevronUpIcon.js"),N=require("./components/icon/icons/CloseIcon.js"),V=require("./components/icon/icons/CopyIcon.js"),y=require("./components/icon/icons/DotsIcon.js"),O=require("./components/icon/icons/DragIcon.js"),G=require("./components/icon/icons/ErrorIcon.js"),H=require("./components/icon/icons/GreenCheckIcon.js"),W=require("./components/icon/icons/HamburgerIcon.js"),U=require("./components/icon/icons/InfoIcon.js"),K=require("./components/icon/icons/LinkIcon.js"),X=require("./components/icon/icons/PlusIcon.js"),_=require("./components/icon/icons/QuestionIcon.js"),z=require("./components/icon/icons/RedCrossIcon.js"),Q=require("./components/icon/icons/SearchIcon.js"),J=require("./components/icon/icons/SuccessIcon.js"),Y=require("./components/icon/icons/WarningIcon.js"),Z=require("./components/icon/icons/MinusIcon.js"),$=require("./components/icon/icons/ThumbDownIcon.js"),ee=require("./components/icon/icons/ThumbUpIcon.js"),oe=require("./components/icon/icons/TrashCanIcon.js"),re=require("./components/icon/icons/PenIcon.js"),se=require("./components/icon-button/IconButton.js"),te=require("./components/image/Image.js"),ne=require("./components/input-group/FieldGroup.js"),ie=require("./components/input-group/InputGroup.js"),ae=require("./components/input-group/Label.js"),ue=require("./components/input-group/SupportLabel.js"),pe=require("./components/link/Link.js"),ce=require("./components/link/NavLink.js"),me=require("./components/link-list/LinkList.js"),le=require("./components/list/List.js"),xe=require("./components/list/ListItem.js"),de=require("./components/loader/Loader.js"),ge=require("./components/loader/skeletons/SkeletonAnimation.js"),je=require("./components/loader/skeletons/SkeletonButton.js"),be=require("./components/loader/skeletons/SkeletonCheckboxGroup.js"),qe=require("./components/loader/skeletons/SkeletonElement.js"),Ie=require("./components/loader/skeletons/SkeletonInput.js"),Te=require("./components/loader/skeletons/SkeletonRadioButtonGroup.js"),ke=require("./components/loader/skeletons/SkeletonTable.js"),he=require("./components/loader/skeletons/SkeletonTextArea.js"),Ce=require("./components/logo/Logo.js"),Se=require("./components/logo/LogoStamp.js"),ve=require("./components/logo/text-paths/ForsikringLevertAvFremtind.js"),Me=require("./components/logo/text-paths/FraSB1ogDNB.js"),Le=require("./components/logo/text-paths/InnovasjonFraFremtind.js"),Ae=require("./components/logo/text-paths/TeknologiFraFremtind.js"),fe=require("./components/logo/text-paths/VartEgetForsikringsselskap.js"),Ee=require("./components/logo/text-paths/VartForsikringsselskap.js"),Re=require("./components/menu/MenuItem.js"),Be=require("./components/menu/MenuItemCheckbox.js"),we=require("./components/menu/MenuDivider.js"),De=require("./components/message/Message.js"),Fe=require("./components/message/FormErrorMessage.js"),Pe=require("./components/modal/Modal.js"),Ne=require("./components/modal/useModal.js"),Ve=require("./components/popover/Popover.js"),ye=require("./components/progress-bar/Countdown.js"),Oe=require("./components/progress-bar/ProgressBar.js"),Ge=require("./components/radio-button/RadioButton.js"),He=require("./components/radio-button/RadioButtonGroup.js"),We=require("./components/radio-button/BaseRadioButton.js"),Ue=require("./components/summary-table/SummaryTable.js"),Ke=require("./components/summary-table/SummaryTableRow.js"),Xe=require("./components/system-message/SystemMessage.js"),_e=require("./components/table/DataTable.js"),ze=require("./components/table/Table.js"),Qe=require("./components/table/TableBody.js"),Je=require("./components/table/TableCaption.js"),Ye=require("./components/table/TableCell.js"),Ze=require("./components/table/TableColumn.js"),$e=require("./components/table/TableColumnGroup.js"),eo=require("./components/table/tableContext.js"),oo=require("./components/table/tableSectionContext.js"),ro=require("./components/table/TableFooter.js"),so=require("./components/table/TableHead.js"),to=require("./components/table/TableHeader.js"),no=require("./components/table/TableRow.js"),io=require("./components/table/utils.js"),ao=require("./components/tabs/NavTab.js"),uo=require("./components/tabs/NavTabs.js"),po=require("./components/tabs/Tabs.js"),co=require("./components/tabs/TabList.js"),mo=require("./components/tabs/Tab.js"),lo=require("./components/tabs/TabPanel.js"),xo=require("./components/tag/Tag.js"),go=require("./components/text-input/BaseTextArea.js"),jo=require("./components/text-input/BaseTextInput.js"),bo=require("./components/text-input/TextArea.js"),qo=require("./components/text-input/TextInput.js"),Io=require("./components/toast/toastContext.js"),To=require("./components/toggle-switch/ToggleSwitch.js"),ko=require("./components/toggle-switch/ToggleSlider.js"),ho=require("./components/tooltip/Tooltip.js"),Co=require("./components/tooltip/TooltipContent.js"),So=require("./components/tooltip/TooltipTrigger.js"),vo=require("./components/tooltip/PopupTip.js"),Mo=require("./components/ScreenReaderOnly.js"),Lo=require("./core/tokens.js"),Ao=require("./hooks/useAnimatedDetails/useAnimatedDetails.js"),fo=require("./hooks/useAnimatedHeight/useAnimatedHeight.js"),Eo=require("./hooks/useAnimatedHeight/useAnimatedHeightBetween.js"),Ro=require("./hooks/useAnimatedHeight/useAutoAnimateHeight.js"),Bo=require("./hooks/useBrowserPreferences/useBrowserPreferences.js"),wo=require("./hooks/useIntersectionObserver/useIntersectionObserver.js"),Do=require("./hooks/useLocalStorage/useLocalStorage.js"),Fo=require("./hooks/useMutationObserver/useMutationObserver.js"),Po=require("./hooks/usePreviousValue/usePreviousValue.js"),No=require("./hooks/useProgressiveImg/useProgressiveImg.js"),Vo=require("./hooks/useScreen/useScreen.js"),yo=require("./hooks/useScrollIntoView/useScrollIntoView.js"),Oo=require("./hooks/useAriaLiveRegion/useAriaLiveRegion.js"),Go=require("./hooks/useClickOutside/useClickOutside.js"),Ho=require("./hooks/useFocusOutside/useFocusOutside.js"),Wo=require("./hooks/useElementDimensions/useElementDimensions.js"),Uo=require("./hooks/useId/useId.js"),Ko=require("./hooks/useKeyListener/useKeyListener.js"),Xo=require("./hooks/useListNavigation/useListNavigation.js"),_o=require("./hooks/useSwipeGesture/useSwipeGesture.js"),zo=require("../index-hKyqa1PH.cjs"),Qo=require("./utilities/formatters/util/formatNumber.js"),Jo=require("./utilities/formatters/util/parseNumber.js"),Yo=require("./utilities/formatters/util/registerWithMask.js"),Zo=require("./utilities/formatters/avstand/formatAvstand.js"),$o=require("./utilities/formatters/bytes/formatBytes.js"),er=require("./utilities/formatters/date/formatDate.js"),or=require("./utilities/formatters/fodselsnummer/formatFodselsnummer.js"),rr=require("./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js"),sr=require("./utilities/formatters/kontonummer/formatKontonummer.js"),tr=require("./utilities/formatters/kortnummer/formatKortnummer.js"),nr=require("./utilities/formatters/telefonnummer/formatTelefonnummer.js"),ir=require("./utilities/formatters/valuta/formatValuta.js"),ar=require("./utilities/getThemeAndDensity.js"),ur=require("./utilities/polymorphism/mergeProps.js"),pr=require("./utilities/polymorphism/mergeRefs.js"),cr=require("./utilities/polymorphism/SlotComponent.js"),mr=require("./utilities/validators/isValidEpost/isValidEpost.js"),lr=require("./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js"),xr=require("./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js"),dr=require("./utilities/validators/isValidChassisnummer/isValidChassisnummer.js"),gr=require("./utilities/validators/isValidDogId/isValidDogId.js"),jr=require("./utilities/validators/isExactLength/isExactLength.js"),br=require("./utilities/validators/isInteger/isInteger.js"),qr=require("./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.js"),Ir=require("./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js"),Tr=require("./utilities/validators/isValidName/isValidName.js"),kr=require("./utilities/validators/hasMinimumWords/hasMinimumWords.js"),hr=require("./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js"),Cr=require("./utilities/tabListener.js"),Sr=require("./utilities/valuePair.js");exports.AccordionItem=e.AccordionItem,exports.Accordion=o.Accordion,exports.Breadcrumb=r.Breadcrumb,exports.BreadcrumbItem=s.BreadcrumbItem,exports.Button=t.Button,exports.PrimaryButton=t.PrimaryButton,exports.SecondaryButton=t.SecondaryButton,exports.TertiaryButton=t.TertiaryButton,exports.Card=n.Card,exports.CardImage=i.CardImage,exports.InfoBlock=a.InfoBlock,exports.NavCard=a.NavCard,exports.TaskCard=u.TaskCard,exports.InfoCard=p.InfoCard,exports.Checkbox=c.Checkbox,exports.Combobox=m.Combobox,exports.getComboboxValuePair=m.getComboboxValuePair,exports.CookieConsent=l.CookieConsent,exports.CookieConsentProvider=x.CookieConsentProvider,exports.useCookieConsent=x.useCookieConsent,exports.isCorrectFormat=d.isCorrectFormat,exports.isWithinLowerBound=d.isWithinLowerBound,exports.isWithinUpperBound=d.isWithinUpperBound,exports.dayMonthYearRegex=g.dayMonthYearRegex,exports.formatInput=g.formatInput,exports.isBlurTargetOutside=g.isBlurTargetOutside,exports.parseDateString=g.parseDateString,exports.DatePicker=j.DatePicker,exports.Feedback=b.Feedback,exports.PRESETS=q.PRESETS,exports.DescriptionDetail=I.DescriptionDetail,exports.DescriptionList=I.DescriptionList,exports.DescriptionTerm=I.DescriptionTerm,exports.ExpandableTableRow=T.ExpandableTableRow,exports.ExpandableTableRowController=T.ExpandableTableRowController,exports.Expander=T.Expander,exports.Menu=T.Menu,exports.NativeSelect=T.NativeSelect,exports.Select=T.Select,exports.TablePagination=T.TablePagination,exports.ExpandSection=k.ExpandSection,exports.Icon=h.Icon,exports.ArrowVerticalAnimated=C.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=S.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=v.PlusRemoveAnimated,exports.ArrowDownIcon=M.ArrowDownIcon,exports.ArrowLeftIcon=L.ArrowLeftIcon,exports.ArrowNorthEastIcon=A.ArrowNorthEastIcon,exports.ArrowRightIcon=f.ArrowRightIcon,exports.ArrowUpIcon=E.ArrowUpIcon,exports.CalendarIcon=R.CalendarIcon,exports.CheckIcon=B.CheckIcon,exports.ChevronDownIcon=w.ChevronDownIcon,exports.ChevronLeftIcon=D.ChevronLeftIcon,exports.ChevronRightIcon=F.ChevronRightIcon,exports.ChevronUpIcon=P.ChevronUpIcon,exports.CloseIcon=N.CloseIcon,exports.CopyIcon=V.CopyIcon,exports.DotsIcon=y.DotsIcon,exports.DragIcon=O.DragIcon,exports.ErrorIcon=G.ErrorIcon,exports.GreenCheckIcon=H.GreenCheckIcon,exports.HamburgerIcon=W.HamburgerIcon,exports.InfoIcon=U.InfoIcon,exports.LinkIcon=K.LinkIcon,exports.PlusIcon=X.PlusIcon,exports.QuestionIcon=_.QuestionIcon,exports.RedCrossIcon=z.RedCrossIcon,exports.SearchIcon=Q.SearchIcon,exports.SuccessIcon=J.SuccessIcon,exports.WarningIcon=Y.WarningIcon,exports.MinusIcon=Z.MinusIcon,exports.ThumbDownIcon=$.ThumbDownIcon,exports.ThumbUpIcon=ee.ThumbUpIcon,exports.TrashCanIcon=oe.TrashCanIcon,exports.PenIcon=re.PenIcon,exports.IconButton=se.IconButton,exports.Image=te.Image,exports.FieldGroup=ne.FieldGroup,exports.InputGroup=ie.InputGroup,exports.Label=ae.Label,exports.SupportLabel=ue.SupportLabel,exports.Link=pe.Link,exports.NavLink=ce.NavLink,exports.LinkList=me.LinkList,exports.List=le.List,exports.OrderedList=le.OrderedList,exports.UnorderedList=le.UnorderedList,exports.CheckListItem=xe.CheckListItem,exports.CrossListItem=xe.CrossListItem,exports.ListItem=xe.ListItem,exports.Loader=de.Loader,exports.SkeletonAnimation=ge.SkeletonAnimation,exports.SkeletonButton=je.SkeletonButton,exports.SkeletonCheckboxGroup=be.SkeletonCheckboxGroup,exports.SkeletonElement=qe.SkeletonElement,exports.SkeletonInput=Ie.SkeletonInput,exports.SkeletonRadioButtonGroup=Te.SkeletonRadioButtonGroup,exports.SkeletonTable=ke.SkeletonTable,exports.SkeletonTableHeader=ke.SkeletonTableHeader,exports.SkeletonTableRow=ke.SkeletonTableRow,exports.SkeletonTextArea=he.SkeletonTextArea,exports.Logo=Ce.Logo,exports.LogoStamp=Se.LogoStamp,exports.ForsikringLevertAvFremtind=ve.ForsikringLevertAvFremtind,exports.FraSB1ogDNB=Me.FraSB1ogDNB,exports.InnovasjonFraFremtind=Le.InnovasjonFraFremtind,exports.TeknologiFraFremtind=Ae.TeknologiFraFremtind,exports.VartEgetForsikringsselskap=fe.VartEgetForsikringsselskap,exports.VartForsikringsselskap=Ee.VartForsikringsselskap,exports.MenuItem=Re.MenuItem,exports.MenuItemCheckbox=Be.MenuItemCheckbox,exports.MenuDivider=we.MenuDivider,exports.ErrorMessage=De.ErrorMessage,exports.InfoMessage=De.InfoMessage,exports.SuccessMessage=De.SuccessMessage,exports.WarningMessage=De.WarningMessage,exports.FormErrorMessage=Fe.FormErrorMessage,exports.Modal=Pe.Modal,exports.ModalActions=Pe.ModalActions,exports.ModalBody=Pe.ModalBody,exports.ModalCloseButton=Pe.ModalCloseButton,exports.ModalContainer=Pe.ModalContainer,exports.ModalHeader=Pe.ModalHeader,exports.ModalOverlay=Pe.ModalOverlay,exports.ModalTitle=Pe.ModalTitle,exports.useModal=Ne.useModal,exports.Popover=Ve,exports.Countdown=ye.Countdown,exports.ProgressBar=Oe.ProgressBar,exports.RadioButton=Ge.RadioButton,exports.RadioButtonGroup=He.RadioButtonGroup,exports.BaseRadioButton=We.BaseRadioButton,exports.SummaryTable=Ue.SummaryTable,exports.SummaryTableRow=Ke.SummaryTableRow,exports.ErrorSystemMessage=Xe.ErrorSystemMessage,exports.InfoSystemMessage=Xe.InfoSystemMessage,exports.SuccessSystemMessage=Xe.SuccessSystemMessage,exports.WarningSystemMessage=Xe.WarningSystemMessage,exports.DataTable=_e.DataTable,exports.Table=ze.Table,exports.TableBody=Qe.TableBody,exports.TableCaption=Je.TableCaption,exports.TableCell=Ye.TableCell,exports.TableColumn=Ze.TableColumn,exports.TableColumnGroup=$e.TableColumnGroup,exports.TableContextProvider=eo.TableContextProvider,exports.useTableContext=eo.useTableContext,exports.TableSectionContextProvider=oo.TableSectionContextProvider,exports.useTableSectionContext=oo.useTableSectionContext,exports.TableFooter=ro.TableFooter,exports.TableHead=so.TableHead,exports.TableHeader=to.TableHeader,exports.TableRow=no.TableRow,exports.useSortableTableHeader=io.useSortableTableHeader,exports.NavTab=ao.NavTab,exports.NavTabs=uo.NavTabs,exports.Tabs=po.Tabs,exports.TabList=co.TabList,exports.Tab=mo.Tab,exports.TabPanel=lo.TabPanel,exports.ErrorTag=xo.ErrorTag,exports.InfoTag=xo.InfoTag,exports.SuccessTag=xo.SuccessTag,exports.Tag=xo.Tag,exports.WarningTag=xo.WarningTag,exports.BaseTextArea=go.BaseTextArea,exports.BaseTextInput=jo.BaseTextInput,exports.TextArea=bo.TextArea,exports.TextInput=qo.TextInput,exports.ToastProvider=Io.ToastProvider,exports.useToast=Io.useToast,exports.ToggleSwitch=To.ToggleSwitch,exports.ToggleSlider=ko.ToggleSlider,exports.Tooltip=ho.Tooltip,exports.TooltipContent=Co.TooltipContent,exports.TooltipTrigger=So.TooltipTrigger,exports.PopupTip=vo.PopupTip,exports.ScreenReaderOnly=Mo.ScreenReaderOnly,exports.tokens=Lo,exports.useAnimatedDetails=Ao.useAnimatedDetails,exports.useAnimatedHeight=fo.useAnimatedHeight,exports.useAnimatedHeightBetween=Eo.useAnimatedHeightBetween,exports.useAutoAnimatedHeight=Ro.useAutoAnimatedHeight,exports.useBrowserPreferences=Bo.useBrowserPreferences,exports.useIntersectionObserver=wo.useIntersectionObserver,exports.useLocalStorage=Do.useLocalStorage,exports.useMutationObserver=Fo.useMutationObserver,exports.usePreviousValue=Po.usePreviousValue,exports.useProgressiveImg=No.useProgressiveImg,exports.useScreen=Vo.useScreen,exports.useScrollIntoView=yo.useScrollIntoView,exports.useAriaLiveRegion=Oo.useAriaLiveRegion,exports.useClickOutside=Go.useClickOutside,exports.useFocusOutside=Ho.useFocusOutside,exports.useElementDimensions=Wo.useElementDimensions,exports.useId=Uo.useId,exports.useKeyListener=Ko.useKeyListener,exports.useListNavigation=Xo.useListNavigation,exports.useSwipeGesture=_o.useSwipeGesture,exports.unicode=zo.unicode,exports.formatNumber=Qo.formatNumber,exports.parseNumber=Jo.parseNumber,exports.registerWithFodselsnummerMask=Yo.registerWithFodselsnummerMask,exports.registerWithKontonummerMask=Yo.registerWithKontonummerMask,exports.registerWithKortnummerMask=Yo.registerWithKortnummerMask,exports.registerWithMasks=Yo.registerWithMasks,exports.registerWithTelefonnummerMask=Yo.registerWithTelefonnummerMask,exports.formatAvstand=Zo.formatAvstand,exports.formatBytes=$o.formatBytes,exports.formatDate=er.formatDate,exports.FODSELSNUMMER_REGEX=or.FODSELSNUMMER_REGEX,exports.formatFodselsnummer=or.formatFodselsnummer,exports.ORGANISASJONSNUMMER_REGEX=rr.ORGANISASJONSNUMMER_REGEX,exports.formatOrganisasjonsnummer=rr.formatOrganisasjonsnummer,exports.KONTONUMMER_REGEX=sr.KONTONUMMER_REGEX,exports.formatKontonummer=sr.formatKontonummer,exports.KORTNUMMER_REGEX=tr.KORTNUMMER_REGEX,exports.formatKortnummer=tr.formatKortnummer,exports.TELEFONNUMMER_REGEX=nr.TELEFONNUMMER_REGEX,exports.formatTelefonnummer=nr.formatTelefonnummer,exports.formatValuta=ir.formatValuta,exports.getThemeAndDensity=ar.getThemeAndDensity,exports.mergeProps=ur.mergeProps,exports.mergeRefs=pr.mergeRefs,exports.SlotComponent=cr.SlotComponent,exports.isValidEpost=mr.isValidEpost,exports.isValidTelefonnummer=lr.isValidTelefonnummer,exports.isValidRegistreringsnummer=xr.isValidRegistreringsnummer,exports.isValidChassisnummer=dr.isValidChassisnummer,exports.isValidDogId=gr.isValidDogId,exports.isExactLength=jr.isExactLength,exports.isInteger=br.isInteger,exports.isValidFodselsnummer=qr.isValidFodselsnummer,exports.isValidOrganisasjonsnummer=Ir.isValidOrganisasjonsnummer,exports.isValidName=Tr.isValidName,exports.hasMinimumWords=kr.hasMinimumWords,exports.hasNoIllegalCharacters=hr.hasNoIllegalCharacters,exports.initTabListener=Cr.initTabListener,exports.getValuePair=Sr.getValuePair;
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
1
  "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.getThemeAndDensity=e=>{if(!e)return{};const t=getComputedStyle(e);return{theme:parseInt(t.getPropertyValue("--jkl-background-color").replace("#",""),16)<8388607.5?"dark":"light",density:'"compact"'===t.getPropertyValue("--jkl-density")?"compact":"comfortable"}};
2
- //# sourceMappingURL=utils.js.map
2
+ //# sourceMappingURL=getThemeAndDensity.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getThemeAndDensity.js","sources":["../../../src/utilities/getThemeAndDensity.ts"],"sourcesContent":["/*\n * For komponenter som mountes utenfor roten av applikasjonen vil styring av theme og density\n * via data-attributter satt på rot ikke fungere. Denne util'en kan brukes av slike komponenter\n * for å finne riktige verdier ved å sende inn et element som er mountet innenfor applikasjonen\n */\nexport const getThemeAndDensity = (element: Element | undefined): { theme?: string; density?: string } => {\n if (!element) return {};\n\n const computedStyles = getComputedStyle(element);\n\n // Sett theme til dark hvis bakgrunnsfargen er mørkere enn 50% av hvit\n // dette gir oss slingringsmonn i tilfelle verdien av Jøkuls bakgrunnsfarge endres\n const theme =\n parseInt(computedStyles.getPropertyValue(\"--jkl-background-color\").replace(\"#\", \"\"), 16) < 0xffffff / 2\n ? \"dark\"\n : \"light\";\n\n const density = computedStyles.getPropertyValue(\"--jkl-density\") === '\"compact\"' ? \"compact\" : \"comfortable\";\n\n return { theme, density };\n};\n"],"names":["element","computedStyles","getComputedStyle","theme","parseInt","getPropertyValue","replace","density"],"mappings":"2GAKmCA,IAC3B,IAACA,EAAS,MAAO,GAEf,MAAAC,EAAiBC,iBAAiBF,GAWjC,MAAA,CAAEG,MANLC,SAASH,EAAeI,iBAAiB,0BAA0BC,QAAQ,IAAK,IAAK,IAAM,UACrF,OACA,QAIMC,QAFqD,cAArDN,EAAeI,iBAAiB,iBAAmC,UAAY"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../index-hKyqa1PH.cjs"),e=require("./formatters/util/formatNumber.js"),s=require("./formatters/util/parseNumber.js"),t=require("./formatters/util/registerWithMask.js"),a=require("./formatters/avstand/formatAvstand.js"),i=require("./formatters/bytes/formatBytes.js"),o=require("./formatters/date/formatDate.js"),m=require("./formatters/fodselsnummer/formatFodselsnummer.js"),n=require("./formatters/organisasjonsnummer/formatOrganisasjonsnummer.js"),u=require("./formatters/kontonummer/formatKontonummer.js"),l=require("./formatters/kortnummer/formatKortnummer.js"),d=require("./formatters/telefonnummer/formatTelefonnummer.js"),p=require("./formatters/valuta/formatValuta.js"),f=require("./polymorphism/mergeProps.js"),g=require("./polymorphism/mergeRefs.js"),x=require("./polymorphism/SlotComponent.js"),E=require("./validators/isValidEpost/isValidEpost.js"),j=require("./validators/isValidTelefonnummer/isValidTelefonnummer.js"),V=require("./validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js"),M=require("./validators/isValidChassisnummer/isValidChassisnummer.js"),h=require("./validators/isValidDogId/isValidDogId.js"),N=require("./validators/isExactLength/isExactLength.js"),R=require("./validators/isInteger/isInteger.js"),q=require("./validators/isValidFodselsnummer/isValidFodselsnummer.js"),O=require("./validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js"),v=require("./validators/isValidName/isValidName.js"),T=require("./validators/hasMinimumWords/hasMinimumWords.js"),S=require("./validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js"),W=require("./tabListener.js"),c=require("./valuePair.js");exports.unicode=r.unicode,exports.formatNumber=e.formatNumber,exports.parseNumber=s.parseNumber,exports.registerWithFodselsnummerMask=t.registerWithFodselsnummerMask,exports.registerWithKontonummerMask=t.registerWithKontonummerMask,exports.registerWithKortnummerMask=t.registerWithKortnummerMask,exports.registerWithMasks=t.registerWithMasks,exports.registerWithTelefonnummerMask=t.registerWithTelefonnummerMask,exports.formatAvstand=a.formatAvstand,exports.formatBytes=i.formatBytes,exports.formatDate=o.formatDate,exports.FODSELSNUMMER_REGEX=m.FODSELSNUMMER_REGEX,exports.formatFodselsnummer=m.formatFodselsnummer,exports.ORGANISASJONSNUMMER_REGEX=n.ORGANISASJONSNUMMER_REGEX,exports.formatOrganisasjonsnummer=n.formatOrganisasjonsnummer,exports.KONTONUMMER_REGEX=u.KONTONUMMER_REGEX,exports.formatKontonummer=u.formatKontonummer,exports.KORTNUMMER_REGEX=l.KORTNUMMER_REGEX,exports.formatKortnummer=l.formatKortnummer,exports.TELEFONNUMMER_REGEX=d.TELEFONNUMMER_REGEX,exports.formatTelefonnummer=d.formatTelefonnummer,exports.formatValuta=p.formatValuta,exports.mergeProps=f.mergeProps,exports.mergeRefs=g.mergeRefs,exports.SlotComponent=x.SlotComponent,exports.isValidEpost=E.isValidEpost,exports.isValidTelefonnummer=j.isValidTelefonnummer,exports.isValidRegistreringsnummer=V.isValidRegistreringsnummer,exports.isValidChassisnummer=M.isValidChassisnummer,exports.isValidDogId=h.isValidDogId,exports.isExactLength=N.isExactLength,exports.isInteger=R.isInteger,exports.isValidFodselsnummer=q.isValidFodselsnummer,exports.isValidOrganisasjonsnummer=O.isValidOrganisasjonsnummer,exports.isValidName=v.isValidName,exports.hasMinimumWords=T.hasMinimumWords,exports.hasNoIllegalCharacters=S.hasNoIllegalCharacters,exports.initTabListener=W.initTabListener,exports.getValuePair=c.getValuePair;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../index-hKyqa1PH.cjs"),r=require("./formatters/util/formatNumber.js"),s=require("./formatters/util/parseNumber.js"),t=require("./formatters/util/registerWithMask.js"),i=require("./formatters/avstand/formatAvstand.js"),a=require("./formatters/bytes/formatBytes.js"),o=require("./formatters/date/formatDate.js"),m=require("./formatters/fodselsnummer/formatFodselsnummer.js"),n=require("./formatters/organisasjonsnummer/formatOrganisasjonsnummer.js"),u=require("./formatters/kontonummer/formatKontonummer.js"),l=require("./formatters/kortnummer/formatKortnummer.js"),d=require("./formatters/telefonnummer/formatTelefonnummer.js"),p=require("./formatters/valuta/formatValuta.js"),f=require("./getThemeAndDensity.js"),g=require("./polymorphism/mergeProps.js"),x=require("./polymorphism/mergeRefs.js"),E=require("./polymorphism/SlotComponent.js"),j=require("./validators/isValidEpost/isValidEpost.js"),h=require("./validators/isValidTelefonnummer/isValidTelefonnummer.js"),V=require("./validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js"),M=require("./validators/isValidChassisnummer/isValidChassisnummer.js"),N=require("./validators/isValidDogId/isValidDogId.js"),q=require("./validators/isExactLength/isExactLength.js"),R=require("./validators/isInteger/isInteger.js"),O=require("./validators/isValidFodselsnummer/isValidFodselsnummer.js"),T=require("./validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js"),v=require("./validators/isValidName/isValidName.js"),S=require("./validators/hasMinimumWords/hasMinimumWords.js"),W=require("./validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js"),c=require("./tabListener.js"),I=require("./valuePair.js");exports.unicode=e.unicode,exports.formatNumber=r.formatNumber,exports.parseNumber=s.parseNumber,exports.registerWithFodselsnummerMask=t.registerWithFodselsnummerMask,exports.registerWithKontonummerMask=t.registerWithKontonummerMask,exports.registerWithKortnummerMask=t.registerWithKortnummerMask,exports.registerWithMasks=t.registerWithMasks,exports.registerWithTelefonnummerMask=t.registerWithTelefonnummerMask,exports.formatAvstand=i.formatAvstand,exports.formatBytes=a.formatBytes,exports.formatDate=o.formatDate,exports.FODSELSNUMMER_REGEX=m.FODSELSNUMMER_REGEX,exports.formatFodselsnummer=m.formatFodselsnummer,exports.ORGANISASJONSNUMMER_REGEX=n.ORGANISASJONSNUMMER_REGEX,exports.formatOrganisasjonsnummer=n.formatOrganisasjonsnummer,exports.KONTONUMMER_REGEX=u.KONTONUMMER_REGEX,exports.formatKontonummer=u.formatKontonummer,exports.KORTNUMMER_REGEX=l.KORTNUMMER_REGEX,exports.formatKortnummer=l.formatKortnummer,exports.TELEFONNUMMER_REGEX=d.TELEFONNUMMER_REGEX,exports.formatTelefonnummer=d.formatTelefonnummer,exports.formatValuta=p.formatValuta,exports.getThemeAndDensity=f.getThemeAndDensity,exports.mergeProps=g.mergeProps,exports.mergeRefs=x.mergeRefs,exports.SlotComponent=E.SlotComponent,exports.isValidEpost=j.isValidEpost,exports.isValidTelefonnummer=h.isValidTelefonnummer,exports.isValidRegistreringsnummer=V.isValidRegistreringsnummer,exports.isValidChassisnummer=M.isValidChassisnummer,exports.isValidDogId=N.isValidDogId,exports.isExactLength=q.isExactLength,exports.isInteger=R.isInteger,exports.isValidFodselsnummer=O.isValidFodselsnummer,exports.isValidOrganisasjonsnummer=T.isValidOrganisasjonsnummer,exports.isValidName=v.isValidName,exports.hasMinimumWords=S.hasMinimumWords,exports.hasNoIllegalCharacters=W.hasNoIllegalCharacters,exports.initTabListener=c.initTabListener,exports.getValuePair=I.getValuePair;
2
2
  //# sourceMappingURL=index.js.map