@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.
- package/build/ExpandableTableRow-CqIg8_Yu.js +2 -0
- package/build/ExpandableTableRow-CqIg8_Yu.js.map +1 -0
- package/build/ExpandableTableRow-DanZYWEE.cjs +2 -0
- package/build/ExpandableTableRow-DanZYWEE.cjs.map +1 -0
- package/build/build-stats.html +1 -1
- package/build/cjs/components/accordion/documentation/Example.js +1 -1
- package/build/cjs/components/accordion/documentation/main.js +1 -1
- package/build/cjs/components/accordion/documentation/main.js.map +1 -1
- package/build/cjs/components/expander/ExpandSection.js +1 -1
- package/build/cjs/components/expander/Expander.js +1 -1
- package/build/cjs/components/expander/index.js +1 -1
- package/build/cjs/components/feedback/followup/Followup.js +1 -1
- package/build/cjs/components/feedback/followup/Followup.js.map +1 -1
- package/build/cjs/components/index.js +1 -1
- package/build/cjs/components/link/documentation/Example.js +1 -1
- package/build/cjs/components/link/documentation/main.js +1 -1
- package/build/cjs/components/link/documentation/main.js.map +1 -1
- package/build/cjs/components/loader/documentation/Example.js +1 -1
- package/build/cjs/components/loader/documentation/main.js +1 -1
- package/build/cjs/components/loader/documentation/main.js.map +1 -1
- package/build/cjs/components/menu/Menu.js +2 -0
- package/build/cjs/components/menu/Menu.js.map +1 -0
- package/build/cjs/components/menu/MenuDivider.js +2 -0
- package/build/cjs/components/menu/MenuDivider.js.map +1 -0
- package/build/cjs/components/menu/MenuItem.js +2 -0
- package/build/cjs/components/menu/MenuItem.js.map +1 -0
- package/build/cjs/components/menu/MenuItemCheckbox.js +2 -0
- package/build/cjs/components/menu/MenuItemCheckbox.js.map +1 -0
- package/build/cjs/components/menu/index.js +2 -0
- package/build/cjs/components/menu/index.js.map +1 -0
- package/build/cjs/components/menu/useMenuWideEvents.js +2 -0
- package/build/cjs/components/menu/useMenuWideEvents.js.map +1 -0
- package/build/cjs/components/popover/Popover.js +1 -1
- package/build/cjs/components/popover/Popover.js.map +1 -1
- package/build/cjs/components/select/NativeSelect.js +1 -1
- package/build/cjs/components/select/Select.js +1 -1
- package/build/cjs/components/select/index.js +1 -1
- package/build/cjs/components/table/ExpandableTableRow.js +1 -1
- package/build/cjs/components/table/ExpandableTableRowController.js +1 -1
- package/build/cjs/components/table/TablePagination.js +1 -1
- package/build/cjs/components/table/index.js +1 -1
- package/build/cjs/components/toggle-switch/documentation/Example.js +2 -0
- package/build/cjs/components/toggle-switch/documentation/Example.js.map +1 -0
- package/build/cjs/components/toggle-switch/documentation/main.js +2 -0
- package/build/cjs/components/toggle-switch/documentation/main.js.map +1 -0
- package/build/cjs/components/toggle-switch/documentation/vite.dev.config.js +2 -0
- package/build/cjs/components/toggle-switch/documentation/vite.dev.config.js.map +1 -0
- package/build/cjs/components/tooltip/TooltipContent.js +1 -1
- package/build/cjs/components/tooltip/TooltipContent.js.map +1 -1
- package/build/cjs/components/tooltip/documentation/Example.js +2 -0
- package/build/cjs/components/tooltip/documentation/Example.js.map +1 -0
- package/build/cjs/components/tooltip/documentation/main.js +2 -0
- package/build/cjs/components/tooltip/documentation/main.js.map +1 -0
- package/build/cjs/components/tooltip/documentation/vite.dev.config.js +2 -0
- package/build/cjs/components/tooltip/documentation/vite.dev.config.js.map +1 -0
- package/build/cjs/index.js +1 -1
- package/build/cjs/{components/popover/utils.js → utilities/getThemeAndDensity.js} +1 -1
- package/build/cjs/utilities/getThemeAndDensity.js.map +1 -0
- package/build/cjs/utilities/index.js +1 -1
- package/build/es/components/accordion/documentation/Example.js +1 -1
- package/build/es/components/accordion/documentation/main.js +1 -1
- package/build/es/components/accordion/documentation/main.js.map +1 -1
- package/build/es/components/expander/ExpandSection.js +1 -1
- package/build/es/components/expander/Expander.js +1 -1
- package/build/es/components/expander/index.js +1 -1
- package/build/es/components/feedback/followup/Followup.js +1 -1
- package/build/es/components/feedback/followup/Followup.js.map +1 -1
- package/build/es/components/index.js +1 -1
- package/build/es/components/link/documentation/Example.js +1 -1
- package/build/es/components/link/documentation/main.js +1 -1
- package/build/es/components/link/documentation/main.js.map +1 -1
- package/build/es/components/loader/documentation/Example.js +1 -1
- package/build/es/components/loader/documentation/main.js +1 -1
- package/build/es/components/loader/documentation/main.js.map +1 -1
- package/build/es/components/menu/Menu.js +2 -0
- package/build/es/components/menu/Menu.js.map +1 -0
- package/build/es/components/menu/MenuDivider.js +2 -0
- package/build/es/components/menu/MenuDivider.js.map +1 -0
- package/build/es/components/menu/MenuItem.js +2 -0
- package/build/es/components/menu/MenuItem.js.map +1 -0
- package/build/es/components/menu/MenuItemCheckbox.js +2 -0
- package/build/es/components/menu/MenuItemCheckbox.js.map +1 -0
- package/build/es/components/menu/index.js +2 -0
- package/build/es/components/menu/index.js.map +1 -0
- package/build/es/components/menu/useMenuWideEvents.js +2 -0
- package/build/es/components/menu/useMenuWideEvents.js.map +1 -0
- package/build/es/components/popover/Popover.js +1 -1
- package/build/es/components/popover/Popover.js.map +1 -1
- package/build/es/components/select/NativeSelect.js +1 -1
- package/build/es/components/select/Select.js +1 -1
- package/build/es/components/select/index.js +1 -1
- package/build/es/components/table/ExpandableTableRow.js +1 -1
- package/build/es/components/table/ExpandableTableRowController.js +1 -1
- package/build/es/components/table/TablePagination.js +1 -1
- package/build/es/components/table/index.js +1 -1
- package/build/es/components/toggle-switch/documentation/Example.js +2 -0
- package/build/es/components/toggle-switch/documentation/Example.js.map +1 -0
- package/build/es/components/toggle-switch/documentation/main.js +2 -0
- package/build/es/components/toggle-switch/documentation/main.js.map +1 -0
- package/build/es/components/toggle-switch/documentation/vite.dev.config.js +2 -0
- package/build/es/components/toggle-switch/documentation/vite.dev.config.js.map +1 -0
- package/build/es/components/tooltip/TooltipContent.js +1 -1
- package/build/es/components/tooltip/TooltipContent.js.map +1 -1
- package/build/es/components/tooltip/documentation/Example.js +2 -0
- package/build/es/components/tooltip/documentation/Example.js.map +1 -0
- package/build/es/components/tooltip/documentation/main.js +2 -0
- package/build/es/components/tooltip/documentation/main.js.map +1 -0
- package/build/es/components/tooltip/documentation/vite.dev.config.js +2 -0
- package/build/es/components/tooltip/documentation/vite.dev.config.js.map +1 -0
- package/build/es/index.js +1 -1
- package/build/es/{components/popover/utils.js → utilities/getThemeAndDensity.js} +1 -1
- package/build/es/utilities/getThemeAndDensity.js.map +1 -0
- package/build/es/utilities/index.js +1 -1
- package/build/formatCode-BbxVs2z3.cjs +2 -0
- package/build/{formatCode-BE8lQWf_.js.map → formatCode-BbxVs2z3.cjs.map} +1 -1
- package/build/formatCode-C08Dk1Mz.js +2 -0
- package/build/formatCode-C08Dk1Mz.js.map +1 -0
- package/build/index-f6O4fUDa.js +2 -0
- package/build/index-f6O4fUDa.js.map +1 -0
- package/build/index-pWkHWXbw.cjs +2 -0
- package/build/index-pWkHWXbw.cjs.map +1 -0
- package/build/packages/jokul/src/components/index.d.ts +1 -0
- package/build/packages/jokul/src/components/menu/Menu.d.ts +39 -0
- package/build/packages/jokul/src/components/menu/MenuDivider.d.ts +2 -0
- package/build/packages/jokul/src/components/menu/MenuItem.d.ts +25 -0
- package/build/packages/jokul/src/components/menu/MenuItemCheckbox.d.ts +11 -0
- package/build/packages/jokul/src/components/menu/index.d.ts +4 -0
- package/build/packages/jokul/src/components/menu/useMenuWideEvents.d.ts +6 -0
- package/build/packages/jokul/src/components/toggle-switch/documentation/Example.d.ts +2 -0
- package/build/packages/jokul/src/components/toggle-switch/documentation/main.d.ts +1 -0
- package/build/packages/jokul/src/components/toggle-switch/documentation/vite.dev.config.d.ts +2 -0
- package/build/packages/jokul/src/components/tooltip/documentation/Example.d.ts +2 -0
- package/build/packages/jokul/src/components/tooltip/documentation/main.d.ts +1 -0
- package/build/packages/jokul/src/components/tooltip/documentation/vite.dev.config.d.ts +2 -0
- package/build/packages/jokul/src/utilities/index.d.ts +1 -0
- package/build/style.css +1 -1
- package/package.json +4 -2
- package/src/components/button/styles/button.css +2 -2
- package/src/components/button/styles/button.min.css +1 -1
- package/src/components/checkbox/styles/checkbox.css +4 -4
- package/src/components/checkbox/styles/checkbox.min.css +1 -1
- package/src/components/feedback/styles/feedback.css +2 -2
- package/src/components/feedback/styles/feedback.min.css +1 -1
- package/src/components/input-group/styles/input-group.css +2 -2
- package/src/components/input-group/styles/input-group.min.css +1 -1
- package/src/components/loader/styles/loader.css +6 -6
- package/src/components/loader/styles/loader.min.css +1 -1
- package/src/components/loader/styles/skeleton-loader.css +5 -5
- package/src/components/loader/styles/skeleton-loader.min.css +1 -1
- package/src/components/menu/styles/_index.scss +1 -0
- package/src/components/menu/styles/_menu-divider.scss +8 -0
- package/src/components/menu/styles/_menu-item.scss +66 -0
- package/src/components/menu/styles/menu.css +130 -0
- package/src/components/menu/styles/menu.min.css +1 -0
- package/src/components/menu/styles/menu.scss +35 -0
- package/src/components/message/styles/message.css +2 -2
- package/src/components/message/styles/message.min.css +1 -1
- package/src/components/progress-bar/styles/progress-bar.css +2 -2
- package/src/components/progress-bar/styles/progress-bar.min.css +1 -1
- package/src/components/radio-button/styles/radio-button.css +2 -2
- package/src/components/radio-button/styles/radio-button.min.css +1 -1
- package/src/components/system-message/styles/system-message.css +2 -2
- package/src/components/system-message/styles/system-message.min.css +1 -1
- package/src/components/toast/styles/toast.css +4 -4
- package/src/components/toast/styles/toast.min.css +1 -1
- package/src/components/toggle-switch/styles/toggle-switch.css +301 -0
- package/src/components/toggle-switch/styles/toggle-switch.min.css +1 -0
- package/src/components/toggle-switch/styles/toggle-switch.scss +138 -0
- package/src/components/tooltip/styles/tooltip.css +23 -43
- package/src/components/tooltip/styles/tooltip.min.css +1 -1
- package/src/components/tooltip/styles/tooltip.scss +12 -23
- package/build/ExpandableTableRow-BJSqC_Jo.js +0 -2
- package/build/ExpandableTableRow-BJSqC_Jo.js.map +0 -1
- package/build/ExpandableTableRow-BQjBxKCX.cjs +0 -2
- package/build/ExpandableTableRow-BQjBxKCX.cjs.map +0 -1
- package/build/cjs/components/popover/utils.js.map +0 -1
- package/build/es/components/popover/utils.js.map +0 -1
- package/build/formatCode-BE8lQWf_.js +0 -2
- package/build/formatCode-C0vvPbYm.cjs +0 -2
- package/build/formatCode-C0vvPbYm.cjs.map +0 -1
- package/build/index-BeDzjUCb.cjs +0 -2
- package/build/index-BeDzjUCb.cjs.map +0 -1
- package/build/index-CWVFjuWM.js +0 -2
- package/build/index-CWVFjuWM.js.map +0 -1
- /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":"4ZA+HA,MAiEMA,EAAiBC,EAAMC,cAAkC,MAEzDC,EAAoB,KAChBC,MAAAA,EAAUH,EAAMI,WAAWL,GAEjC,GAAe,MAAXI,EACM,MAAA,IAAIE,MAAM,mEAGbF,OAAAA,CAAAA,EAGLG,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,EAAY,CACrBnB,KAAAA,EACAE,aAAAA,EACAE,UAAAA,EACAC,SAAAA,EACAe,WAAY,CACRb,EAAOC,GACPa,EAAK,CAAEC,QAAS,EAAGC,mBAAoB,CAAC,SAAU,SAClDC,EAAM,CAAEF,QAAS,MAErBG,qBAAsBC,IAGpBjC,EAAUyB,EAAKzB,QAEfkC,EAAQC,EAASnC,EAAS,CAC5BoC,SAAS,KACNjB,IAEDkB,EAAQC,EAAStC,EAAS,CAAEoC,SAAS,KAAUnB,IAC/CsB,EAAQC,EAASxC,EAAS,CAAEoC,SAAS,KAAUlB,IAC/CuB,EAAUC,EAAW1C,EAASqB,GAC9BsB,EAAOC,EAAQ5C,EAASoB,GAExByB,EAAeC,EAAgB,CAACZ,EAAOO,EAASF,EAAOF,EAAOM,IAEpE9C,OAAAA,EAAMkD,iBAAgB,KACd/B,GACKS,EAAAuB,KAAKC,qBAAqB,MAAAjC,OAAA,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,aACxBT,EAAeyD,SAAf,CAAwBC,MAAOhD,EAAUF,SAAAA,GAAS,EAuBxDmD,EAAiB1D,EAAM2D,YACzB,UAA0BpD,SAAAA,EAAUqD,QAAAA,GAAU,KAAUC,GAASC,GACvD,MAAEX,KAAAA,EAAMY,kBAAAA,EAAmBrD,KAAAA,EAAME,aAAAA,GAAiBV,IAClD8D,EAAezD,EAAiB0D,IAChCA,EAAMC,EAAa,CAACf,EAAKgB,aAAcL,EAASE,IAEtD,OAAIJ,GAAW5D,EAAMoE,eAAe7D,GACzBP,EAAMqE,aACT9D,EACAwD,EAAkB,CACdE,IAAAA,KACGJ,KACAtD,EAASsD,SAMnBS,EAAA,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,EAAa,CAACf,EAAK4B,YAAajB,IAEtCkB,EAAmB7B,EAAK8B,UAAU5B,SAEhC6B,MAAAA,EAAOC,QAAAA,GACTC,GAjBcJ,EAgB0BA,IAb3C,mBAAoBA,EAcEA,EAAiBK,eACjBL,GAlBN,IAACA,EAoBhB,OAACtE,IAGA4E,EACG,CAAA/E,SAAA+D,EAACiB,EAAA,CACGpF,QAAAA,EACAa,MAAAA,EACA2D,aAAAA,EACAC,YAAAA,EAEArE,SAAA+D,EAAC,MAAA,CACG,aAAYY,EACZ,sBAAqBC,EACrBT,UAAWc,EAAK,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":"6eA+HA,MAiEMA,EAAiBC,EAAMC,cAAkC,MAEzDC,EAAoB,KAChBC,MAAAA,EAAUH,EAAMI,WAAWL,GAEjC,GAAe,MAAXI,EACM,MAAA,IAAIE,MAAM,mEAGbF,OAAAA,CAAAA,EAGLG,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,EAAY,CACrBnB,KAAAA,EACAE,aAAAA,EACAE,UAAAA,EACAC,SAAAA,EACAe,WAAY,CACRb,EAAOC,GACPa,EAAK,CAAEC,QAAS,EAAGC,mBAAoB,CAAC,SAAU,SAClDC,EAAM,CAAEF,QAAS,MAErBG,qBAAsBC,IAGpBjC,EAAUyB,EAAKzB,QAEfkC,EAAQC,EAASnC,EAAS,CAC5BoC,SAAS,KACNjB,IAEDkB,EAAQC,EAAStC,EAAS,CAAEoC,SAAS,KAAUnB,IAC/CsB,EAAQC,EAASxC,EAAS,CAAEoC,SAAS,KAAUlB,IAC/CuB,EAAUC,EAAW1C,EAASqB,GAC9BsB,EAAOC,EAAQ5C,EAASoB,GAExByB,EAAeC,EAAgB,CAACZ,EAAOO,EAASF,EAAOF,EAAOM,IAEpE9C,OAAAA,EAAMkD,iBAAgB,KACd/B,GACKS,EAAAuB,KAAKC,qBAAqB,MAAAjC,OAAA,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,aACxBT,EAAeyD,SAAf,CAAwBC,MAAOhD,EAAUF,SAAAA,GAAS,EAuBxDmD,EAAiB1D,EAAM2D,YACzB,UAA0BpD,SAAAA,EAAUqD,QAAAA,GAAU,KAAUC,GAASC,GACvD,MAAEX,KAAAA,EAAMY,kBAAAA,EAAmBrD,KAAAA,EAAME,aAAAA,GAAiBV,IAClD8D,EAAezD,EAAiB0D,IAChCA,EAAMC,EAAa,CAACf,EAAKgB,aAAcL,EAASE,IAEtD,OAAIJ,GAAW5D,EAAMoE,eAAe7D,GACzBP,EAAMqE,aACT9D,EACAwD,EAAkB,CACdE,IAAAA,KACGJ,KACAtD,EAASsD,SAMnBS,EAAA,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,EAAa,CAACf,EAAK4B,YAAajB,IAEtCkB,EAAmB7B,EAAK8B,UAAU5B,SAEhC6B,MAAAA,EAAOC,QAAAA,GACTC,GAjBcJ,EAgB0BA,IAb3C,mBAAoBA,EAcEA,EAAiBK,eACjBL,GAlBN,IAACA,EAoBhB,OAACtE,IAGA4E,EACG,CAAA/E,SAAA+D,EAACiB,EAAA,CACGpF,QAAAA,EACAa,MAAAA,EACA2D,aAAAA,EACAC,YAAAA,EAEArE,SAAA+D,EAAC,MAAA,CACG,aAAYY,EACZ,sBAAqBC,EACrBT,UAAWc,EAAK,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
|
-
import"react/jsx-runtime";import"../../../clsx-BeLtu-UY.js";import"react";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import"../button/Button.js";import"../card/Card.js";import"../card/CardImage.js";import"../card/NavCard.js";import"../checkbox/Checkbox.js";import"../combobox/Combobox.js";import"../cookie-consent/CookieConsentContext.js";import"react-dom";import"../modal/Modal.js";import"react-a11y-dialog";import"../list/List.js";import"../list/ListItem.js";import"../datepicker/DatePicker.js";import"../feedback/feedbackContext.js";import"../message/Message.js";import"../message/FormErrorMessage.js";import"../tooltip/Tooltip.js";import"../tooltip/TooltipContent.js";import"../tooltip/TooltipTrigger.js";import"../input-group/InputGroup.js";import"../feedback/followup/followupContext.js";import"../feedback/main-question/mainQuestionContext.js";import"../radio-button/RadioButton.js";import"../radio-button/radioGroupContext.js";import"../radio-button/BaseRadioButton.js";import"../text-input/BaseTextArea.js";import"../text-input/BaseTextInput.js";import"../text-input/TextArea.js";import"../text-input/TextInput.js";import"../../utilities/polymorphism/SlotComponent.js";import"../../utilities/valuePair.js";import{N as o}from"../../../ExpandableTableRow-
|
|
1
|
+
import"react/jsx-runtime";import"../../../clsx-BeLtu-UY.js";import"react";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import"../button/Button.js";import"../card/Card.js";import"../card/CardImage.js";import"../card/NavCard.js";import"../checkbox/Checkbox.js";import"../combobox/Combobox.js";import"../cookie-consent/CookieConsentContext.js";import"react-dom";import"../modal/Modal.js";import"react-a11y-dialog";import"../list/List.js";import"../list/ListItem.js";import"../datepicker/DatePicker.js";import"../feedback/feedbackContext.js";import"../message/Message.js";import"../message/FormErrorMessage.js";import"../tooltip/Tooltip.js";import"../tooltip/TooltipContent.js";import"../tooltip/TooltipTrigger.js";import"../input-group/InputGroup.js";import"../feedback/followup/followupContext.js";import"../feedback/main-question/mainQuestionContext.js";import"../radio-button/RadioButton.js";import"../radio-button/radioGroupContext.js";import"../radio-button/BaseRadioButton.js";import"../text-input/BaseTextArea.js";import"../text-input/BaseTextInput.js";import"../text-input/TextArea.js";import"../text-input/TextInput.js";import"../../utilities/polymorphism/SlotComponent.js";import"../../utilities/valuePair.js";import{N as o}from"../../../ExpandableTableRow-CqIg8_Yu.js";import"../icon-button/IconButton.js";import"../link/Link.js";import"../link/NavLink.js";import"../link-list/LinkList.js";import"../logo/text-paths/ForsikringLevertAvFremtind.js";import"../logo/text-paths/FraSB1ogDNB.js";import"../logo/text-paths/InnovasjonFraFremtind.js";import"../logo/text-paths/TeknologiFraFremtind.js";import"../logo/text-paths/VartEgetForsikringsselskap.js";import"../logo/text-paths/VartForsikringsselskap.js";import"../menu/MenuItem.js";import"../menu/MenuItemCheckbox.js";import"../popover/Popover.js";import"../system-message/SystemMessage.js";import"../table/DataTable.js";import"../table/Table.js";import"../table/TableBody.js";import"../table/TableCaption.js";import"../table/TableCell.js";import"../table/TableColumn.js";import"../table/TableColumnGroup.js";import"../table/tableContext.js";import"../table/tableSectionContext.js";import"../table/TableFooter.js";import"../table/TableHead.js";import"../table/TableHeader.js";import"../table/TableRow.js";import"../tabs/NavTab.js";import"../tabs/tabsContext.js";import"../tabs/Tab.js";import"../tag/Tag.js";import"../toast/toastContext.js";import"../toggle-switch/ToggleSwitch.js";export{o as NativeSelect};
|
|
2
2
|
//# sourceMappingURL=NativeSelect.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"react/jsx-runtime";import"../../../clsx-BeLtu-UY.js";import"react";import"../../hooks/useAnimatedHeight/useAnimatedHeight.js";import"../../hooks/usePreviousValue/usePreviousValue.js";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import"../../hooks/useListNavigation/useListNavigation.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import"../button/Button.js";import"../card/Card.js";import"../card/CardImage.js";import"../card/NavCard.js";import"../checkbox/Checkbox.js";import"../combobox/Combobox.js";import"../cookie-consent/CookieConsentContext.js";import"react-dom";import"../modal/Modal.js";import"react-a11y-dialog";import"../list/List.js";import"../list/ListItem.js";import"../datepicker/DatePicker.js";import"../feedback/feedbackContext.js";import"../message/Message.js";import"../message/FormErrorMessage.js";import"../tooltip/Tooltip.js";import"../tooltip/TooltipContent.js";import"../tooltip/TooltipTrigger.js";import"../input-group/InputGroup.js";import"../feedback/followup/followupContext.js";import"../feedback/main-question/mainQuestionContext.js";import"../radio-button/RadioButton.js";import"../radio-button/radioGroupContext.js";import"../radio-button/BaseRadioButton.js";import"../text-input/BaseTextArea.js";import"../text-input/BaseTextInput.js";import"../text-input/TextArea.js";import"../text-input/TextInput.js";import"../../utilities/polymorphism/SlotComponent.js";import"../../utilities/valuePair.js";import{S as o}from"../../../ExpandableTableRow-
|
|
1
|
+
import"react/jsx-runtime";import"../../../clsx-BeLtu-UY.js";import"react";import"../../hooks/useAnimatedHeight/useAnimatedHeight.js";import"../../hooks/usePreviousValue/usePreviousValue.js";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import"../../hooks/useListNavigation/useListNavigation.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import"../button/Button.js";import"../card/Card.js";import"../card/CardImage.js";import"../card/NavCard.js";import"../checkbox/Checkbox.js";import"../combobox/Combobox.js";import"../cookie-consent/CookieConsentContext.js";import"react-dom";import"../modal/Modal.js";import"react-a11y-dialog";import"../list/List.js";import"../list/ListItem.js";import"../datepicker/DatePicker.js";import"../feedback/feedbackContext.js";import"../message/Message.js";import"../message/FormErrorMessage.js";import"../tooltip/Tooltip.js";import"../tooltip/TooltipContent.js";import"../tooltip/TooltipTrigger.js";import"../input-group/InputGroup.js";import"../feedback/followup/followupContext.js";import"../feedback/main-question/mainQuestionContext.js";import"../radio-button/RadioButton.js";import"../radio-button/radioGroupContext.js";import"../radio-button/BaseRadioButton.js";import"../text-input/BaseTextArea.js";import"../text-input/BaseTextInput.js";import"../text-input/TextArea.js";import"../text-input/TextInput.js";import"../../utilities/polymorphism/SlotComponent.js";import"../../utilities/valuePair.js";import{S as o}from"../../../ExpandableTableRow-CqIg8_Yu.js";import"../icon-button/IconButton.js";import"../link/Link.js";import"../link/NavLink.js";import"../link-list/LinkList.js";import"../logo/text-paths/ForsikringLevertAvFremtind.js";import"../logo/text-paths/FraSB1ogDNB.js";import"../logo/text-paths/InnovasjonFraFremtind.js";import"../logo/text-paths/TeknologiFraFremtind.js";import"../logo/text-paths/VartEgetForsikringsselskap.js";import"../logo/text-paths/VartForsikringsselskap.js";import"../menu/MenuItem.js";import"../menu/MenuItemCheckbox.js";import"../popover/Popover.js";import"../system-message/SystemMessage.js";import"../table/DataTable.js";import"../table/Table.js";import"../table/TableBody.js";import"../table/TableCaption.js";import"../table/TableCell.js";import"../table/TableColumn.js";import"../table/TableColumnGroup.js";import"../table/tableContext.js";import"../table/tableSectionContext.js";import"../table/TableFooter.js";import"../table/TableHead.js";import"../table/TableHeader.js";import"../table/TableRow.js";import"../tabs/NavTab.js";import"../tabs/tabsContext.js";import"../tabs/Tab.js";import"../tag/Tag.js";import"../toast/toastContext.js";import"../toggle-switch/ToggleSwitch.js";import"./select-utils.js";export{o as Select};
|
|
2
2
|
//# sourceMappingURL=Select.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{N as e,S as a}from"../../../ExpandableTableRow-
|
|
1
|
+
import{N as e,S as a}from"../../../ExpandableTableRow-CqIg8_Yu.js";export{e as NativeSelect,a as Select};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"react/jsx-runtime";import"../../../clsx-BeLtu-UY.js";import"react";import"../../hooks/useAnimatedHeight/useAnimatedHeight.js";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import{a as e}from"../../../ExpandableTableRow-
|
|
1
|
+
import"react/jsx-runtime";import"../../../clsx-BeLtu-UY.js";import"react";import"../../hooks/useAnimatedHeight/useAnimatedHeight.js";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import{a as e}from"../../../ExpandableTableRow-CqIg8_Yu.js";import"./TableRow.js";export{e as ExpandableTableRow};
|
|
2
2
|
//# sourceMappingURL=ExpandableTableRow.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"react/jsx-runtime";import"../../../clsx-BeLtu-UY.js";import"react";import{b as e}from"../../../ExpandableTableRow-
|
|
1
|
+
import"react/jsx-runtime";import"../../../clsx-BeLtu-UY.js";import"react";import{b as e}from"../../../ExpandableTableRow-CqIg8_Yu.js";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import"./TableCell.js";import"./tableContext.js";export{e as ExpandableTableRowController};
|
|
2
2
|
//# sourceMappingURL=ExpandableTableRowController.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"react/jsx-runtime";import"../../../clsx-BeLtu-UY.js";import"react";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import"../icon-button/IconButton.js";import{T as o}from"../../../ExpandableTableRow-
|
|
1
|
+
import"react/jsx-runtime";import"../../../clsx-BeLtu-UY.js";import"react";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import"../icon-button/IconButton.js";import{T as o}from"../../../ExpandableTableRow-CqIg8_Yu.js";import"../text-input/BaseTextArea.js";import"../text-input/BaseTextInput.js";import"../text-input/TextArea.js";import"../text-input/TextInput.js";import"./tableContext.js";export{o as TablePagination};
|
|
2
2
|
//# sourceMappingURL=TablePagination.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{DataTable as a}from"./DataTable.js";import{Table as e}from"./Table.js";import{TableBody as o}from"./TableBody.js";import{TableCaption as l}from"./TableCaption.js";import{TableCell as s}from"./TableCell.js";import{TableColumn as t}from"./TableColumn.js";import{TableColumnGroup as b}from"./TableColumnGroup.js";import{TableContextProvider as r,useTableContext as T}from"./tableContext.js";import{TableSectionContextProvider as m,useTableSectionContext as i}from"./tableSectionContext.js";import{TableFooter as n}from"./TableFooter.js";import{TableHead as p}from"./TableHead.js";import{TableHeader as C}from"./TableHeader.js";import{a as d,b as u,T as f}from"../../../ExpandableTableRow-
|
|
1
|
+
import{DataTable as a}from"./DataTable.js";import{Table as e}from"./Table.js";import{TableBody as o}from"./TableBody.js";import{TableCaption as l}from"./TableCaption.js";import{TableCell as s}from"./TableCell.js";import{TableColumn as t}from"./TableColumn.js";import{TableColumnGroup as b}from"./TableColumnGroup.js";import{TableContextProvider as r,useTableContext as T}from"./tableContext.js";import{TableSectionContextProvider as m,useTableSectionContext as i}from"./tableSectionContext.js";import{TableFooter as n}from"./TableFooter.js";import{TableHead as p}from"./TableHead.js";import{TableHeader as C}from"./TableHeader.js";import{a as d,b as u,T as f}from"../../../ExpandableTableRow-CqIg8_Yu.js";import{TableRow as j}from"./TableRow.js";import{useSortableTableHeader as x}from"./utils.js";export{a as DataTable,d as ExpandableTableRow,u as ExpandableTableRowController,e as Table,o as TableBody,l as TableCaption,s as TableCell,t as TableColumn,b as TableColumnGroup,r as TableContextProvider,n as TableFooter,p as TableHead,C as TableHeader,f as TablePagination,j as TableRow,m as TableSectionContextProvider,x as useSortableTableHeader,T as useTableContext,i as useTableSectionContext};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{f as o,u as t,I as n}from"../../../../formatCode-C08Dk1Mz.js";import"react";import"../ToggleSwitch.js";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../button/Button.js";const s=[{type:"bool",label:"Deaktivert",boolOptions:{trueValue:!0,falseValue:!1}}],r=o('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');function l(){const o=t(r,s);return e("div",{className:"jkl",children:e(n,{title:"Loader",defaultCode:r,defaultShowEditor:!0,noInline:!0,controls:o})})}export{l as default};
|
|
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","Example","controls","useInteractiveCodeControls","jsx","className","children","InteractiveCode","title","defaultCode","defaultShowEditor","noInline"],"mappings":"yQAIO,MAAMA,EAAQ,CACjB,CACIC,KAAM,OACNC,MAAO,aACPC,YAAa,CACTC,WAAW,EACXC,YAAY,KCDlBC,EAAOC,ECTE,otBDWf,SAAwBC,IACdC,MAAAA,EAAWC,EAA2BJ,EAAMN,GAG9C,OAAAW,EAAC,MAAI,CAAAC,UAAW,MACZC,SAAAF,EAACG,EAAA,CACGC,MAAO,SACPC,YAAaV,EACbW,mBAAmB,EACnBC,UAAU,EACVT,SAAAA,KAIhB"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as o}from"react/jsx-runtime";import t from"react-dom/client";import"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../../button/Button.js";import"../../card/Card.js";import"../../card/CardImage.js";import"../../card/NavCard.js";import"../../checkbox/Checkbox.js";import"../../combobox/Combobox.js";import"../../cookie-consent/CookieConsentContext.js";import"react-dom";import"../../modal/Modal.js";import"react-a11y-dialog";import"../../list/List.js";import"../../list/ListItem.js";import"../../datepicker/DatePicker.js";import"../../feedback/feedbackContext.js";import"../../message/Message.js";import"../../message/FormErrorMessage.js";import"../../tooltip/Tooltip.js";import"../../tooltip/TooltipContent.js";import"../../tooltip/TooltipTrigger.js";import"../../input-group/InputGroup.js";import"../../feedback/followup/followupContext.js";import"../../feedback/main-question/mainQuestionContext.js";import"../../radio-button/RadioButton.js";import"../../radio-button/radioGroupContext.js";import"../../radio-button/BaseRadioButton.js";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import"../../text-input/TextArea.js";import"../../text-input/TextInput.js";import"../../../utilities/polymorphism/SlotComponent.js";import{initTabListener as i}from"../../../utilities/tabListener.js";import"../../../../ExpandableTableRow-CqIg8_Yu.js";import"../../icon-button/IconButton.js";import"../../link/Link.js";import"../../link/NavLink.js";import"../../link-list/LinkList.js";import"../../logo/text-paths/ForsikringLevertAvFremtind.js";import"../../logo/text-paths/FraSB1ogDNB.js";import"../../logo/text-paths/InnovasjonFraFremtind.js";import"../../logo/text-paths/TeknologiFraFremtind.js";import"../../logo/text-paths/VartEgetForsikringsselskap.js";import"../../logo/text-paths/VartForsikringsselskap.js";import"../../menu/MenuItem.js";import"../../menu/MenuItemCheckbox.js";import"../../popover/Popover.js";import"../../system-message/SystemMessage.js";import"../../table/DataTable.js";import"../../table/Table.js";import"../../table/TableBody.js";import"../../table/TableCaption.js";import"../../table/TableCell.js";import"../../table/TableColumn.js";import"../../table/TableColumnGroup.js";import"../../table/tableContext.js";import"../../table/tableSectionContext.js";import"../../table/TableFooter.js";import"../../table/TableHead.js";import"../../table/TableHeader.js";import"../../table/TableRow.js";import"../../tabs/NavTab.js";import"../../tabs/tabsContext.js";import"../../tabs/Tab.js";import"../../tag/Tag.js";import"../../toast/toastContext.js";import"../ToggleSwitch.js";import s from"./Example.js";i(),t.createRoot(document.getElementById("root")).render(o(s,{}));
|
|
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":"4jIAKAA,IAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAC,EAAA,CAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{resolve as o}from"node:path";import t from"@vitejs/plugin-react-swc";import{defineConfig as i}from"vite";import{c as r}from"../../../../copy-jkl-fonts-Yd-mZnP9.js";const s=i({plugins:[t(),r(o(__dirname,"public","fonts"))]});export{s as default};
|
|
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":"2KAKA,MAAAA,EAAeC,EAAa,CACxBC,QAAS,CAACC,IAASC,EAAaC,EAAQC,UAAW,SAAU"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useMergeRefs as r,FloatingPortal as
|
|
1
|
+
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useMergeRefs as r,FloatingPortal as i}from"@floating-ui/react";import{c as s}from"../../../clsx-BeLtu-UY.js";import{LazyMotion as o,domAnimation as a,AnimatePresence as n,m as l}from"framer-motion";import{forwardRef as m}from"react";import"../../hooks/useScreen/useScreen.js";import{useId as c}from"../../hooks/useId/useId.js";import{getThemeAndDensity as p}from"../../utilities/getThemeAndDensity.js";import"../../utilities/polymorphism/SlotComponent.js";import{useTooltipContext as d}from"./Tooltip.js";function u(t,e=8){switch(!0){case t.startsWith("top"):return{top:e};case t.startsWith("left"):return{left:e,right:-e};case t.startsWith("bottom"):return{top:-e};case t.startsWith("right"):return{left:-e,right:e};default:return{top:e}}}const f=m((function({className:m,children:f,...h},g){const{triggerOn:y,arrowElement:j,isOpen:x,getFloatingProps:k,placement:w,isPositioned:v,middlewareData:{arrow:T},floatingStyles:A,refs:D}=d(),I=r([g,D.setFloating]),N=c("jkl-tooltip-content"),{density:P,theme:S}=p(D.reference.current);return t(i,{children:t(o,{features:a,children:e(n,{children:["hover"===y&&t("span",{ref:D.setDescription,hidden:!0,children:f},`${N}-trigger`),x&&t("span",{className:"jkl",children:e(l.span,{ref:I,initial:{opacity:0,...u(w,5)},animate:{opacity:1,...u(w,0)},exit:{opacity:0,...u(w,-5),transition:{ease:"easeIn",duration:.15}},transition:{ease:"easeOut",duration:.25},"data-placement":w,"aria-live":"click"===y?"assertive":void 0,className:s("jkl-tooltip-content",m),...k({...h,id:N}),style:{...A},"data-theme":S,"data-layout-density":P,children:[f,t("span",{"aria-hidden":!0,className:"jkl-tooltip-content__arrow",ref:j,style:{left:v?`${null==T?void 0:T.x}px`:"",top:v?`${null==T?void 0:T.y}px`:""}})]},N)},`${N}-wrapper`)]})})})}));export{f as TooltipContent};
|
|
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
|
|
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":"kjBAQA,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,GAAsD,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,IACEC,EAAMC,EAAa,CAACZ,EAAcS,EAAKI,cACvCC,EAAYC,EAAM,wBAIhBC,QAAAA,EAASC,MAAAA,GAAUC,EAAmBT,EAAKU,UAAUC,SAE7D,SACKC,EACG,CAAAvB,SAAAwB,EAACC,GAAWC,SAAUC,EAClB3B,WAAC4B,EAGI,CAAA5B,SAAA,CAAc,UAAAG,GACVqB,EAAA,OAAA,CAAKX,IAAKF,EAAKkB,eAAgBC,QAAM,EACjC9B,SAAAA,GADuC,GAAGgB,aAIlDX,GACGmB,EAAC,OAAK,CAAAzB,UAAU,MACZC,SAAA+B,EAACC,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,EAAK,sBAAuB1C,MACnCO,EAAiB,IAAKL,EAAOyC,GAAI1B,IACrC2B,MAAO,IAAKjC,GACZ,aAAYS,EACZ,sBAAqBD,EAEpBlB,SAAA,CAAAA,EACDwB,EAAC,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
|
+
import{jsxs as o,jsx as n}from"react/jsx-runtime";import{f as e,u as i,I as t}from"../../../../formatCode-C08Dk1Mz.js";import"react";import"../Tooltip.js";import"../TooltipContent.js";import"../TooltipTrigger.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";const l=[{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=[{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}],a=e('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'),c=e('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');function s(){const e=i(a,r),s=i(c,l);return o("div",{className:"jkl",children:[n(t,{title:"Tooltip",defaultCode:a,defaultShowEditor:!0,noInline:!0,controls:e}),n(t,{title:"PopupTip",defaultCode:c,defaultShowEditor:!0,noInline:!0,controls:s})]})}export{s as default};
|
|
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","Example","tooltipControls","useInteractiveCodeControls","tooltipKnobs","popupTipControls","popupTipKnobs","jsxs","className","children","jsx","InteractiveCode","title","defaultCode","defaultShowEditor","noInline","controls"],"mappings":"ioDAIO,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,ECbL,0yDDcTC,EAAeD,EEdN,89CFgBf,SAAwBE,IACdC,MAAAA,EAAkBC,EAA2BL,EAAaM,GAC1DC,EAAmBF,EAA2BH,EAAcM,GAG9D,OAAAC,EAAC,MAAI,CAAAC,UAAW,MACZC,SAAA,CAAAC,EAACC,EAAA,CACGC,MAAO,UACPC,YAAaf,EACbgB,mBAAmB,EACnBC,UAAU,EACVC,SAAUd,IAEdQ,EAACC,EAAA,CACGC,MAAO,WACPC,YAAab,EACbc,mBAAmB,EACnBC,UAAU,EACVC,SAAUX,MAI1B"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as o}from"react/jsx-runtime";import t from"react-dom/client";import"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import"../../button/Button.js";import"../../card/Card.js";import"../../card/CardImage.js";import"../../card/NavCard.js";import"../../checkbox/Checkbox.js";import"../../combobox/Combobox.js";import"../../cookie-consent/CookieConsentContext.js";import"react-dom";import"../../modal/Modal.js";import"react-a11y-dialog";import"../../list/List.js";import"../../list/ListItem.js";import"../../datepicker/DatePicker.js";import"../../feedback/feedbackContext.js";import"../../message/Message.js";import"../../message/FormErrorMessage.js";import"../Tooltip.js";import"../TooltipContent.js";import"../TooltipTrigger.js";import"../../input-group/InputGroup.js";import"../../feedback/followup/followupContext.js";import"../../feedback/main-question/mainQuestionContext.js";import"../../radio-button/RadioButton.js";import"../../radio-button/radioGroupContext.js";import"../../radio-button/BaseRadioButton.js";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import"../../text-input/TextArea.js";import"../../text-input/TextInput.js";import"../../../utilities/polymorphism/SlotComponent.js";import{initTabListener as i}from"../../../utilities/tabListener.js";import"../../../../ExpandableTableRow-CqIg8_Yu.js";import"../../icon-button/IconButton.js";import"../../link/Link.js";import"../../link/NavLink.js";import"../../link-list/LinkList.js";import"../../logo/text-paths/ForsikringLevertAvFremtind.js";import"../../logo/text-paths/FraSB1ogDNB.js";import"../../logo/text-paths/InnovasjonFraFremtind.js";import"../../logo/text-paths/TeknologiFraFremtind.js";import"../../logo/text-paths/VartEgetForsikringsselskap.js";import"../../logo/text-paths/VartForsikringsselskap.js";import"../../menu/MenuItem.js";import"../../menu/MenuItemCheckbox.js";import"../../popover/Popover.js";import"../../system-message/SystemMessage.js";import"../../table/DataTable.js";import"../../table/Table.js";import"../../table/TableBody.js";import"../../table/TableCaption.js";import"../../table/TableCell.js";import"../../table/TableColumn.js";import"../../table/TableColumnGroup.js";import"../../table/tableContext.js";import"../../table/tableSectionContext.js";import"../../table/TableFooter.js";import"../../table/TableHead.js";import"../../table/TableHeader.js";import"../../table/TableRow.js";import"../../tabs/NavTab.js";import"../../tabs/tabsContext.js";import"../../tabs/Tab.js";import"../../tag/Tag.js";import"../../toast/toastContext.js";import"../../toggle-switch/ToggleSwitch.js";import s from"./Example.js";i(),t.createRoot(document.getElementById("root")).render(o(s,{}));
|
|
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":"4iIAKAA,IAEAC,EAASC,WAAWC,SAASC,eAAe,SAAUC,OAAQC,EAAAC,EAAA,CAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{resolve as o}from"node:path";import t from"@vitejs/plugin-react-swc";import{defineConfig as i}from"vite";import{c as r}from"../../../../copy-jkl-fonts-Yd-mZnP9.js";const s=i({plugins:[t(),r(o(__dirname,"public","fonts"))]});export{s as default};
|
|
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":"2KAKA,MAAAA,EAAeC,EAAa,CACxBC,QAAS,CAACC,IAASC,EAAaC,EAAQC,UAAW,SAAU"}
|
package/build/es/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{AccordionItem as o}from"./components/accordion/AccordionItem.js";import{Accordion as s}from"./components/accordion/Accordion.js";import{Breadcrumb as e}from"./components/breadcrumb/Breadcrumb.js";import{BreadcrumbItem as a}from"./components/breadcrumb/BreadcrumbItem.js";import{Button as t,PrimaryButton as r,SecondaryButton as n,TertiaryButton as i}from"./components/button/Button.js";import{Card as m}from"./components/card/Card.js";import{CardImage as p}from"./components/card/CardImage.js";import{InfoBlock as c,NavCard as l}from"./components/card/NavCard.js";import{TaskCard as u}from"./components/card/TaskCard.js";import{InfoCard as d}from"./components/card/InfoCard.js";import{Checkbox as f}from"./components/checkbox/Checkbox.js";import{Combobox as g,getComboboxValuePair as j}from"./components/combobox/Combobox.js";import{CookieConsent as b}from"./components/cookie-consent/CookieConsent.js";import{CookieConsentProvider as I,useCookieConsent as T}from"./components/cookie-consent/CookieConsentContext.js";import{isCorrectFormat as k,isWithinLowerBound as h,isWithinUpperBound as C}from"./components/datepicker/validation.js";import{dayMonthYearRegex as S,formatInput as v,isBlurTargetOutside as L,parseDateString as M}from"./components/datepicker/utils.js";import{DatePicker as A}from"./components/datepicker/DatePicker.js";import{Feedback as E}from"./components/feedback/Feedback.js";import{PRESETS as R}from"./components/feedback/presets.js";import{DescriptionDetail as B,DescriptionList as w,DescriptionTerm as x}from"./components/description-list/DescriptionList.js";import{a as F,b as N,E as P,N as V,S as D,T as y}from"../ExpandableTableRow-BJSqC_Jo.js";import{ExpandSection as O}from"./components/expander/ExpandSection.js";import{Icon as G}from"./components/icon/Icon.js";import{ArrowVerticalAnimated as H}from"./components/icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as W}from"./components/icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as U}from"./components/icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as K}from"./components/icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as X}from"./components/icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as _}from"./components/icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as z}from"./components/icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as Q}from"./components/icon/icons/ArrowUpIcon.js";import{CalendarIcon as J}from"./components/icon/icons/CalendarIcon.js";import{CheckIcon as Y}from"./components/icon/icons/CheckIcon.js";import{ChevronDownIcon as q}from"./components/icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as Z}from"./components/icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as $}from"./components/icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as oo}from"./components/icon/icons/ChevronUpIcon.js";import{CloseIcon as so}from"./components/icon/icons/CloseIcon.js";import{CopyIcon as eo}from"./components/icon/icons/CopyIcon.js";import{DotsIcon as ao}from"./components/icon/icons/DotsIcon.js";import{DragIcon as to}from"./components/icon/icons/DragIcon.js";import{ErrorIcon as ro}from"./components/icon/icons/ErrorIcon.js";import{GreenCheckIcon as no}from"./components/icon/icons/GreenCheckIcon.js";import{HamburgerIcon as io}from"./components/icon/icons/HamburgerIcon.js";import{InfoIcon as mo}from"./components/icon/icons/InfoIcon.js";import{LinkIcon as po}from"./components/icon/icons/LinkIcon.js";import{PlusIcon as co}from"./components/icon/icons/PlusIcon.js";import{QuestionIcon as lo}from"./components/icon/icons/QuestionIcon.js";import{RedCrossIcon as uo}from"./components/icon/icons/RedCrossIcon.js";import{SearchIcon as fo}from"./components/icon/icons/SearchIcon.js";import{SuccessIcon as go}from"./components/icon/icons/SuccessIcon.js";import{WarningIcon as jo}from"./components/icon/icons/WarningIcon.js";import{MinusIcon as bo}from"./components/icon/icons/MinusIcon.js";import{ThumbDownIcon as Io}from"./components/icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as To}from"./components/icon/icons/ThumbUpIcon.js";import{TrashCanIcon as ko}from"./components/icon/icons/TrashCanIcon.js";import{PenIcon as ho}from"./components/icon/icons/PenIcon.js";import{IconButton as Co}from"./components/icon-button/IconButton.js";import{Image as So}from"./components/image/Image.js";import{FieldGroup as vo}from"./components/input-group/FieldGroup.js";import{InputGroup as Lo}from"./components/input-group/InputGroup.js";import{Label as Mo}from"./components/input-group/Label.js";import{SupportLabel as Ao}from"./components/input-group/SupportLabel.js";import{Link as Eo}from"./components/link/Link.js";import{NavLink as Ro}from"./components/link/NavLink.js";import{LinkList as Bo}from"./components/link-list/LinkList.js";import{List as wo,OrderedList as xo,UnorderedList as Fo}from"./components/list/List.js";import{CheckListItem as No,CrossListItem as Po,ListItem as Vo}from"./components/list/ListItem.js";import{Loader as Do}from"./components/loader/Loader.js";import{SkeletonAnimation as yo}from"./components/loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as Oo}from"./components/loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as Go}from"./components/loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as Ho}from"./components/loader/skeletons/SkeletonElement.js";import{SkeletonInput as Wo}from"./components/loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as Uo}from"./components/loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as Ko,SkeletonTableHeader as Xo,SkeletonTableRow as _o}from"./components/loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as zo}from"./components/loader/skeletons/SkeletonTextArea.js";import{Logo as Qo}from"./components/logo/Logo.js";import{LogoStamp as Jo}from"./components/logo/LogoStamp.js";import{ForsikringLevertAvFremtind as Yo}from"./components/logo/text-paths/ForsikringLevertAvFremtind.js";import{FraSB1ogDNB as qo}from"./components/logo/text-paths/FraSB1ogDNB.js";import{InnovasjonFraFremtind as Zo}from"./components/logo/text-paths/InnovasjonFraFremtind.js";import{TeknologiFraFremtind as $o}from"./components/logo/text-paths/TeknologiFraFremtind.js";import{VartEgetForsikringsselskap as os}from"./components/logo/text-paths/VartEgetForsikringsselskap.js";import{VartForsikringsselskap as ss}from"./components/logo/text-paths/VartForsikringsselskap.js";import{ErrorMessage as es,InfoMessage as as,SuccessMessage as ts,WarningMessage as rs}from"./components/message/Message.js";import{FormErrorMessage as ns}from"./components/message/FormErrorMessage.js";import{Modal as is,ModalActions as ms,ModalBody as ps,ModalCloseButton as cs,ModalContainer as ls,ModalHeader as us,ModalOverlay as ds,ModalTitle as fs}from"./components/modal/Modal.js";import{useModal as gs}from"./components/modal/useModal.js";import{default as js}from"./components/popover/Popover.js";import{Countdown as bs}from"./components/progress-bar/Countdown.js";import{ProgressBar as Is}from"./components/progress-bar/ProgressBar.js";import{RadioButton as Ts}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as ks}from"./components/radio-button/RadioButtonGroup.js";import{BaseRadioButton as hs}from"./components/radio-button/BaseRadioButton.js";import{SummaryTable as Cs}from"./components/summary-table/SummaryTable.js";import{SummaryTableRow as Ss}from"./components/summary-table/SummaryTableRow.js";import{ErrorSystemMessage as vs,InfoSystemMessage as Ls,SuccessSystemMessage as Ms,WarningSystemMessage as As}from"./components/system-message/SystemMessage.js";import{DataTable as Es}from"./components/table/DataTable.js";import{Table as Rs}from"./components/table/Table.js";import{TableBody as Bs}from"./components/table/TableBody.js";import{TableCaption as ws}from"./components/table/TableCaption.js";import{TableCell as xs}from"./components/table/TableCell.js";import{TableColumn as Fs}from"./components/table/TableColumn.js";import{TableColumnGroup as Ns}from"./components/table/TableColumnGroup.js";import{TableContextProvider as Ps,useTableContext as Vs}from"./components/table/tableContext.js";import{TableSectionContextProvider as Ds,useTableSectionContext as ys}from"./components/table/tableSectionContext.js";import{TableFooter as Os}from"./components/table/TableFooter.js";import{TableHead as Gs}from"./components/table/TableHead.js";import{TableHeader as Hs}from"./components/table/TableHeader.js";import{TableRow as Ws}from"./components/table/TableRow.js";import{useSortableTableHeader as Us}from"./components/table/utils.js";import{NavTab as Ks}from"./components/tabs/NavTab.js";import{NavTabs as Xs}from"./components/tabs/NavTabs.js";import{Tabs as _s}from"./components/tabs/Tabs.js";import{TabList as zs}from"./components/tabs/TabList.js";import{Tab as Qs}from"./components/tabs/Tab.js";import{TabPanel as Js}from"./components/tabs/TabPanel.js";import{ErrorTag as Ys,InfoTag as qs,SuccessTag as Zs,Tag as $s,WarningTag as oe}from"./components/tag/Tag.js";import{BaseTextArea as se}from"./components/text-input/BaseTextArea.js";import{BaseTextInput as ee}from"./components/text-input/BaseTextInput.js";import{TextArea as ae}from"./components/text-input/TextArea.js";import{TextInput as te}from"./components/text-input/TextInput.js";import{ToastProvider as re,useToast as ne}from"./components/toast/toastContext.js";import{ToggleSwitch as ie}from"./components/toggle-switch/ToggleSwitch.js";import{ToggleSlider as me}from"./components/toggle-switch/ToggleSlider.js";import{Tooltip as pe}from"./components/tooltip/Tooltip.js";import{TooltipContent as ce}from"./components/tooltip/TooltipContent.js";import{TooltipTrigger as le}from"./components/tooltip/TooltipTrigger.js";import{PopupTip as ue}from"./components/tooltip/PopupTip.js";import{ScreenReaderOnly as de}from"./components/ScreenReaderOnly.js";import{default as fe}from"./core/tokens.js";import{useAnimatedDetails as ge}from"./hooks/useAnimatedDetails/useAnimatedDetails.js";import{useAnimatedHeight as je}from"./hooks/useAnimatedHeight/useAnimatedHeight.js";import{useAnimatedHeightBetween as be}from"./hooks/useAnimatedHeight/useAnimatedHeightBetween.js";import{useAutoAnimatedHeight as Ie}from"./hooks/useAnimatedHeight/useAutoAnimateHeight.js";import{useBrowserPreferences as Te}from"./hooks/useBrowserPreferences/useBrowserPreferences.js";import{useIntersectionObserver as ke}from"./hooks/useIntersectionObserver/useIntersectionObserver.js";import{useLocalStorage as he}from"./hooks/useLocalStorage/useLocalStorage.js";import{useMutationObserver as Ce}from"./hooks/useMutationObserver/useMutationObserver.js";import{usePreviousValue as Se}from"./hooks/usePreviousValue/usePreviousValue.js";import{useProgressiveImg as ve}from"./hooks/useProgressiveImg/useProgressiveImg.js";import{useScreen as Le}from"./hooks/useScreen/useScreen.js";import{useScrollIntoView as Me}from"./hooks/useScrollIntoView/useScrollIntoView.js";import{useAriaLiveRegion as Ae}from"./hooks/useAriaLiveRegion/useAriaLiveRegion.js";import{useClickOutside as Ee}from"./hooks/useClickOutside/useClickOutside.js";import{useFocusOutside as Re}from"./hooks/useFocusOutside/useFocusOutside.js";import{useElementDimensions as Be}from"./hooks/useElementDimensions/useElementDimensions.js";import{useId as we}from"./hooks/useId/useId.js";import{useKeyListener as xe}from"./hooks/useKeyListener/useKeyListener.js";import{useListNavigation as Fe}from"./hooks/useListNavigation/useListNavigation.js";import{useSwipeGesture as Ne}from"./hooks/useSwipeGesture/useSwipeGesture.js";import{u as Pe}from"../index-DfvUcA5T.js";import{formatNumber as Ve}from"./utilities/formatters/util/formatNumber.js";import{parseNumber as De}from"./utilities/formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as ye,registerWithKontonummerMask as Oe,registerWithKortnummerMask as Ge,registerWithMasks as He,registerWithTelefonnummerMask as We}from"./utilities/formatters/util/registerWithMask.js";import{formatAvstand as Ue}from"./utilities/formatters/avstand/formatAvstand.js";import{formatBytes as Ke}from"./utilities/formatters/bytes/formatBytes.js";import{formatDate as Xe}from"./utilities/formatters/date/formatDate.js";import{FODSELSNUMMER_REGEX as _e,formatFodselsnummer as ze}from"./utilities/formatters/fodselsnummer/formatFodselsnummer.js";import{ORGANISASJONSNUMMER_REGEX as Qe,formatOrganisasjonsnummer as Je}from"./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js";import{KONTONUMMER_REGEX as Ye,formatKontonummer as qe}from"./utilities/formatters/kontonummer/formatKontonummer.js";import{KORTNUMMER_REGEX as Ze,formatKortnummer as $e}from"./utilities/formatters/kortnummer/formatKortnummer.js";import{TELEFONNUMMER_REGEX as oa,formatTelefonnummer as sa}from"./utilities/formatters/telefonnummer/formatTelefonnummer.js";import{formatValuta as ea}from"./utilities/formatters/valuta/formatValuta.js";import{mergeProps as aa}from"./utilities/polymorphism/mergeProps.js";import{mergeRefs as ta}from"./utilities/polymorphism/mergeRefs.js";import{SlotComponent as ra}from"./utilities/polymorphism/SlotComponent.js";import{isValidEpost as na}from"./utilities/validators/isValidEpost/isValidEpost.js";import{isValidTelefonnummer as ia}from"./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js";import{isValidRegistreringsnummer as ma}from"./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js";import{isValidChassisnummer as pa}from"./utilities/validators/isValidChassisnummer/isValidChassisnummer.js";import{isValidDogId as ca}from"./utilities/validators/isValidDogId/isValidDogId.js";import{isExactLength as la}from"./utilities/validators/isExactLength/isExactLength.js";import{isInteger as ua}from"./utilities/validators/isInteger/isInteger.js";import{isValidFodselsnummer as da}from"./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.js";import{isValidOrganisasjonsnummer as fa}from"./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js";import{isValidName as ga}from"./utilities/validators/isValidName/isValidName.js";import{hasMinimumWords as ja}from"./utilities/validators/hasMinimumWords/hasMinimumWords.js";import{hasNoIllegalCharacters as ba}from"./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js";import{initTabListener as Ia}from"./utilities/tabListener.js";import{getValuePair as Ta}from"./utilities/valuePair.js";export{s as Accordion,o as AccordionItem,K as ArrowDownIcon,W as ArrowHorizontalAnimated,X as ArrowLeftIcon,_ as ArrowNorthEastIcon,z as ArrowRightIcon,Q as ArrowUpIcon,H as ArrowVerticalAnimated,hs as BaseRadioButton,se as BaseTextArea,ee as BaseTextInput,e as Breadcrumb,a as BreadcrumbItem,t as Button,J as CalendarIcon,m as Card,p as CardImage,Y as CheckIcon,No as CheckListItem,f as Checkbox,q as ChevronDownIcon,Z as ChevronLeftIcon,$ as ChevronRightIcon,oo as ChevronUpIcon,so as CloseIcon,g as Combobox,b as CookieConsent,I as CookieConsentProvider,eo as CopyIcon,bs as Countdown,Po as CrossListItem,Es as DataTable,A as DatePicker,B as DescriptionDetail,w as DescriptionList,x as DescriptionTerm,ao as DotsIcon,to as DragIcon,ro as ErrorIcon,es as ErrorMessage,vs as ErrorSystemMessage,Ys as ErrorTag,O as ExpandSection,F as ExpandableTableRow,N as ExpandableTableRowController,P as Expander,_e as FODSELSNUMMER_REGEX,E as Feedback,vo as FieldGroup,ns as FormErrorMessage,Yo as ForsikringLevertAvFremtind,qo as FraSB1ogDNB,no as GreenCheckIcon,io as HamburgerIcon,G as Icon,Co as IconButton,So as Image,c as InfoBlock,d as InfoCard,mo as InfoIcon,as as InfoMessage,Ls as InfoSystemMessage,qs as InfoTag,Zo as InnovasjonFraFremtind,Lo as InputGroup,Ye as KONTONUMMER_REGEX,Ze as KORTNUMMER_REGEX,Mo as Label,Eo as Link,po as LinkIcon,Bo as LinkList,wo as List,Vo as ListItem,Do as Loader,Qo as Logo,Jo as LogoStamp,bo as MinusIcon,is as Modal,ms as ModalActions,ps as ModalBody,cs as ModalCloseButton,ls as ModalContainer,us as ModalHeader,ds as ModalOverlay,fs as ModalTitle,V as NativeSelect,l as NavCard,Ro as NavLink,Ks as NavTab,Xs as NavTabs,Qe as ORGANISASJONSNUMMER_REGEX,xo as OrderedList,R as PRESETS,ho as PenIcon,co as PlusIcon,U as PlusRemoveAnimated,js as Popover,ue as PopupTip,r as PrimaryButton,Is as ProgressBar,lo as QuestionIcon,Ts as RadioButton,ks as RadioButtonGroup,uo as RedCrossIcon,de as ScreenReaderOnly,fo as SearchIcon,n as SecondaryButton,D as Select,yo as SkeletonAnimation,Oo as SkeletonButton,Go as SkeletonCheckboxGroup,Ho as SkeletonElement,Wo as SkeletonInput,Uo as SkeletonRadioButtonGroup,Ko as SkeletonTable,Xo as SkeletonTableHeader,_o as SkeletonTableRow,zo as SkeletonTextArea,ra as SlotComponent,go as SuccessIcon,ts as SuccessMessage,Ms as SuccessSystemMessage,Zs as SuccessTag,Cs as SummaryTable,Ss as SummaryTableRow,Ao as SupportLabel,oa as TELEFONNUMMER_REGEX,Qs as Tab,zs as TabList,Js as TabPanel,Rs as Table,Bs as TableBody,ws as TableCaption,xs as TableCell,Fs as TableColumn,Ns as TableColumnGroup,Ps as TableContextProvider,Os as TableFooter,Gs as TableHead,Hs as TableHeader,y as TablePagination,Ws as TableRow,Ds as TableSectionContextProvider,_s as Tabs,$s as Tag,u as TaskCard,$o as TeknologiFraFremtind,i as TertiaryButton,ae as TextArea,te as TextInput,Io as ThumbDownIcon,To as ThumbUpIcon,re as ToastProvider,me as ToggleSlider,ie as ToggleSwitch,pe as Tooltip,ce as TooltipContent,le as TooltipTrigger,ko as TrashCanIcon,Fo as UnorderedList,os as VartEgetForsikringsselskap,ss as VartForsikringsselskap,jo as WarningIcon,rs as WarningMessage,As as WarningSystemMessage,oe as WarningTag,S as dayMonthYearRegex,Ue as formatAvstand,Ke as formatBytes,Xe as formatDate,ze as formatFodselsnummer,v as formatInput,qe as formatKontonummer,$e as formatKortnummer,Ve as formatNumber,Je as formatOrganisasjonsnummer,sa as formatTelefonnummer,ea as formatValuta,j as getComboboxValuePair,Ta as getValuePair,ja as hasMinimumWords,ba as hasNoIllegalCharacters,Ia as initTabListener,L as isBlurTargetOutside,k as isCorrectFormat,la as isExactLength,ua as isInteger,pa as isValidChassisnummer,ca as isValidDogId,na as isValidEpost,da as isValidFodselsnummer,ga as isValidName,fa as isValidOrganisasjonsnummer,ma as isValidRegistreringsnummer,ia as isValidTelefonnummer,h as isWithinLowerBound,C as isWithinUpperBound,aa as mergeProps,ta as mergeRefs,M as parseDateString,De as parseNumber,ye as registerWithFodselsnummerMask,Oe as registerWithKontonummerMask,Ge as registerWithKortnummerMask,He as registerWithMasks,We as registerWithTelefonnummerMask,fe as tokens,Pe as unicode,ge as useAnimatedDetails,je as useAnimatedHeight,be as useAnimatedHeightBetween,Ae as useAriaLiveRegion,Ie as useAutoAnimatedHeight,Te as useBrowserPreferences,Ee as useClickOutside,T as useCookieConsent,Be as useElementDimensions,Re as useFocusOutside,we as useId,ke as useIntersectionObserver,xe as useKeyListener,Fe as useListNavigation,he as useLocalStorage,gs as useModal,Ce as useMutationObserver,Se as usePreviousValue,ve as useProgressiveImg,Le as useScreen,Me as useScrollIntoView,Us as useSortableTableHeader,Ne as useSwipeGesture,Vs as useTableContext,ys as useTableSectionContext,ne as useToast};
|
|
1
|
+
import{AccordionItem as o}from"./components/accordion/AccordionItem.js";import{Accordion as s}from"./components/accordion/Accordion.js";import{Breadcrumb as e}from"./components/breadcrumb/Breadcrumb.js";import{BreadcrumbItem as a}from"./components/breadcrumb/BreadcrumbItem.js";import{Button as t,PrimaryButton as r,SecondaryButton as n,TertiaryButton as i}from"./components/button/Button.js";import{Card as m}from"./components/card/Card.js";import{CardImage as p}from"./components/card/CardImage.js";import{InfoBlock as c,NavCard as l}from"./components/card/NavCard.js";import{TaskCard as u}from"./components/card/TaskCard.js";import{InfoCard as d}from"./components/card/InfoCard.js";import{Checkbox as f}from"./components/checkbox/Checkbox.js";import{Combobox as g,getComboboxValuePair as j}from"./components/combobox/Combobox.js";import{CookieConsent as b}from"./components/cookie-consent/CookieConsent.js";import{CookieConsentProvider as I,useCookieConsent as T}from"./components/cookie-consent/CookieConsentContext.js";import{isCorrectFormat as k,isWithinLowerBound as h,isWithinUpperBound as C}from"./components/datepicker/validation.js";import{dayMonthYearRegex as S,formatInput as v,isBlurTargetOutside as M,parseDateString as L}from"./components/datepicker/utils.js";import{DatePicker as A}from"./components/datepicker/DatePicker.js";import{Feedback as E}from"./components/feedback/Feedback.js";import{PRESETS as R}from"./components/feedback/presets.js";import{DescriptionDetail as B,DescriptionList as x,DescriptionTerm as w}from"./components/description-list/DescriptionList.js";import{a as D,b as F,E as N,M as P,N as V,S as y,T as O}from"../ExpandableTableRow-CqIg8_Yu.js";import{ExpandSection as G}from"./components/expander/ExpandSection.js";import{Icon as H}from"./components/icon/Icon.js";import{ArrowVerticalAnimated as W}from"./components/icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as U}from"./components/icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as K}from"./components/icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as X}from"./components/icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as _}from"./components/icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as z}from"./components/icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as Q}from"./components/icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as J}from"./components/icon/icons/ArrowUpIcon.js";import{CalendarIcon as Y}from"./components/icon/icons/CalendarIcon.js";import{CheckIcon as q}from"./components/icon/icons/CheckIcon.js";import{ChevronDownIcon as Z}from"./components/icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as $}from"./components/icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as oo}from"./components/icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as so}from"./components/icon/icons/ChevronUpIcon.js";import{CloseIcon as eo}from"./components/icon/icons/CloseIcon.js";import{CopyIcon as ao}from"./components/icon/icons/CopyIcon.js";import{DotsIcon as to}from"./components/icon/icons/DotsIcon.js";import{DragIcon as ro}from"./components/icon/icons/DragIcon.js";import{ErrorIcon as no}from"./components/icon/icons/ErrorIcon.js";import{GreenCheckIcon as io}from"./components/icon/icons/GreenCheckIcon.js";import{HamburgerIcon as mo}from"./components/icon/icons/HamburgerIcon.js";import{InfoIcon as po}from"./components/icon/icons/InfoIcon.js";import{LinkIcon as co}from"./components/icon/icons/LinkIcon.js";import{PlusIcon as lo}from"./components/icon/icons/PlusIcon.js";import{QuestionIcon as uo}from"./components/icon/icons/QuestionIcon.js";import{RedCrossIcon as fo}from"./components/icon/icons/RedCrossIcon.js";import{SearchIcon as go}from"./components/icon/icons/SearchIcon.js";import{SuccessIcon as jo}from"./components/icon/icons/SuccessIcon.js";import{WarningIcon as bo}from"./components/icon/icons/WarningIcon.js";import{MinusIcon as Io}from"./components/icon/icons/MinusIcon.js";import{ThumbDownIcon as To}from"./components/icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as ko}from"./components/icon/icons/ThumbUpIcon.js";import{TrashCanIcon as ho}from"./components/icon/icons/TrashCanIcon.js";import{PenIcon as Co}from"./components/icon/icons/PenIcon.js";import{IconButton as So}from"./components/icon-button/IconButton.js";import{Image as vo}from"./components/image/Image.js";import{FieldGroup as Mo}from"./components/input-group/FieldGroup.js";import{InputGroup as Lo}from"./components/input-group/InputGroup.js";import{Label as Ao}from"./components/input-group/Label.js";import{SupportLabel as Eo}from"./components/input-group/SupportLabel.js";import{Link as Ro}from"./components/link/Link.js";import{NavLink as Bo}from"./components/link/NavLink.js";import{LinkList as xo}from"./components/link-list/LinkList.js";import{List as wo,OrderedList as Do,UnorderedList as Fo}from"./components/list/List.js";import{CheckListItem as No,CrossListItem as Po,ListItem as Vo}from"./components/list/ListItem.js";import{Loader as yo}from"./components/loader/Loader.js";import{SkeletonAnimation as Oo}from"./components/loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as Go}from"./components/loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as Ho}from"./components/loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as Wo}from"./components/loader/skeletons/SkeletonElement.js";import{SkeletonInput as Uo}from"./components/loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as Ko}from"./components/loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as Xo,SkeletonTableHeader as _o,SkeletonTableRow as zo}from"./components/loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as Qo}from"./components/loader/skeletons/SkeletonTextArea.js";import{Logo as Jo}from"./components/logo/Logo.js";import{LogoStamp as Yo}from"./components/logo/LogoStamp.js";import{ForsikringLevertAvFremtind as qo}from"./components/logo/text-paths/ForsikringLevertAvFremtind.js";import{FraSB1ogDNB as Zo}from"./components/logo/text-paths/FraSB1ogDNB.js";import{InnovasjonFraFremtind as $o}from"./components/logo/text-paths/InnovasjonFraFremtind.js";import{TeknologiFraFremtind as os}from"./components/logo/text-paths/TeknologiFraFremtind.js";import{VartEgetForsikringsselskap as ss}from"./components/logo/text-paths/VartEgetForsikringsselskap.js";import{VartForsikringsselskap as es}from"./components/logo/text-paths/VartForsikringsselskap.js";import{MenuItem as as}from"./components/menu/MenuItem.js";import{MenuItemCheckbox as ts}from"./components/menu/MenuItemCheckbox.js";import{MenuDivider as rs}from"./components/menu/MenuDivider.js";import{ErrorMessage as ns,InfoMessage as is,SuccessMessage as ms,WarningMessage as ps}from"./components/message/Message.js";import{FormErrorMessage as cs}from"./components/message/FormErrorMessage.js";import{Modal as ls,ModalActions as us,ModalBody as ds,ModalCloseButton as fs,ModalContainer as gs,ModalHeader as js,ModalOverlay as bs,ModalTitle as Is}from"./components/modal/Modal.js";import{useModal as Ts}from"./components/modal/useModal.js";import{default as ks}from"./components/popover/Popover.js";import{Countdown as hs}from"./components/progress-bar/Countdown.js";import{ProgressBar as Cs}from"./components/progress-bar/ProgressBar.js";import{RadioButton as Ss}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as vs}from"./components/radio-button/RadioButtonGroup.js";import{BaseRadioButton as Ms}from"./components/radio-button/BaseRadioButton.js";import{SummaryTable as Ls}from"./components/summary-table/SummaryTable.js";import{SummaryTableRow as As}from"./components/summary-table/SummaryTableRow.js";import{ErrorSystemMessage as Es,InfoSystemMessage as Rs,SuccessSystemMessage as Bs,WarningSystemMessage as xs}from"./components/system-message/SystemMessage.js";import{DataTable as ws}from"./components/table/DataTable.js";import{Table as Ds}from"./components/table/Table.js";import{TableBody as Fs}from"./components/table/TableBody.js";import{TableCaption as Ns}from"./components/table/TableCaption.js";import{TableCell as Ps}from"./components/table/TableCell.js";import{TableColumn as Vs}from"./components/table/TableColumn.js";import{TableColumnGroup as ys}from"./components/table/TableColumnGroup.js";import{TableContextProvider as Os,useTableContext as Gs}from"./components/table/tableContext.js";import{TableSectionContextProvider as Hs,useTableSectionContext as Ws}from"./components/table/tableSectionContext.js";import{TableFooter as Us}from"./components/table/TableFooter.js";import{TableHead as Ks}from"./components/table/TableHead.js";import{TableHeader as Xs}from"./components/table/TableHeader.js";import{TableRow as _s}from"./components/table/TableRow.js";import{useSortableTableHeader as zs}from"./components/table/utils.js";import{NavTab as Qs}from"./components/tabs/NavTab.js";import{NavTabs as Js}from"./components/tabs/NavTabs.js";import{Tabs as Ys}from"./components/tabs/Tabs.js";import{TabList as qs}from"./components/tabs/TabList.js";import{Tab as Zs}from"./components/tabs/Tab.js";import{TabPanel as $s}from"./components/tabs/TabPanel.js";import{ErrorTag as oe,InfoTag as se,SuccessTag as ee,Tag as ae,WarningTag as te}from"./components/tag/Tag.js";import{BaseTextArea as re}from"./components/text-input/BaseTextArea.js";import{BaseTextInput as ne}from"./components/text-input/BaseTextInput.js";import{TextArea as ie}from"./components/text-input/TextArea.js";import{TextInput as me}from"./components/text-input/TextInput.js";import{ToastProvider as pe,useToast as ce}from"./components/toast/toastContext.js";import{ToggleSwitch as le}from"./components/toggle-switch/ToggleSwitch.js";import{ToggleSlider as ue}from"./components/toggle-switch/ToggleSlider.js";import{Tooltip as de}from"./components/tooltip/Tooltip.js";import{TooltipContent as fe}from"./components/tooltip/TooltipContent.js";import{TooltipTrigger as ge}from"./components/tooltip/TooltipTrigger.js";import{PopupTip as je}from"./components/tooltip/PopupTip.js";import{ScreenReaderOnly as be}from"./components/ScreenReaderOnly.js";import{default as Ie}from"./core/tokens.js";import{useAnimatedDetails as Te}from"./hooks/useAnimatedDetails/useAnimatedDetails.js";import{useAnimatedHeight as ke}from"./hooks/useAnimatedHeight/useAnimatedHeight.js";import{useAnimatedHeightBetween as he}from"./hooks/useAnimatedHeight/useAnimatedHeightBetween.js";import{useAutoAnimatedHeight as Ce}from"./hooks/useAnimatedHeight/useAutoAnimateHeight.js";import{useBrowserPreferences as Se}from"./hooks/useBrowserPreferences/useBrowserPreferences.js";import{useIntersectionObserver as ve}from"./hooks/useIntersectionObserver/useIntersectionObserver.js";import{useLocalStorage as Me}from"./hooks/useLocalStorage/useLocalStorage.js";import{useMutationObserver as Le}from"./hooks/useMutationObserver/useMutationObserver.js";import{usePreviousValue as Ae}from"./hooks/usePreviousValue/usePreviousValue.js";import{useProgressiveImg as Ee}from"./hooks/useProgressiveImg/useProgressiveImg.js";import{useScreen as Re}from"./hooks/useScreen/useScreen.js";import{useScrollIntoView as Be}from"./hooks/useScrollIntoView/useScrollIntoView.js";import{useAriaLiveRegion as xe}from"./hooks/useAriaLiveRegion/useAriaLiveRegion.js";import{useClickOutside as we}from"./hooks/useClickOutside/useClickOutside.js";import{useFocusOutside as De}from"./hooks/useFocusOutside/useFocusOutside.js";import{useElementDimensions as Fe}from"./hooks/useElementDimensions/useElementDimensions.js";import{useId as Ne}from"./hooks/useId/useId.js";import{useKeyListener as Pe}from"./hooks/useKeyListener/useKeyListener.js";import{useListNavigation as Ve}from"./hooks/useListNavigation/useListNavigation.js";import{useSwipeGesture as ye}from"./hooks/useSwipeGesture/useSwipeGesture.js";import{u as Oe}from"../index-DfvUcA5T.js";import{formatNumber as Ge}from"./utilities/formatters/util/formatNumber.js";import{parseNumber as He}from"./utilities/formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as We,registerWithKontonummerMask as Ue,registerWithKortnummerMask as Ke,registerWithMasks as Xe,registerWithTelefonnummerMask as _e}from"./utilities/formatters/util/registerWithMask.js";import{formatAvstand as ze}from"./utilities/formatters/avstand/formatAvstand.js";import{formatBytes as Qe}from"./utilities/formatters/bytes/formatBytes.js";import{formatDate as Je}from"./utilities/formatters/date/formatDate.js";import{FODSELSNUMMER_REGEX as Ye,formatFodselsnummer as qe}from"./utilities/formatters/fodselsnummer/formatFodselsnummer.js";import{ORGANISASJONSNUMMER_REGEX as Ze,formatOrganisasjonsnummer as $e}from"./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js";import{KONTONUMMER_REGEX as oa,formatKontonummer as sa}from"./utilities/formatters/kontonummer/formatKontonummer.js";import{KORTNUMMER_REGEX as ea,formatKortnummer as aa}from"./utilities/formatters/kortnummer/formatKortnummer.js";import{TELEFONNUMMER_REGEX as ta,formatTelefonnummer as ra}from"./utilities/formatters/telefonnummer/formatTelefonnummer.js";import{formatValuta as na}from"./utilities/formatters/valuta/formatValuta.js";import{getThemeAndDensity as ia}from"./utilities/getThemeAndDensity.js";import{mergeProps as ma}from"./utilities/polymorphism/mergeProps.js";import{mergeRefs as pa}from"./utilities/polymorphism/mergeRefs.js";import{SlotComponent as ca}from"./utilities/polymorphism/SlotComponent.js";import{isValidEpost as la}from"./utilities/validators/isValidEpost/isValidEpost.js";import{isValidTelefonnummer as ua}from"./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js";import{isValidRegistreringsnummer as da}from"./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js";import{isValidChassisnummer as fa}from"./utilities/validators/isValidChassisnummer/isValidChassisnummer.js";import{isValidDogId as ga}from"./utilities/validators/isValidDogId/isValidDogId.js";import{isExactLength as ja}from"./utilities/validators/isExactLength/isExactLength.js";import{isInteger as ba}from"./utilities/validators/isInteger/isInteger.js";import{isValidFodselsnummer as Ia}from"./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.js";import{isValidOrganisasjonsnummer as Ta}from"./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js";import{isValidName as ka}from"./utilities/validators/isValidName/isValidName.js";import{hasMinimumWords as ha}from"./utilities/validators/hasMinimumWords/hasMinimumWords.js";import{hasNoIllegalCharacters as Ca}from"./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js";import{initTabListener as Sa}from"./utilities/tabListener.js";import{getValuePair as va}from"./utilities/valuePair.js";export{s as Accordion,o as AccordionItem,X as ArrowDownIcon,U as ArrowHorizontalAnimated,_ as ArrowLeftIcon,z as ArrowNorthEastIcon,Q as ArrowRightIcon,J as ArrowUpIcon,W as ArrowVerticalAnimated,Ms as BaseRadioButton,re as BaseTextArea,ne as BaseTextInput,e as Breadcrumb,a as BreadcrumbItem,t as Button,Y as CalendarIcon,m as Card,p as CardImage,q as CheckIcon,No as CheckListItem,f as Checkbox,Z as ChevronDownIcon,$ as ChevronLeftIcon,oo as ChevronRightIcon,so as ChevronUpIcon,eo as CloseIcon,g as Combobox,b as CookieConsent,I as CookieConsentProvider,ao as CopyIcon,hs as Countdown,Po as CrossListItem,ws as DataTable,A as DatePicker,B as DescriptionDetail,x as DescriptionList,w as DescriptionTerm,to as DotsIcon,ro as DragIcon,no as ErrorIcon,ns as ErrorMessage,Es as ErrorSystemMessage,oe as ErrorTag,G as ExpandSection,D as ExpandableTableRow,F as ExpandableTableRowController,N as Expander,Ye as FODSELSNUMMER_REGEX,E as Feedback,Mo as FieldGroup,cs as FormErrorMessage,qo as ForsikringLevertAvFremtind,Zo as FraSB1ogDNB,io as GreenCheckIcon,mo as HamburgerIcon,H as Icon,So as IconButton,vo as Image,c as InfoBlock,d as InfoCard,po as InfoIcon,is as InfoMessage,Rs as InfoSystemMessage,se as InfoTag,$o as InnovasjonFraFremtind,Lo as InputGroup,oa as KONTONUMMER_REGEX,ea as KORTNUMMER_REGEX,Ao as Label,Ro as Link,co as LinkIcon,xo as LinkList,wo as List,Vo as ListItem,yo as Loader,Jo as Logo,Yo as LogoStamp,P as Menu,rs as MenuDivider,as as MenuItem,ts as MenuItemCheckbox,Io as MinusIcon,ls as Modal,us as ModalActions,ds as ModalBody,fs as ModalCloseButton,gs as ModalContainer,js as ModalHeader,bs as ModalOverlay,Is as ModalTitle,V as NativeSelect,l as NavCard,Bo as NavLink,Qs as NavTab,Js as NavTabs,Ze as ORGANISASJONSNUMMER_REGEX,Do as OrderedList,R as PRESETS,Co as PenIcon,lo as PlusIcon,K as PlusRemoveAnimated,ks as Popover,je as PopupTip,r as PrimaryButton,Cs as ProgressBar,uo as QuestionIcon,Ss as RadioButton,vs as RadioButtonGroup,fo as RedCrossIcon,be as ScreenReaderOnly,go as SearchIcon,n as SecondaryButton,y as Select,Oo as SkeletonAnimation,Go as SkeletonButton,Ho as SkeletonCheckboxGroup,Wo as SkeletonElement,Uo as SkeletonInput,Ko as SkeletonRadioButtonGroup,Xo as SkeletonTable,_o as SkeletonTableHeader,zo as SkeletonTableRow,Qo as SkeletonTextArea,ca as SlotComponent,jo as SuccessIcon,ms as SuccessMessage,Bs as SuccessSystemMessage,ee as SuccessTag,Ls as SummaryTable,As as SummaryTableRow,Eo as SupportLabel,ta as TELEFONNUMMER_REGEX,Zs as Tab,qs as TabList,$s as TabPanel,Ds as Table,Fs as TableBody,Ns as TableCaption,Ps as TableCell,Vs as TableColumn,ys as TableColumnGroup,Os as TableContextProvider,Us as TableFooter,Ks as TableHead,Xs as TableHeader,O as TablePagination,_s as TableRow,Hs as TableSectionContextProvider,Ys as Tabs,ae as Tag,u as TaskCard,os as TeknologiFraFremtind,i as TertiaryButton,ie as TextArea,me as TextInput,To as ThumbDownIcon,ko as ThumbUpIcon,pe as ToastProvider,ue as ToggleSlider,le as ToggleSwitch,de as Tooltip,fe as TooltipContent,ge as TooltipTrigger,ho as TrashCanIcon,Fo as UnorderedList,ss as VartEgetForsikringsselskap,es as VartForsikringsselskap,bo as WarningIcon,ps as WarningMessage,xs as WarningSystemMessage,te as WarningTag,S as dayMonthYearRegex,ze as formatAvstand,Qe as formatBytes,Je as formatDate,qe as formatFodselsnummer,v as formatInput,sa as formatKontonummer,aa as formatKortnummer,Ge as formatNumber,$e as formatOrganisasjonsnummer,ra as formatTelefonnummer,na as formatValuta,j as getComboboxValuePair,ia as getThemeAndDensity,va as getValuePair,ha as hasMinimumWords,Ca as hasNoIllegalCharacters,Sa as initTabListener,M as isBlurTargetOutside,k as isCorrectFormat,ja as isExactLength,ba as isInteger,fa as isValidChassisnummer,ga as isValidDogId,la as isValidEpost,Ia as isValidFodselsnummer,ka as isValidName,Ta as isValidOrganisasjonsnummer,da as isValidRegistreringsnummer,ua as isValidTelefonnummer,h as isWithinLowerBound,C as isWithinUpperBound,ma as mergeProps,pa as mergeRefs,L as parseDateString,He as parseNumber,We as registerWithFodselsnummerMask,Ue as registerWithKontonummerMask,Ke as registerWithKortnummerMask,Xe as registerWithMasks,_e as registerWithTelefonnummerMask,Ie as tokens,Oe as unicode,Te as useAnimatedDetails,ke as useAnimatedHeight,he as useAnimatedHeightBetween,xe as useAriaLiveRegion,Ce as useAutoAnimatedHeight,Se as useBrowserPreferences,we as useClickOutside,T as useCookieConsent,Fe as useElementDimensions,De as useFocusOutside,Ne as useId,ve as useIntersectionObserver,Pe as useKeyListener,Ve as useListNavigation,Me as useLocalStorage,Ts as useModal,Le as useMutationObserver,Ae as usePreviousValue,Ee as useProgressiveImg,Re as useScreen,Be as useScrollIntoView,zs as useSortableTableHeader,ye as useSwipeGesture,Gs as useTableContext,Ws as useTableSectionContext,ce as useToast};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
const e=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"}};export{e as getThemeAndDensity};
|
|
2
|
-
//# sourceMappingURL=
|
|
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":["getThemeAndDensity","element","computedStyles","getComputedStyle","theme","parseInt","getPropertyValue","replace","density"],"mappings":"AAKa,MAAAA,EAAsBC,IAC3B,IAACA,EAAS,MAAO,GAEfC,MAAAA,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
|
-
import{u as s}from"../../index-DfvUcA5T.js";import{formatNumber as a}from"./formatters/util/formatNumber.js";import{parseNumber as r}from"./formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as m,registerWithKontonummerMask as
|
|
1
|
+
import{u as s}from"../../index-DfvUcA5T.js";import{formatNumber as a}from"./formatters/util/formatNumber.js";import{parseNumber as r}from"./formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as m,registerWithKontonummerMask as e,registerWithKortnummerMask as o,registerWithMasks as t,registerWithTelefonnummerMask as i}from"./formatters/util/registerWithMask.js";import{formatAvstand as n}from"./formatters/avstand/formatAvstand.js";import{formatBytes as l}from"./formatters/bytes/formatBytes.js";import{formatDate as f}from"./formatters/date/formatDate.js";import{FODSELSNUMMER_REGEX as d,formatFodselsnummer as u}from"./formatters/fodselsnummer/formatFodselsnummer.js";import{ORGANISASJONSNUMMER_REGEX as g,formatOrganisasjonsnummer as p}from"./formatters/organisasjonsnummer/formatOrganisasjonsnummer.js";import{KONTONUMMER_REGEX as E,formatKontonummer as j}from"./formatters/kontonummer/formatKontonummer.js";import{KORTNUMMER_REGEX as h,formatKortnummer as V}from"./formatters/kortnummer/formatKortnummer.js";import{TELEFONNUMMER_REGEX as M,formatTelefonnummer as N}from"./formatters/telefonnummer/formatTelefonnummer.js";import{formatValuta as R}from"./formatters/valuta/formatValuta.js";import{getThemeAndDensity as O}from"./getThemeAndDensity.js";import{mergeProps as T}from"./polymorphism/mergeProps.js";import{mergeRefs as v}from"./polymorphism/mergeRefs.js";import{SlotComponent as W}from"./polymorphism/SlotComponent.js";import{isValidEpost as I}from"./validators/isValidEpost/isValidEpost.js";import{isValidTelefonnummer as K}from"./validators/isValidTelefonnummer/isValidTelefonnummer.js";import{isValidRegistreringsnummer as k}from"./validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js";import{isValidChassisnummer as F}from"./validators/isValidChassisnummer/isValidChassisnummer.js";import{isValidDogId as S}from"./validators/isValidDogId/isValidDogId.js";import{isExactLength as D}from"./validators/isExactLength/isExactLength.js";import{isInteger as G}from"./validators/isInteger/isInteger.js";import{isValidFodselsnummer as C}from"./validators/isValidFodselsnummer/isValidFodselsnummer.js";import{isValidOrganisasjonsnummer as L}from"./validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js";import{isValidName as b}from"./validators/isValidName/isValidName.js";import{hasMinimumWords as y}from"./validators/hasMinimumWords/hasMinimumWords.js";import{hasNoIllegalCharacters as A}from"./validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js";import{initTabListener as U}from"./tabListener.js";import{getValuePair as X}from"./valuePair.js";export{d as FODSELSNUMMER_REGEX,E as KONTONUMMER_REGEX,h as KORTNUMMER_REGEX,g as ORGANISASJONSNUMMER_REGEX,W as SlotComponent,M as TELEFONNUMMER_REGEX,n as formatAvstand,l as formatBytes,f as formatDate,u as formatFodselsnummer,j as formatKontonummer,V as formatKortnummer,a as formatNumber,p as formatOrganisasjonsnummer,N as formatTelefonnummer,R as formatValuta,O as getThemeAndDensity,X as getValuePair,y as hasMinimumWords,A as hasNoIllegalCharacters,U as initTabListener,D as isExactLength,G as isInteger,F as isValidChassisnummer,S as isValidDogId,I as isValidEpost,C as isValidFodselsnummer,b as isValidName,L as isValidOrganisasjonsnummer,k as isValidRegistreringsnummer,K as isValidTelefonnummer,T as mergeProps,v as mergeRefs,r as parseNumber,m as registerWithFodselsnummerMask,e as registerWithKontonummerMask,o as registerWithKortnummerMask,t as registerWithMasks,i as registerWithTelefonnummerMask,s as unicode};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|