@c15t/react 1.5.0 → 1.6.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/README.md +108 -45
- package/dist/components/consent-manager-dialog/__tests__/styles.spec.cjs +1 -1
- package/dist/components/consent-manager-dialog/__tests__/styles.spec.js +1 -1
- package/dist/components/consent-manager-dialog/atoms/dialog-card.cjs +1 -1
- package/dist/components/consent-manager-dialog/atoms/dialog-card.d.ts +2 -3
- package/dist/components/consent-manager-dialog/atoms/dialog-card.d.ts.map +1 -1
- package/dist/components/consent-manager-dialog/atoms/dialog-card.js +1 -1
- package/dist/components/consent-manager-dialog/atoms/overlay.cjs +1 -1
- package/dist/components/consent-manager-dialog/atoms/overlay.d.ts +12 -33
- package/dist/components/consent-manager-dialog/atoms/overlay.d.ts.map +1 -1
- package/dist/components/consent-manager-dialog/atoms/overlay.js +1 -1
- package/dist/components/consent-manager-dialog/atoms/root.cjs +2 -0
- package/dist/components/consent-manager-dialog/atoms/root.d.ts +60 -0
- package/dist/components/consent-manager-dialog/atoms/root.d.ts.map +1 -0
- package/dist/components/consent-manager-dialog/atoms/root.js +2 -0
- package/dist/components/consent-manager-dialog/consent-manager-dialog.cjs +1 -1
- package/dist/components/consent-manager-dialog/consent-manager-dialog.d.ts +14 -33
- package/dist/components/consent-manager-dialog/consent-manager-dialog.d.ts.map +1 -1
- package/dist/components/consent-manager-dialog/consent-manager-dialog.js +1 -1
- package/dist/components/consent-manager-dialog/consent-manager-dialog.module.cjs +1 -1
- package/dist/components/consent-manager-dialog/consent-manager-dialog.module.js +1 -1
- package/dist/components/consent-manager-dialog/index.cjs +1 -1
- package/dist/components/consent-manager-dialog/index.d.ts +76 -2
- package/dist/components/consent-manager-dialog/index.d.ts.map +1 -1
- package/dist/components/consent-manager-dialog/index.js +1 -1
- package/dist/components/consent-manager-widget/__tests__/styles.spec.cjs +1 -1
- package/dist/components/consent-manager-widget/__tests__/styles.spec.js +3 -3
- package/dist/components/consent-manager-widget/atoms/accordion.cjs +1 -1
- package/dist/components/consent-manager-widget/atoms/accordion.d.ts.map +1 -1
- package/dist/components/consent-manager-widget/atoms/accordion.js +1 -1
- package/dist/components/consent-manager-widget/atoms/root.cjs +1 -1
- package/dist/components/consent-manager-widget/atoms/root.d.ts.map +1 -1
- package/dist/components/consent-manager-widget/atoms/root.js +1 -1
- package/dist/components/consent-manager-widget/consent-manager-widget.d.ts +0 -41
- package/dist/components/consent-manager-widget/consent-manager-widget.d.ts.map +1 -1
- package/dist/components/consent-manager-widget/index.cjs +1 -2
- package/dist/components/consent-manager-widget/index.d.ts +79 -5
- package/dist/components/consent-manager-widget/index.d.ts.map +1 -1
- package/dist/components/consent-manager-widget/index.js +1 -2
- package/dist/components/consent-manager-widget/theme.d.ts +1 -1
- package/dist/components/consent-manager-widget/theme.d.ts.map +1 -1
- package/dist/components/cookie-banner/__tests__/styles.spec.cjs +3 -3
- package/dist/components/cookie-banner/__tests__/styles.spec.js +3 -3
- package/dist/components/cookie-banner/atoms/overlay.cjs +1 -1
- package/dist/components/cookie-banner/atoms/overlay.d.ts.map +1 -1
- package/dist/components/cookie-banner/atoms/overlay.js +1 -1
- package/dist/components/cookie-banner/atoms/root.cjs +1 -1
- package/dist/components/cookie-banner/atoms/root.d.ts.map +1 -1
- package/dist/components/cookie-banner/atoms/root.js +1 -1
- package/dist/components/cookie-banner/cookie-banner.cjs +1 -1
- package/dist/components/cookie-banner/cookie-banner.d.ts +0 -60
- package/dist/components/cookie-banner/cookie-banner.d.ts.map +1 -1
- package/dist/components/cookie-banner/cookie-banner.js +1 -1
- package/dist/components/cookie-banner/cookie-banner.module.cjs +1 -1
- package/dist/components/cookie-banner/cookie-banner.module.js +1 -1
- package/dist/components/cookie-banner/index.cjs +2 -1
- package/dist/components/cookie-banner/index.d.ts +83 -35
- package/dist/components/cookie-banner/index.d.ts.map +1 -1
- package/dist/components/cookie-banner/index.js +2 -1
- package/dist/components/shared/libs/recursive-clone-children.d.ts.map +1 -1
- package/dist/components/shared/primitives/box.d.ts.map +1 -1
- package/dist/components/shared/primitives/button.types.d.ts +1 -2
- package/dist/components/shared/primitives/button.types.d.ts.map +1 -1
- package/dist/components/shared/ui/accordion/accordion.d.ts.map +1 -1
- package/dist/components/shared/ui/accordion/accordion.module.cjs +1 -1
- package/dist/components/shared/ui/accordion/accordion.module.js +1 -1
- package/dist/components/shared/ui/icon.d.ts.map +1 -1
- package/dist/components/shared/ui/switch/switch.module.cjs +1 -1
- package/dist/components/shared/ui/switch/switch.module.js +1 -1
- package/dist/headless.cjs +1 -1
- package/dist/headless.d.ts +5 -5
- package/dist/headless.d.ts.map +1 -1
- package/dist/headless.js +1 -1
- package/dist/hooks/index.cjs +1 -1
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +1 -1
- package/dist/hooks/use-color-scheme.cjs +1 -0
- package/dist/hooks/use-color-scheme.d.ts.map +1 -1
- package/dist/hooks/use-color-scheme.js +1 -0
- package/dist/hooks/use-consent-manager.d.ts +18 -12
- package/dist/hooks/use-consent-manager.d.ts.map +1 -1
- package/dist/hooks/use-focus-trap.cjs +1 -0
- package/dist/hooks/use-focus-trap.d.ts.map +1 -1
- package/dist/hooks/use-focus-trap.js +1 -0
- package/dist/hooks/use-scroll-lock.cjs +1 -0
- package/dist/hooks/use-scroll-lock.d.ts +0 -4
- package/dist/hooks/use-scroll-lock.d.ts.map +1 -1
- package/dist/hooks/use-scroll-lock.js +1 -0
- package/dist/hooks/use-styles.d.ts +1 -2
- package/dist/hooks/use-styles.d.ts.map +1 -1
- package/dist/hooks/use-text-direction.cjs +2 -0
- package/dist/hooks/use-text-direction.d.ts +6 -0
- package/dist/hooks/use-text-direction.d.ts.map +1 -0
- package/dist/hooks/use-text-direction.js +2 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +10 -10
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/providers/__tests__/provider-context.test.cjs +1 -1
- package/dist/providers/__tests__/provider-context.test.js +1 -1
- package/dist/providers/__tests__/provider-errors.test.cjs +1 -1
- package/dist/providers/__tests__/provider-errors.test.js +1 -1
- package/dist/providers/consent-manager-provider.cjs +1 -1
- package/dist/providers/consent-manager-provider.d.ts.map +1 -1
- package/dist/providers/consent-manager-provider.js +1 -1
- package/dist/types/consent-manager.d.ts +5 -1
- package/dist/types/consent-manager.d.ts.map +1 -1
- package/dist/version.cjs +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +33 -9
- package/readme.json +37 -0
|
@@ -1,11 +1,85 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* Enhanced ConsentManagerWidget component with compound components attached.
|
|
3
|
+
*
|
|
4
|
+
* @remarks
|
|
5
|
+
* This is the main export that provides access to all ConsentManagerWidget components.
|
|
6
|
+
* It follows the compound components pattern, allowing for flexible composition
|
|
7
|
+
* of the widget's parts.
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
10
|
+
import type { FC } from 'react';
|
|
11
|
+
import { Accordion, AccordionArrow, AccordionContent, AccordionItem, AccordionItems, AccordionTrigger, AccordionTriggerInner, Switch } from './atoms/accordion';
|
|
12
|
+
import { AcceptAllButton, CustomizeButton, RejectButton, SaveButton } from './atoms/button';
|
|
13
|
+
import { Footer, FooterSubGroup } from './atoms/footer';
|
|
14
|
+
import { Root } from './atoms/root';
|
|
15
|
+
import type { ConsentManagerWidgetProps } from './types';
|
|
16
|
+
/**
|
|
17
|
+
* This interface extends the base ConsentManagerWidget component with additional sub-components
|
|
18
|
+
* that can be used to compose the widget's structure. Each component is designed to be
|
|
19
|
+
* fully accessible and customizable while maintaining compliance with privacy regulations.
|
|
20
|
+
*
|
|
21
|
+
* @public
|
|
22
|
+
*/
|
|
23
|
+
export interface ConsentManagerWidgetCompoundComponent extends FC<ConsentManagerWidgetProps> {
|
|
24
|
+
AccordionTrigger: typeof AccordionTrigger;
|
|
25
|
+
AccordionTriggerInner: typeof AccordionTriggerInner;
|
|
26
|
+
AccordionContent: typeof AccordionContent;
|
|
27
|
+
AccordionArrow: typeof AccordionArrow;
|
|
28
|
+
Accordion: typeof Accordion;
|
|
29
|
+
Switch: typeof Switch;
|
|
30
|
+
AccordionItems: typeof AccordionItems;
|
|
31
|
+
AccordionItem: typeof AccordionItem;
|
|
32
|
+
Root: typeof Root;
|
|
33
|
+
AcceptAllButton: typeof AcceptAllButton;
|
|
34
|
+
CustomizeButton: typeof CustomizeButton;
|
|
35
|
+
SaveButton: typeof SaveButton;
|
|
36
|
+
RejectButton: typeof RejectButton;
|
|
37
|
+
Footer: typeof Footer;
|
|
38
|
+
FooterSubGroup: typeof FooterSubGroup;
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* The main consent management widget component.
|
|
42
|
+
* Provides a pre-configured interface for managing privacy consents.
|
|
43
|
+
*
|
|
44
|
+
* @remarks
|
|
45
|
+
* Key features:
|
|
46
|
+
* - Implements compound component pattern for flexible composition
|
|
47
|
+
* - Manages consent state and user interactions
|
|
48
|
+
* - Provides accessible controls for consent management
|
|
49
|
+
* - Supports comprehensive theming
|
|
50
|
+
* - Handles accordion state management
|
|
51
|
+
*
|
|
52
|
+
* @example
|
|
53
|
+
* Basic usage:
|
|
54
|
+
* ```tsx
|
|
55
|
+
* <ConsentManagerWidget
|
|
56
|
+
* theme={{
|
|
57
|
+
* root: "custom-root-class",
|
|
58
|
+
* accordion: "custom-accordion-class",
|
|
59
|
+
* footer: "custom-footer-class"
|
|
60
|
+
* }}
|
|
61
|
+
* hideBrading={true}
|
|
62
|
+
* />
|
|
63
|
+
* ```
|
|
64
|
+
*
|
|
65
|
+
* @example
|
|
66
|
+
* Compound components:
|
|
67
|
+
* ```tsx
|
|
68
|
+
* <ConsentManagerWidget.Root>
|
|
69
|
+
* <ConsentManagerWidget.Accordion>
|
|
70
|
+
* <ConsentManagerWidget.AccordionItems />
|
|
71
|
+
* </ConsentManagerWidget.Accordion>
|
|
72
|
+
* </ConsentManagerWidget.Root>
|
|
73
|
+
* ```
|
|
74
|
+
* Note: Next.js Server Components do not support compound components. Ensure you add 'use client' to the file.
|
|
3
75
|
*
|
|
4
|
-
* @packageDocumentation
|
|
5
76
|
*/
|
|
6
|
-
|
|
7
|
-
export
|
|
8
|
-
export {
|
|
77
|
+
declare const ConsentManagerWidget: ConsentManagerWidgetCompoundComponent;
|
|
78
|
+
export default ConsentManagerWidget;
|
|
79
|
+
export { ConsentManagerWidget };
|
|
80
|
+
export { Accordion, AccordionArrow, AccordionContent, AccordionItem, AccordionItems, AccordionTrigger, AccordionTriggerInner, ConsentManagerWidgetAccordion, ConsentManagerWidgetAccordionArrow, ConsentManagerWidgetAccordionContent, ConsentManagerWidgetAccordionItem, ConsentManagerWidgetAccordionItems, ConsentManagerWidgetAccordionTrigger, ConsentManagerWidgetAccordionTriggerInner, ConsentManagerWidgetSwitch, Switch, } from './atoms/accordion';
|
|
81
|
+
export { AcceptAllButton, ConsentManagerWidgetAcceptAllButton, ConsentManagerWidgetCustomizeButton, ConsentManagerWidgetRejectButton, ConsentManagerWidgetSaveButton, CustomizeButton, RejectButton, SaveButton, } from './atoms/button';
|
|
9
82
|
export { ConsentManagerWidgetFooter, ConsentManagerWidgetFooterSubGroup, Footer, FooterSubGroup, } from './atoms/footer';
|
|
83
|
+
export { ConsentManagerWidgetRoot, Root, } from './atoms/root';
|
|
10
84
|
export type { ConsentManagerWidgetTheme } from './theme';
|
|
11
85
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/consent-manager-widget/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/consent-manager-widget/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EACN,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EACrB,MAAM,EACN,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACN,eAAe,EACf,eAAe,EACf,YAAY,EACZ,UAAU,EACV,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD;;;;;;GAMG;AACH,MAAM,WAAW,qCAChB,SAAQ,EAAE,CAAC,yBAAyB,CAAC;IAErC,gBAAgB,EAAE,OAAO,gBAAgB,CAAC;IAC1C,qBAAqB,EAAE,OAAO,qBAAqB,CAAC;IACpD,gBAAgB,EAAE,OAAO,gBAAgB,CAAC;IAC1C,cAAc,EAAE,OAAO,cAAc,CAAC;IACtC,SAAS,EAAE,OAAO,SAAS,CAAC;IAC5B,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,cAAc,EAAE,OAAO,cAAc,CAAC;IACtC,aAAa,EAAE,OAAO,aAAa,CAAC;IAEpC,IAAI,EAAE,OAAO,IAAI,CAAC;IAElB,eAAe,EAAE,OAAO,eAAe,CAAC;IACxC,eAAe,EAAE,OAAO,eAAe,CAAC;IACxC,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,YAAY,EAAE,OAAO,YAAY,CAAC;IAElC,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,cAAc,EAAE,OAAO,cAAc,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,QAAA,MAAM,oBAAoB,EAoBpB,qCAAqC,CAAC;AAG5C,eAAe,oBAAoB,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAGhC,OAAO,EACN,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EACrB,6BAA6B,EAC7B,kCAAkC,EAClC,oCAAoC,EACpC,iCAAiC,EACjC,kCAAkC,EAClC,oCAAoC,EACpC,yCAAyC,EACzC,0BAA0B,EAC1B,MAAM,GACN,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACN,eAAe,EACf,mCAAmC,EACnC,mCAAmC,EACnC,gCAAgC,EAChC,8BAA8B,EAC9B,eAAe,EACf,YAAY,EACZ,UAAU,GACV,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACN,0BAA0B,EAC1B,kCAAkC,EAClC,MAAM,EACN,cAAc,GACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACN,wBAAwB,EACxB,IAAI,GACJ,MAAM,cAAc,CAAC;AAEtB,YAAY,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import*as e from"./atoms/accordion.js";import*as o from"./atoms/root.js";import*as t from"./atoms/button.js";import*as n from"./atoms/footer.js";var r=t.AcceptAllButton,a=e.Accordion,_=e.AccordionArrow,c=e.AccordionContent,s=e.AccordionItem,i=e.AccordionItems,g=e.AccordionTrigger,d=e.AccordionTriggerInner,p=t.ConsentManagerWidgetAcceptAllButton,A=e.ConsentManagerWidgetAccordion,C=e.ConsentManagerWidgetAccordionArrow,M=e.ConsentManagerWidgetAccordionContent,W=e.ConsentManagerWidgetAccordionItem,u=e.ConsentManagerWidgetAccordionItems,w=e.ConsentManagerWidgetAccordionTrigger,b=e.ConsentManagerWidgetAccordionTriggerInner,x=t.ConsentManagerWidgetCustomizeButton,k=n.ConsentManagerWidgetFooter,m=n.ConsentManagerWidgetFooterSubGroup,B=t.ConsentManagerWidgetRejectButton,I=o.ConsentManagerWidgetRoot,S=t.ConsentManagerWidgetSaveButton,l=e.ConsentManagerWidgetSwitch,F=t.CustomizeButton,R=n.Footer,T=n.FooterSubGroup,j=t.RejectButton,v=o.Root,h=t.SaveButton,z=e.Switch;export{r as AcceptAllButton,a as Accordion,_ as AccordionArrow,c as AccordionContent,s as AccordionItem,i as AccordionItems,g as AccordionTrigger,d as AccordionTriggerInner,p as ConsentManagerWidgetAcceptAllButton,A as ConsentManagerWidgetAccordion,C as ConsentManagerWidgetAccordionArrow,M as ConsentManagerWidgetAccordionContent,W as ConsentManagerWidgetAccordionItem,u as ConsentManagerWidgetAccordionItems,w as ConsentManagerWidgetAccordionTrigger,b as ConsentManagerWidgetAccordionTriggerInner,x as ConsentManagerWidgetCustomizeButton,k as ConsentManagerWidgetFooter,m as ConsentManagerWidgetFooterSubGroup,B as ConsentManagerWidgetRejectButton,I as ConsentManagerWidgetRoot,S as ConsentManagerWidgetSaveButton,l as ConsentManagerWidgetSwitch,F as CustomizeButton,R as Footer,T as FooterSubGroup,j as RejectButton,v as Root,h as SaveButton,z as Switch};
|
|
1
|
+
import*as o from"./atoms/accordion.js";import*as e from"./atoms/button.js";import*as t from"./atoms/footer.js";import*as n from"./atoms/root.js";import*as r from"./consent-manager-widget.js";let a=Object.assign(r.ConsentManagerWidget,{AccordionTrigger:o.AccordionTrigger,AccordionTriggerInner:o.AccordionTriggerInner,AccordionContent:o.AccordionContent,AccordionArrow:o.AccordionArrow,Accordion:o.Accordion,Switch:o.Switch,AccordionItems:o.AccordionItems,AccordionItem:o.AccordionItem,Root:n.Root,AcceptAllButton:e.AcceptAllButton,CustomizeButton:e.CustomizeButton,SaveButton:e.SaveButton,RejectButton:e.RejectButton,Footer:t.Footer,FooterSubGroup:t.FooterSubGroup}),c=a;var _=e.AcceptAllButton,i=o.Accordion,s=o.AccordionArrow,g=o.AccordionContent,d=o.AccordionItem,p=o.AccordionItems,A=o.AccordionTrigger,C=o.AccordionTriggerInner,u=e.ConsentManagerWidgetAcceptAllButton,w=o.ConsentManagerWidgetAccordion,M=o.ConsentManagerWidgetAccordionArrow,W=o.ConsentManagerWidgetAccordionContent,b=o.ConsentManagerWidgetAccordionItem,m=o.ConsentManagerWidgetAccordionItems,B=o.ConsentManagerWidgetAccordionTrigger,x=o.ConsentManagerWidgetAccordionTriggerInner,k=e.ConsentManagerWidgetCustomizeButton,I=t.ConsentManagerWidgetFooter,S=t.ConsentManagerWidgetFooterSubGroup,l=e.ConsentManagerWidgetRejectButton,F=n.ConsentManagerWidgetRoot,R=e.ConsentManagerWidgetSaveButton,T=o.ConsentManagerWidgetSwitch,j=e.CustomizeButton,v=t.Footer,h=t.FooterSubGroup,z=e.RejectButton,G=n.Root,f=e.SaveButton,O=o.Switch;export{a as ConsentManagerWidget,c as default,_ as AcceptAllButton,i as Accordion,s as AccordionArrow,g as AccordionContent,d as AccordionItem,p as AccordionItems,A as AccordionTrigger,C as AccordionTriggerInner,u as ConsentManagerWidgetAcceptAllButton,w as ConsentManagerWidgetAccordion,M as ConsentManagerWidgetAccordionArrow,W as ConsentManagerWidgetAccordionContent,b as ConsentManagerWidgetAccordionItem,m as ConsentManagerWidgetAccordionItems,B as ConsentManagerWidgetAccordionTrigger,x as ConsentManagerWidgetAccordionTriggerInner,k as ConsentManagerWidgetCustomizeButton,I as ConsentManagerWidgetFooter,S as ConsentManagerWidgetFooterSubGroup,l as ConsentManagerWidgetRejectButton,F as ConsentManagerWidgetRoot,R as ConsentManagerWidgetSaveButton,T as ConsentManagerWidgetSwitch,j as CustomizeButton,v as Footer,h as FooterSubGroup,z as RejectButton,G as Root,f as SaveButton,O as Switch};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ThemeValue } from '../../types/theme';
|
|
2
|
-
import type {
|
|
2
|
+
import type { AccordionContentCSSVariables, AccordionCSSVariables, AccordionIconCSSVariables, AccordionItemCSSVariables, AccordionTriggerCSSVariables } from '../shared/ui/accordion';
|
|
3
3
|
import type { SwitchCSSVariables, SwitchThumbCSSVariables, SwitchTrackCSSVariables } from '../shared/ui/switch';
|
|
4
4
|
/**
|
|
5
5
|
* Configuration object for styling different parts of the ConsentManagerWidget component.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/consent-manager-widget/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EACX,qBAAqB,EACrB,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/consent-manager-widget/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EACX,4BAA4B,EAC5B,qBAAqB,EACrB,yBAAyB,EACzB,yBAAyB,EACzB,4BAA4B,EAC5B,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EACX,kBAAkB,EAClB,uBAAuB,EACvB,uBAAuB,EACvB,MAAM,qBAAqB,CAAC;AAE7B;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC;IAC/C,qDAAqD;IACrD,aAAa,EAAE,UAAU,CAAC;IAC1B,+CAA+C;IAC/C,iBAAiB,EAAE,UAAU,CAAC;IAC9B,6CAA6C;IAC7C,eAAe,EAAE,UAAU,CAAC;IAC5B,uDAAuD;IACvD,yBAAyB,EAAE,UAAU,CAAC;IACtC,2DAA2D;IAC3D,6BAA6B,EAAE,UAAU,CAAC;IAC1C,2DAA2D;IAC3D,6BAA6B,EAAE,UAAU,CAAC;IAC1C,8DAA8D;IAC9D,gCAAgC,EAAE,UAAU,CAAC;IAC7C,yDAAyD;IACzD,2BAA2B,EAAE,UAAU,CAAC;IACxC,gDAAgD;IAChD,kBAAkB,EAAE,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACtD,wDAAwD;IACxD,0BAA0B,EAAE,UAAU,CAAC,4BAA4B,CAAC,CAAC;IACrE,8DAA8D;IAC9D,gCAAgC,EAAE,UAAU,CAAC,4BAA4B,CAAC,CAAC;IAC3E,qDAAqD;IACrD,uBAAuB,EAAE,UAAU,CAAC,yBAAyB,CAAC,CAAC;IAC/D,qDAAqD;IACrD,uBAAuB,EAAE,UAAU,CAAC,yBAAyB,CAAC,CAAC;IAC/D,2DAA2D;IAC3D,6BAA6B,EAAE,UAAU,CAAC,yBAAyB,CAAC,CAAC;IACrE,4DAA4D;IAC5D,8BAA8B,EAAE,UAAU,CAAC,yBAAyB,CAAC,CAAC;IACtE,wDAAwD;IACxD,0BAA0B,EAAE,UAAU,CAAC,4BAA4B,CAAC,CAAC;IACrE,8DAA8D;IAC9D,gCAAgC,EAAE,UAAU,CAAC,4BAA4B,CAAC,CAAC;IAC3E,6CAA6C;IAC7C,eAAe,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAChD,mDAAmD;IACnD,qBAAqB,EAAE,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC3D,mDAAmD;IACnD,qBAAqB,EAAE,UAAU,CAAC,uBAAuB,CAAC,CAAC;CAC3D,CAAC,CAAC"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=(e,t)=>{for(var o in t)__webpack_require__.o(t,o)&&!__webpack_require__.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var __webpack_exports__={};let
|
|
1
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_modules__={"~/hooks/use-text-direction":function(e){e.exports=import("../../../hooks/use-text-direction.cjs")}},__webpack_module_cache__={};function __webpack_require__(e){var t=__webpack_module_cache__[e];if(void 0!==t)return t.exports;var o=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](o,o.exports,__webpack_require__),o.exports}__webpack_require__.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=(e,t)=>{for(var o in t)__webpack_require__.o(t,o)&&!__webpack_require__.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var __webpack_exports__={};for(var __webpack_i__ in(()=>{let e=require("react/jsx-runtime"),t=require("c15t"),o=require("vitest"),r=require("../cookie-banner.cjs"),n=require("../../../utils/test-helpers.cjs");var s=__webpack_require__.n(n);let a=require("../../shared/ui/button/button.module.cjs");var c=__webpack_require__.n(a);let l=require("../cookie-banner.module.cjs");var i=__webpack_require__.n(l);o.vi.mock("~/hooks/use-consent-manager",()=>({useConsentManager:()=>({showPopup:!0,translationConfig:{defaultLanguage:"en"},...o.vi.fn()})})),o.vi.mock("~/hooks/use-translations",()=>({useTranslations:()=>t.defaultTranslationConfig.translations.en})),o.vi.mock("~/hooks/use-text-direction",()=>({useTextDirection:o.vi.fn().mockReturnValue("ltr")}));let u=[{testId:"cookie-banner-root",themeKey:"banner.root",styles:"custom-root"},{testId:"cookie-banner-card",themeKey:"banner.card",styles:"custom-card"},{testId:"cookie-banner-header",themeKey:"banner.header.root",styles:"custom-header"},{testId:"cookie-banner-title",themeKey:"banner.header.title",styles:"custom-title"},{testId:"cookie-banner-description",themeKey:"banner.header.description",styles:"custom-description"},{testId:"cookie-banner-footer",themeKey:"banner.footer",styles:"custom-footer"},{testId:"cookie-banner-footer-sub-group",themeKey:"banner.footer.sub-group",styles:"custom-footer-sub-group"},{testId:"cookie-banner-overlay",themeKey:"banner.overlay",styles:"custom-overlay"},{testId:"cookie-banner-reject-button",themeKey:"banner.footer.reject-button",styles:"custom-reject-button"},{testId:"cookie-banner-customize-button",themeKey:"banner.footer.customize-button",styles:"custom-customize-button"},{testId:"cookie-banner-accept-button",themeKey:"banner.footer.accept-button",styles:"custom-accept-button"}];(0,o.test)("should apply string classNames from theme prop to all banner elements",async()=>{let t=(0,e.jsx)(r.CookieBanner,{scrollLock:!0,theme:u.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,e),{})});await s()({component:t,testCases:u.map(({testId:e,styles:t})=>({testId:e,styles:t}))})}),(0,o.test)("should apply className and style objects from theme prop to all banner elements",async()=>{let t={backgroundColor:"#ffffff",padding:"20px",border:"1px solid #000000"},o=u.map(({testId:e,themeKey:o,styles:r})=>({testId:e,themeKey:o,className:r,style:t})),n=(0,e.jsx)(r.CookieBanner,{scrollLock:!0,theme:o.reduce((e,{themeKey:t,className:o,style:r})=>(e[t]={className:o,style:r},e),{})});await s()({component:n,testCases:o.map(({testId:e,className:t,style:o})=>({testId:e,styles:{className:t,style:o}}))})}),(0,o.test)("should remove default styles but keep custom classNames when top-level noStyle prop is true",async()=>{let t=(0,e.jsx)(r.CookieBanner,{scrollLock:!0,noStyle:!0,theme:u.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,e),{})});await s()({component:t,testCases:u.map(({testId:e,styles:t})=>({testId:e,styles:t})),noStyle:!0})}),(0,o.test)("should remove default styles but keep custom classNames when theme object provides noStyle: true",async()=>{let t=u.reduce((e,{themeKey:t,styles:o})=>(e[t]={className:o,noStyle:!0},e),{}),o=(0,e.jsx)(r.CookieBanner,{scrollLock:!0,theme:t});await s()({component:o,testCases:u.map(({testId:e,styles:t})=>({testId:e,styles:{className:t}}))})}),(0,o.test)("should correctly apply styles when theme prop uses mixed string and object formats",async()=>{let t=(0,e.jsx)(r.CookieBanner,{scrollLock:!0,theme:{"banner.root":{className:"custom-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}},"banner.header.title":"custom-title"}});await s()({component:t,testCases:[{testId:"cookie-banner-root",styles:{className:"custom-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}}},{testId:"cookie-banner-title",styles:"custom-title"}]})}),(0,o.test)("should handle empty strings and empty style objects in theme prop gracefully",async()=>{let t=(0,e.jsx)(r.CookieBanner,{scrollLock:!0,theme:{"banner.root":"","banner.card":"","banner.header.root":"","banner.header.title":"","banner.header.description":"","banner.footer":{className:"",style:{margin:"0",padding:"0"}}}});await s()({component:t,testCases:[{testId:"cookie-banner-root",styles:""},{testId:"cookie-banner-title",styles:""},{testId:"cookie-banner-footer",styles:{className:"",style:{margin:"0",padding:"0"}}}]})}),(0,o.test)("Custom classes override base layer styles",async()=>{let t=document.createElement("style");t.textContent=`
|
|
2
2
|
.custom-banner-background {
|
|
3
3
|
background-color: rgb(255, 0, 0) !important;
|
|
4
4
|
}
|
|
5
5
|
.custom-banner-text {
|
|
6
6
|
color: rgb(0, 255, 0) !important;
|
|
7
7
|
}
|
|
8
|
-
`,document.head.appendChild(
|
|
8
|
+
`,document.head.appendChild(t);let n=(0,e.jsx)(r.CookieBanner,{theme:{"banner.card":"custom-banner-background","banner.header.title":"custom-banner-text"}});await s()({component:n,testCases:[{testId:"cookie-banner-card",styles:"custom-banner-background"},{testId:"cookie-banner-title",styles:"custom-banner-text"}]});let a=document.querySelector('[data-testid="cookie-banner-card"]'),c=document.querySelector('[data-testid="cookie-banner-title"]');if(!a||!c)throw Error("Required elements not found in the document");(0,o.expect)(getComputedStyle(a).backgroundColor).toBe("rgb(255, 0, 0)"),(0,o.expect)(getComputedStyle(c).color).toBe("rgb(0, 255, 0)"),document.head.removeChild(t)}),(0,o.test)("Base layer styles are applied when no custom classes are provided",async()=>{let t=(0,e.jsx)(r.CookieBanner,{});await s()({component:t,testCases:[]});let n=document.querySelector('[data-testid="cookie-banner-card"]'),a=document.querySelector('[data-testid="cookie-banner-title"]');if(!n||!a)throw Error("Required elements not found in the document");(0,o.expect)(getComputedStyle(n).backgroundColor).toBe("rgb(255, 255, 255)"),(0,o.expect)(getComputedStyle(a).color).toBe("rgb(23, 23, 23)")}),(0,o.test)("Multiple custom classes can be applied and override base layer",async()=>{let t=document.createElement("style");t.textContent=`
|
|
9
9
|
.custom-padding {
|
|
10
10
|
padding: 32px !important;
|
|
11
11
|
}
|
|
12
12
|
.custom-border {
|
|
13
13
|
border: 2px solid rgb(0, 0, 255) !important;
|
|
14
14
|
}
|
|
15
|
-
`,document.head.appendChild(
|
|
15
|
+
`,document.head.appendChild(t);let n=(0,e.jsx)(r.CookieBanner,{theme:{"banner.card":"custom-padding custom-border"}});await s()({component:n,testCases:[{testId:"cookie-banner-card",styles:"custom-padding custom-border"}]});let a=document.querySelector('[data-testid="cookie-banner-card"]');if(!a)throw Error("Required elements not found in the document");(0,o.expect)(getComputedStyle(a).padding).toBe("32px"),(0,o.expect)(getComputedStyle(a).border).toBe("2px solid rgb(0, 0, 255)"),document.head.removeChild(t)}),(0,o.test)("All cookie banner components should have their base classes applied",async()=>{let t=(0,e.jsx)(r.CookieBanner,{}),n={root:i().root||"",card:i().card||"",header:i().header||"",title:i().title||"",description:i().description||"",footer:i().footer||"",footerSubGroup:i().footerSubGroup||"",rejectButton:`${c().button} ${c()["button-small"]} ${c()["button-neutral-stroke"]}`,acceptButton:`${c().button} ${c()["button-small"]} ${c()["button-neutral-stroke"]}`,customizeButton:`${c().button} ${c()["button-small"]} ${c()["button-primary-stroke"]}`};for(let[e,r]of(await s()({component:t,testCases:[{testId:"cookie-banner-root",styles:n.root},{testId:"cookie-banner-card",styles:n.card},{testId:"cookie-banner-header",styles:n.header},{testId:"cookie-banner-title",styles:n.title},{testId:"cookie-banner-description",styles:n.description},{testId:"cookie-banner-footer",styles:n.footer},{testId:"cookie-banner-footer-sub-group",styles:n.footerSubGroup},{testId:"cookie-banner-reject-button",styles:n.rejectButton},{testId:"cookie-banner-customize-button",styles:n.customizeButton},{testId:"cookie-banner-accept-button",styles:n.acceptButton}]}),Object.entries(n)))(0,o.expect)(r,`Base class for ${e} should not be empty`).not.toBe("")}),(0,o.test)("should apply correct styles when text direction is RTL",async()=>{let t=await Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"~/hooks/use-text-direction")),n=o.vi.mocked(t.useTextDirection),a=n.getMockImplementation();n.mockReturnValue("rtl");let c=(0,e.jsx)(r.CookieBanner,{scrollLock:!0,theme:{"banner.root":"custom-root","banner.footer.accept-button":"custom-accept-button"}});await s()({component:c,testCases:[{testId:"cookie-banner-root",styles:"custom-root"},{testId:"cookie-banner-accept-button",styles:"custom-accept-button"}]}),a?n.mockImplementation(a):n.mockReturnValue("ltr")})})(),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import*as e from"react/jsx-runtime";import*as t from"c15t";import*as o from"vitest";import*as s from"../cookie-banner.js";import*as n from"../../../utils/test-helpers.js";import*as a from"../../shared/ui/button/button.module.js";import*as r from"../cookie-banner.module.js";o.vi.mock("~/hooks/use-consent-manager",()=>({useConsentManager:()=>({showPopup:!0,...o.vi.fn()})})),o.vi.mock("~/hooks/use-translations",()=>({useTranslations:()=>t.defaultTranslationConfig.translations.en}));let
|
|
1
|
+
import*as e from"react/jsx-runtime";import*as t from"c15t";import*as o from"vitest";import*as s from"../cookie-banner.js";import*as n from"../../../utils/test-helpers.js";import*as a from"../../shared/ui/button/button.module.js";import*as r from"../cookie-banner.module.js";o.vi.mock("~/hooks/use-consent-manager",()=>({useConsentManager:()=>({showPopup:!0,translationConfig:{defaultLanguage:"en"},...o.vi.fn()})})),o.vi.mock("~/hooks/use-translations",()=>({useTranslations:()=>t.defaultTranslationConfig.translations.en})),o.vi.mock("~/hooks/use-text-direction",()=>({useTextDirection:o.vi.fn().mockReturnValue("ltr")}));let c=[{testId:"cookie-banner-root",themeKey:"banner.root",styles:"custom-root"},{testId:"cookie-banner-card",themeKey:"banner.card",styles:"custom-card"},{testId:"cookie-banner-header",themeKey:"banner.header.root",styles:"custom-header"},{testId:"cookie-banner-title",themeKey:"banner.header.title",styles:"custom-title"},{testId:"cookie-banner-description",themeKey:"banner.header.description",styles:"custom-description"},{testId:"cookie-banner-footer",themeKey:"banner.footer",styles:"custom-footer"},{testId:"cookie-banner-footer-sub-group",themeKey:"banner.footer.sub-group",styles:"custom-footer-sub-group"},{testId:"cookie-banner-overlay",themeKey:"banner.overlay",styles:"custom-overlay"},{testId:"cookie-banner-reject-button",themeKey:"banner.footer.reject-button",styles:"custom-reject-button"},{testId:"cookie-banner-customize-button",themeKey:"banner.footer.customize-button",styles:"custom-customize-button"},{testId:"cookie-banner-accept-button",themeKey:"banner.footer.accept-button",styles:"custom-accept-button"}];(0,o.test)("should apply string classNames from theme prop to all banner elements",async()=>{let t=(0,e.jsx)(s.CookieBanner,{scrollLock:!0,theme:c.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,e),{})});await (0,n.default)({component:t,testCases:c.map(({testId:e,styles:t})=>({testId:e,styles:t}))})}),(0,o.test)("should apply className and style objects from theme prop to all banner elements",async()=>{let t={backgroundColor:"#ffffff",padding:"20px",border:"1px solid #000000"},o=c.map(({testId:e,themeKey:o,styles:s})=>({testId:e,themeKey:o,className:s,style:t})),a=(0,e.jsx)(s.CookieBanner,{scrollLock:!0,theme:o.reduce((e,{themeKey:t,className:o,style:s})=>(e[t]={className:o,style:s},e),{})});await (0,n.default)({component:a,testCases:o.map(({testId:e,className:t,style:o})=>({testId:e,styles:{className:t,style:o}}))})}),(0,o.test)("should remove default styles but keep custom classNames when top-level noStyle prop is true",async()=>{let t=(0,e.jsx)(s.CookieBanner,{scrollLock:!0,noStyle:!0,theme:c.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,e),{})});await (0,n.default)({component:t,testCases:c.map(({testId:e,styles:t})=>({testId:e,styles:t})),noStyle:!0})}),(0,o.test)("should remove default styles but keep custom classNames when theme object provides noStyle: true",async()=>{let t=c.reduce((e,{themeKey:t,styles:o})=>(e[t]={className:o,noStyle:!0},e),{}),o=(0,e.jsx)(s.CookieBanner,{scrollLock:!0,theme:t});await (0,n.default)({component:o,testCases:c.map(({testId:e,styles:t})=>({testId:e,styles:{className:t}}))})}),(0,o.test)("should correctly apply styles when theme prop uses mixed string and object formats",async()=>{let t=(0,e.jsx)(s.CookieBanner,{scrollLock:!0,theme:{"banner.root":{className:"custom-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}},"banner.header.title":"custom-title"}});await (0,n.default)({component:t,testCases:[{testId:"cookie-banner-root",styles:{className:"custom-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}}},{testId:"cookie-banner-title",styles:"custom-title"}]})}),(0,o.test)("should handle empty strings and empty style objects in theme prop gracefully",async()=>{let t=(0,e.jsx)(s.CookieBanner,{scrollLock:!0,theme:{"banner.root":"","banner.card":"","banner.header.root":"","banner.header.title":"","banner.header.description":"","banner.footer":{className:"",style:{margin:"0",padding:"0"}}}});await (0,n.default)({component:t,testCases:[{testId:"cookie-banner-root",styles:""},{testId:"cookie-banner-title",styles:""},{testId:"cookie-banner-footer",styles:{className:"",style:{margin:"0",padding:"0"}}}]})}),(0,o.test)("Custom classes override base layer styles",async()=>{let t=document.createElement("style");t.textContent=`
|
|
2
2
|
.custom-banner-background {
|
|
3
3
|
background-color: rgb(255, 0, 0) !important;
|
|
4
4
|
}
|
|
5
5
|
.custom-banner-text {
|
|
6
6
|
color: rgb(0, 255, 0) !important;
|
|
7
7
|
}
|
|
8
|
-
`,document.head.appendChild(t);let a=(0,e.jsx)(s.CookieBanner,{theme:{"banner.card":"custom-banner-background","banner.header.title":"custom-banner-text"}});await (0,n.default)({component:a,testCases:[{testId:"cookie-banner-card",styles:"custom-banner-background"},{testId:"cookie-banner-title",styles:"custom-banner-text"}]});let r=document.querySelector('[data-testid="cookie-banner-card"]'),
|
|
8
|
+
`,document.head.appendChild(t);let a=(0,e.jsx)(s.CookieBanner,{theme:{"banner.card":"custom-banner-background","banner.header.title":"custom-banner-text"}});await (0,n.default)({component:a,testCases:[{testId:"cookie-banner-card",styles:"custom-banner-background"},{testId:"cookie-banner-title",styles:"custom-banner-text"}]});let r=document.querySelector('[data-testid="cookie-banner-card"]'),c=document.querySelector('[data-testid="cookie-banner-title"]');if(!r||!c)throw Error("Required elements not found in the document");(0,o.expect)(getComputedStyle(r).backgroundColor).toBe("rgb(255, 0, 0)"),(0,o.expect)(getComputedStyle(c).color).toBe("rgb(0, 255, 0)"),document.head.removeChild(t)}),(0,o.test)("Base layer styles are applied when no custom classes are provided",async()=>{let t=(0,e.jsx)(s.CookieBanner,{});await (0,n.default)({component:t,testCases:[]});let a=document.querySelector('[data-testid="cookie-banner-card"]'),r=document.querySelector('[data-testid="cookie-banner-title"]');if(!a||!r)throw Error("Required elements not found in the document");(0,o.expect)(getComputedStyle(a).backgroundColor).toBe("rgb(255, 255, 255)"),(0,o.expect)(getComputedStyle(r).color).toBe("rgb(23, 23, 23)")}),(0,o.test)("Multiple custom classes can be applied and override base layer",async()=>{let t=document.createElement("style");t.textContent=`
|
|
9
9
|
.custom-padding {
|
|
10
10
|
padding: 32px !important;
|
|
11
11
|
}
|
|
12
12
|
.custom-border {
|
|
13
13
|
border: 2px solid rgb(0, 0, 255) !important;
|
|
14
14
|
}
|
|
15
|
-
`,document.head.appendChild(t);let a=(0,e.jsx)(s.CookieBanner,{theme:{"banner.card":"custom-padding custom-border"}});await (0,n.default)({component:a,testCases:[{testId:"cookie-banner-card",styles:"custom-padding custom-border"}]});let r=document.querySelector('[data-testid="cookie-banner-card"]');if(!r)throw Error("Required elements not found in the document");(0,o.expect)(getComputedStyle(r).padding).toBe("32px"),(0,o.expect)(getComputedStyle(r).border).toBe("2px solid rgb(0, 0, 255)"),document.head.removeChild(t)}),(0,o.test)("All cookie banner components should have their base classes applied",async()=>{let t=(0,e.jsx)(s.CookieBanner,{}),
|
|
15
|
+
`,document.head.appendChild(t);let a=(0,e.jsx)(s.CookieBanner,{theme:{"banner.card":"custom-padding custom-border"}});await (0,n.default)({component:a,testCases:[{testId:"cookie-banner-card",styles:"custom-padding custom-border"}]});let r=document.querySelector('[data-testid="cookie-banner-card"]');if(!r)throw Error("Required elements not found in the document");(0,o.expect)(getComputedStyle(r).padding).toBe("32px"),(0,o.expect)(getComputedStyle(r).border).toBe("2px solid rgb(0, 0, 255)"),document.head.removeChild(t)}),(0,o.test)("All cookie banner components should have their base classes applied",async()=>{let t=(0,e.jsx)(s.CookieBanner,{}),c={root:r.default.root||"",card:r.default.card||"",header:r.default.header||"",title:r.default.title||"",description:r.default.description||"",footer:r.default.footer||"",footerSubGroup:r.default.footerSubGroup||"",rejectButton:`${a.default.button} ${a.default["button-small"]} ${a.default["button-neutral-stroke"]}`,acceptButton:`${a.default.button} ${a.default["button-small"]} ${a.default["button-neutral-stroke"]}`,customizeButton:`${a.default.button} ${a.default["button-small"]} ${a.default["button-primary-stroke"]}`};for(let[e,s]of(await (0,n.default)({component:t,testCases:[{testId:"cookie-banner-root",styles:c.root},{testId:"cookie-banner-card",styles:c.card},{testId:"cookie-banner-header",styles:c.header},{testId:"cookie-banner-title",styles:c.title},{testId:"cookie-banner-description",styles:c.description},{testId:"cookie-banner-footer",styles:c.footer},{testId:"cookie-banner-footer-sub-group",styles:c.footerSubGroup},{testId:"cookie-banner-reject-button",styles:c.rejectButton},{testId:"cookie-banner-customize-button",styles:c.customizeButton},{testId:"cookie-banner-accept-button",styles:c.acceptButton}]}),Object.entries(c)))(0,o.expect)(s,`Base class for ${e} should not be empty`).not.toBe("")}),(0,o.test)("should apply correct styles when text direction is RTL",async()=>{let t=await import("../../../hooks/use-text-direction.js"),a=o.vi.mocked(t.useTextDirection),r=a.getMockImplementation();a.mockReturnValue("rtl");let c=(0,e.jsx)(s.CookieBanner,{scrollLock:!0,theme:{"banner.root":"custom-root","banner.footer.accept-button":"custom-accept-button"}});await (0,n.default)({component:c,testCases:[{testId:"cookie-banner-root",styles:"custom-root"},{testId:"cookie-banner-accept-button",styles:"custom-accept-button"}]}),r?a.mockImplementation(r):a.mockReturnValue("ltr")});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.n=e=>{var _=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(_,{a:_}),_},__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CookieBannerOverlay:()=>CookieBannerOverlay,Overlay:()=>Overlay});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),use_consent_manager_cjs_namespaceObject=require("../../../hooks/use-consent-manager.cjs"),use_scroll_lock_cjs_namespaceObject=require("../../../hooks/use-scroll-lock.cjs"),use_styles_cjs_namespaceObject=require("../../../hooks/use-styles.cjs"),use_theme_cjs_namespaceObject=require("../../../hooks/use-theme.cjs"),
|
|
1
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.n=e=>{var _=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(_,{a:_}),_},__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CookieBannerOverlay:()=>CookieBannerOverlay,Overlay:()=>Overlay});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_clsx_namespaceObject=require("clsx");var external_clsx_default=__webpack_require__.n(external_clsx_namespaceObject);let external_react_namespaceObject=require("react"),use_consent_manager_cjs_namespaceObject=require("../../../hooks/use-consent-manager.cjs"),use_scroll_lock_cjs_namespaceObject=require("../../../hooks/use-scroll-lock.cjs"),use_styles_cjs_namespaceObject=require("../../../hooks/use-styles.cjs"),use_theme_cjs_namespaceObject=require("../../../hooks/use-theme.cjs"),external_cookie_banner_module_cjs_namespaceObject=require("../cookie-banner.module.cjs");var external_cookie_banner_module_cjs_default=__webpack_require__.n(external_cookie_banner_module_cjs_namespaceObject);let CookieBannerOverlay=(0,external_react_namespaceObject.forwardRef)(({className:e,style:_,noStyle:r,asChild:a,...t},c)=>{let n,{showPopup:s}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),{disableAnimation:o,noStyle:l,scrollLock:u}=(0,use_theme_cjs_namespaceObject.useTheme)(),[i,p]=(0,external_react_namespaceObject.useState)(!1);(0,external_react_namespaceObject.useEffect)(()=>{if(s)p(!0);else if(o)p(!1);else{let e=setTimeout(()=>{p(!1)},Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue("--banner-animation-duration")||"200",10));return()=>clearTimeout(e)}},[s,o]);let b=(0,use_styles_cjs_namespaceObject.useStyles)("banner.overlay",{baseClassName:!(l||r)&&external_cookie_banner_module_cjs_default().overlay,className:e,noStyle:l||r});n=l||r||o?void 0:i?external_cookie_banner_module_cjs_default().overlayVisible:external_cookie_banner_module_cjs_default().overlayHidden;let m=external_clsx_default()(b.className,n);return(0,use_scroll_lock_cjs_namespaceObject.useScrollLock)(!!(s&&u)),s&&u?(0,jsx_runtime_namespaceObject.jsx)("div",{ref:c,...t,className:m,style:{...b.style,..._},"data-testid":"cookie-banner-overlay"}):null}),Overlay=CookieBannerOverlay;for(var __webpack_i__ in exports.CookieBannerOverlay=__webpack_exports__.CookieBannerOverlay,exports.Overlay=__webpack_exports__.Overlay,__webpack_exports__)-1===["CookieBannerOverlay","Overlay"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/cookie-banner/atoms/overlay.tsx"],"names":[],"mappings":"AAAA;;;GAGG;
|
|
1
|
+
{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/cookie-banner/atoms/overlay.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAc,KAAK,cAAc,EAAuB,MAAM,OAAO,CAAC;AAO7E;;;;;;;;GAQG;AACH,UAAU,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC5D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,mBAAmB,yGAgExB,CAAC;AAEF,QAAA,MAAM,OAAO,yGAAsB,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react/jsx-runtime";import*as o from"
|
|
1
|
+
import*as e from"react/jsx-runtime";import*as o from"clsx";import*as t from"react";import*as s from"../../../hooks/use-consent-manager.js";import*as r from"../../../hooks/use-scroll-lock.js";import*as a from"../../../hooks/use-styles.js";import*as l from"../../../hooks/use-theme.js";import*as m from"../cookie-banner.module.js";let n=(0,t.forwardRef)(({className:n,style:u,noStyle:i,asChild:f,...c},d)=>{let y,{showPopup:p}=(0,s.useConsentManager)(),{disableAnimation:k,noStyle:v,scrollLock:b}=(0,l.useTheme)(),[j,h]=(0,t.useState)(!1);(0,t.useEffect)(()=>{if(p)h(!0);else if(k)h(!1);else{let e=setTimeout(()=>{h(!1)},Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue("--banner-animation-duration")||"200",10));return()=>clearTimeout(e)}},[p,k]);let S=(0,a.useStyles)("banner.overlay",{baseClassName:!(v||i)&&m.default.overlay,className:n,noStyle:v||i});y=v||i||k?void 0:j?m.default.overlayVisible:m.default.overlayHidden;let g=(0,o.default)(S.className,y);return(0,r.useScrollLock)(!!(p&&b)),p&&b?(0,e.jsx)("div",{ref:d,...c,className:g,style:{...S.style,...u},"data-testid":"cookie-banner-overlay"}):null}),u=n;export{n as CookieBannerOverlay,u as Overlay};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.n=e=>{var _=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(_,{a:_}),_},__webpack_require__.d=(e,_)=>{for(var t in _)__webpack_require__.o(_,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:_[t]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Root:()=>Root,CookieBannerRoot:()=>CookieBannerRoot});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),external_react_dom_namespaceObject=require("react-dom"),
|
|
2
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.n=e=>{var _=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(_,{a:_}),_},__webpack_require__.d=(e,_)=>{for(var t in _)__webpack_require__.o(_,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:_[t]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Root:()=>Root,CookieBannerRoot:()=>CookieBannerRoot});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),external_react_dom_namespaceObject=require("react-dom"),theme_context_cjs_namespaceObject=require("../../../context/theme-context.cjs"),use_consent_manager_cjs_namespaceObject=require("../../../hooks/use-consent-manager.cjs"),use_styles_cjs_namespaceObject=require("../../../hooks/use-styles.cjs"),use_text_direction_cjs_namespaceObject=require("../../../hooks/use-text-direction.cjs"),external_cookie_banner_module_cjs_namespaceObject=require("../cookie-banner.module.cjs");var external_cookie_banner_module_cjs_default=__webpack_require__.n(external_cookie_banner_module_cjs_namespaceObject);let external_overlay_cjs_namespaceObject=require("./overlay.cjs"),CookieBannerRoot=({children:e,className:_,noStyle:t,disableAnimation:a,theme:r,scrollLock:n,trapFocus:c=!0,...o})=>(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.LocalThemeContext.Provider,{value:{disableAnimation:a,noStyle:t,theme:r,scrollLock:n,trapFocus:c},children:(0,jsx_runtime_namespaceObject.jsx)(CookieBannerRootChildren,{disableAnimation:a,className:_,noStyle:t,...o,children:e})}),CookieBannerRootChildren=(0,external_react_namespaceObject.forwardRef)(({asChild:e,children:_,className:t,style:a,className:r,disableAnimation:n,noStyle:c,...o},s)=>{let{showPopup:i,translationConfig:l}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),u=(0,use_text_direction_cjs_namespaceObject.useTextDirection)(l.defaultLanguage),[m,b]=(0,external_react_namespaceObject.useState)(!1),[p,j]=(0,external_react_namespaceObject.useState)(!1),[d,x]=(0,external_react_namespaceObject.useState)(200);(0,external_react_namespaceObject.useEffect)(()=>{x(Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue("--banner-animation-duration")||"200",10))},[]),(0,external_react_namespaceObject.useEffect)(()=>{if(i)if(p)b(!0);else{let e=setTimeout(()=>{b(!0),j(!0)},10);return()=>clearTimeout(e)}else if(j(!1),n)b(!1);else{let e=setTimeout(()=>{b(!1)},d);return()=>clearTimeout(e)}},[i,n,p,d]);let k=(0,use_styles_cjs_namespaceObject.useStyles)("banner.root",{baseClassName:[external_cookie_banner_module_cjs_default().root,"ltr"===u?external_cookie_banner_module_cjs_default().bottomLeft:external_cookie_banner_module_cjs_default().bottomRight],style:a,className:t||r,noStyle:c}),[O,f]=(0,external_react_namespaceObject.useState)(!1);if((0,external_react_namespaceObject.useEffect)(()=>{f(!0)},[]),!O)return null;let w=c?k.className||"":`${k.className||""} ${m?external_cookie_banner_module_cjs_default().bannerVisible:external_cookie_banner_module_cjs_default().bannerHidden}`;return i?(0,external_react_dom_namespaceObject.createPortal)((0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_overlay_cjs_namespaceObject.Overlay,{}),(0,jsx_runtime_namespaceObject.jsx)("div",{ref:s,...o,...k,className:w,"data-testid":"cookie-banner-root",dir:u,children:_})]}),document.body):null});CookieBannerRootChildren.displayName="CookieBannerRootChildren";let Root=CookieBannerRoot;for(var __webpack_i__ in exports.CookieBannerRoot=__webpack_exports__.CookieBannerRoot,exports.Root=__webpack_exports__.Root,__webpack_exports__)-1===["CookieBannerRoot","Root"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../../src/components/cookie-banner/atoms/root.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../../src/components/cookie-banner/atoms/root.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,EAAE,EAEP,KAAK,cAAc,EACnB,KAAK,SAAS,EAGd,MAAM,OAAO,CAAC;AAQf,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGlD;;;;;;;;;GASG;AACH,UAAU,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE;;;;OAIG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAEnC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAkC/C,CAAC;AA8LF,QAAA,MAAM,IAAI,2BAAmB,CAAC;AAE9B,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import*as e from"react/jsx-runtime";import*as t from"react";import*as o from"react-dom";import*as a from"
|
|
2
|
+
import*as e from"react/jsx-runtime";import*as t from"react";import*as o from"react-dom";import*as a from"../../../context/theme-context.js";import*as r from"../../../hooks/use-consent-manager.js";import*as s from"../../../hooks/use-styles.js";import*as n from"../../../hooks/use-text-direction.js";import*as l from"../cookie-banner.module.js";import*as m from"./overlay.js";let i=({children:t,className:o,noStyle:r,disableAnimation:s,theme:n,scrollLock:l,trapFocus:m=!0,...i})=>(0,e.jsx)(a.LocalThemeContext.Provider,{value:{disableAnimation:s,noStyle:r,theme:n,scrollLock:l,trapFocus:m},children:(0,e.jsx)(u,{disableAnimation:s,className:o,noStyle:r,...i,children:t})}),u=(0,t.forwardRef)(({asChild:a,children:i,className:u,style:c,className:d,disableAnimation:f,noStyle:p,...b},j)=>{let{showPopup:x,translationConfig:h}=(0,r.useConsentManager)(),y=(0,n.useTextDirection)(h.defaultLanguage),[N,g]=(0,t.useState)(!1),[k,C]=(0,t.useState)(!1),[S,T]=(0,t.useState)(200);(0,t.useEffect)(()=>{T(Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue("--banner-animation-duration")||"200",10))},[]),(0,t.useEffect)(()=>{if(x)if(k)g(!0);else{let e=setTimeout(()=>{g(!0),C(!0)},10);return()=>clearTimeout(e)}else if(C(!1),f)g(!1);else{let e=setTimeout(()=>{g(!1)},S);return()=>clearTimeout(e)}},[x,f,k,S]);let v=(0,s.useStyles)("banner.root",{baseClassName:[l.default.root,"ltr"===y?l.default.bottomLeft:l.default.bottomRight],style:c,className:u||d,noStyle:p}),[R,E]=(0,t.useState)(!1);if((0,t.useEffect)(()=>{E(!0)},[]),!R)return null;let L=p?v.className||"":`${v.className||""} ${N?l.default.bannerVisible:l.default.bannerHidden}`;return x?(0,o.createPortal)((0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(m.Overlay,{}),(0,e.jsx)("div",{ref:j,...b,...v,className:L,"data-testid":"cookie-banner-root",dir:y,children:i})]}),document.body):null});u.displayName="CookieBannerRootChildren";let c=i;export{i as CookieBannerRoot,c as Root};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var n in t)__webpack_require__.o(t,n)&&!__webpack_require__.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CookieBanner:()=>CookieBanner});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),
|
|
2
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var n in t)__webpack_require__.o(t,n)&&!__webpack_require__.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CookieBanner:()=>CookieBanner});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),button_cjs_namespaceObject=require("../shared/primitives/button.cjs"),use_theme_cjs_namespaceObject=require("../../hooks/use-theme.cjs"),use_translations_cjs_namespaceObject=require("../../hooks/use-translations.cjs"),root_cjs_namespaceObject=require("./atoms/root.cjs"),external_components_cjs_namespaceObject=require("./components.cjs"),external_error_boundary_cjs_namespaceObject=require("./error-boundary.cjs"),CookieBanner=({theme:e,noStyle:t,disableAnimation:n,scrollLock:r,trapFocus:c=!0,title:_,description:a,rejectButtonText:o,customizeButtonText:s,acceptButtonText:i})=>{let{cookieBanner:j,common:p}=(0,use_translations_cjs_namespaceObject.useTranslations)(),b=(0,use_theme_cjs_namespaceObject.useTheme)(),m={theme:{...b.theme,...e},noStyle:t??b.noStyle,disableAnimation:n??b.disableAnimation,scrollLock:r??b.scrollLock,trapFocus:c??b.trapFocus};return(0,jsx_runtime_namespaceObject.jsx)(external_error_boundary_cjs_namespaceObject.ErrorBoundary,{fallback:(0,jsx_runtime_namespaceObject.jsx)("div",{children:"Something went wrong with the Cookie Banner."}),children:(0,jsx_runtime_namespaceObject.jsx)(root_cjs_namespaceObject.CookieBannerRoot,{...m,children:(0,jsx_runtime_namespaceObject.jsxs)(external_components_cjs_namespaceObject.CookieBannerCard,{"aria-label":j.title,children:[(0,jsx_runtime_namespaceObject.jsxs)(external_components_cjs_namespaceObject.CookieBannerHeader,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_components_cjs_namespaceObject.CookieBannerTitle,{children:_||j.title}),(0,jsx_runtime_namespaceObject.jsx)(external_components_cjs_namespaceObject.CookieBannerDescription,{children:a||j.description})]}),(0,jsx_runtime_namespaceObject.jsxs)(external_components_cjs_namespaceObject.CookieBannerFooter,{children:[(0,jsx_runtime_namespaceObject.jsxs)(external_components_cjs_namespaceObject.CookieBannerFooterSubGroup,{children:[(0,jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton,{action:"reject-consent",closeCookieBanner:!0,themeKey:"banner.footer.reject-button","data-testid":"cookie-banner-reject-button",children:o||p.rejectAll}),(0,jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton,{action:"accept-consent",closeCookieBanner:!0,themeKey:"banner.footer.accept-button","data-testid":"cookie-banner-accept-button",children:i||p.acceptAll})]}),(0,jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton,{action:"open-consent-dialog",variant:"primary",closeCookieBanner:!0,themeKey:"banner.footer.customize-button","data-testid":"cookie-banner-customize-button",children:s||p.customize})]})]})})})};for(var __webpack_i__ in exports.CookieBanner=__webpack_exports__.CookieBanner,__webpack_exports__)-1===["CookieBanner"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -76,66 +76,6 @@ export interface CookieBannerProps {
|
|
|
76
76
|
*/
|
|
77
77
|
disableAnimation?: boolean;
|
|
78
78
|
}
|
|
79
|
-
/**
|
|
80
|
-
* A customizable cookie consent banner component.
|
|
81
|
-
*
|
|
82
|
-
* @remarks
|
|
83
|
-
* This component serves as the main entry point for rendering a cookie consent banner.
|
|
84
|
-
* It provides a structured layout with customizable title, description, and action buttons
|
|
85
|
-
* for accepting, rejecting, or customizing cookie preferences.
|
|
86
|
-
*
|
|
87
|
-
* Key features:
|
|
88
|
-
* - Fully accessible by default
|
|
89
|
-
* - GDPR and CCPA compliant
|
|
90
|
-
* - Customizable appearance
|
|
91
|
-
* - Responsive design
|
|
92
|
-
* - Error boundary protection
|
|
93
|
-
* - Compound component pattern support
|
|
94
|
-
*
|
|
95
|
-
* @example
|
|
96
|
-
* Simple usage with default settings:
|
|
97
|
-
* ```tsx
|
|
98
|
-
* <CookieBanner />
|
|
99
|
-
* ```
|
|
100
|
-
*
|
|
101
|
-
* @example
|
|
102
|
-
* Customized usage with all props:
|
|
103
|
-
* ```tsx
|
|
104
|
-
* <CookieBanner
|
|
105
|
-
* theme={{
|
|
106
|
-
* root: "bg-white p-4",
|
|
107
|
-
* title: "text-xl font-bold",
|
|
108
|
-
* description: "text-gray-600",
|
|
109
|
-
* actions: "mt-4 flex gap-2"
|
|
110
|
-
* }}
|
|
111
|
-
* title="Cookie Settings"
|
|
112
|
-
* description="We use cookies to enhance your browsing experience"
|
|
113
|
-
* rejectButtonText="Decline"
|
|
114
|
-
* customizeButtonText="Preferences"
|
|
115
|
-
* acceptButtonText="Allow All"
|
|
116
|
-
* />
|
|
117
|
-
* ```
|
|
118
|
-
*
|
|
119
|
-
* @example
|
|
120
|
-
* Using compound components for custom layout:
|
|
121
|
-
* ```tsx
|
|
122
|
-
* <CookieBanner.Root>
|
|
123
|
-
* <CookieBanner.Content>
|
|
124
|
-
* <CookieBanner.Title>Cookie Settings</CookieBanner.Title>
|
|
125
|
-
* <CookieBanner.Description>
|
|
126
|
-
* Choose your cookie preferences
|
|
127
|
-
* </CookieBanner.Description>
|
|
128
|
-
* <CookieBanner.Actions>
|
|
129
|
-
* <CookieBanner.RejectButton>Decline</CookieBanner.RejectButton>
|
|
130
|
-
* <CookieBanner.CustomizeButton>Customize</CookieBanner.CustomizeButton>
|
|
131
|
-
* <CookieBanner.AcceptButton>Accept</CookieBanner.AcceptButton>
|
|
132
|
-
* </CookieBanner.Actions>
|
|
133
|
-
* </CookieBanner.Content>
|
|
134
|
-
* </CookieBanner.Root>
|
|
135
|
-
* ```
|
|
136
|
-
*
|
|
137
|
-
* @public
|
|
138
|
-
*/
|
|
139
79
|
export declare const CookieBanner: FC<CookieBannerProps>;
|
|
140
80
|
/**
|
|
141
81
|
* Component type definition for the CookieBanner with its compound components.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cookie-banner.d.ts","sourceRoot":"","sources":["../../../src/components/cookie-banner/cookie-banner.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"cookie-banner.d.ts","sourceRoot":"","sources":["../../../src/components/cookie-banner/cookie-banner.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAc3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD;;;;;;;;GAQG;AACH,MAAM,WAAW,iBAAiB;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAE1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;OAIG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAE7B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAEhC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAE7B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA4E9C,CAAC;AAEF;;;;;;;;;GASG"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import*as e from"react/jsx-runtime";import*as o from"
|
|
2
|
+
import*as e from"react/jsx-runtime";import*as o from"../shared/primitives/button.js";import*as t from"../../hooks/use-theme.js";import*as n from"../../hooks/use-translations.js";import*as r from"./atoms/root.js";import*as i from"./components.js";import*as s from"./error-boundary.js";let a=({theme:a,noStyle:c,disableAnimation:l,scrollLock:m,trapFocus:d=!0,title:h,description:u,rejectButtonText:j,customizeButtonText:p,acceptButtonText:k})=>{let{cookieBanner:b,common:B}=(0,n.useTranslations)(),C=(0,t.useTheme)(),x={theme:{...C.theme,...a},noStyle:c??C.noStyle,disableAnimation:l??C.disableAnimation,scrollLock:m??C.scrollLock,trapFocus:d??C.trapFocus};return(0,e.jsx)(s.ErrorBoundary,{fallback:(0,e.jsx)("div",{children:"Something went wrong with the Cookie Banner."}),children:(0,e.jsx)(r.CookieBannerRoot,{...x,children:(0,e.jsxs)(i.CookieBannerCard,{"aria-label":b.title,children:[(0,e.jsxs)(i.CookieBannerHeader,{children:[(0,e.jsx)(i.CookieBannerTitle,{children:h||b.title}),(0,e.jsx)(i.CookieBannerDescription,{children:u||b.description})]}),(0,e.jsxs)(i.CookieBannerFooter,{children:[(0,e.jsxs)(i.CookieBannerFooterSubGroup,{children:[(0,e.jsx)(o.ConsentButton,{action:"reject-consent",closeCookieBanner:!0,themeKey:"banner.footer.reject-button","data-testid":"cookie-banner-reject-button",children:j||B.rejectAll}),(0,e.jsx)(o.ConsentButton,{action:"accept-consent",closeCookieBanner:!0,themeKey:"banner.footer.accept-button","data-testid":"cookie-banner-accept-button",children:k||B.acceptAll})]}),(0,e.jsx)(o.ConsentButton,{action:"open-consent-dialog",variant:"primary",closeCookieBanner:!0,themeKey:"banner.footer.customize-button","data-testid":"cookie-banner-customize-button",children:p||B.customize})]})]})})})};export{a as CookieBanner};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_modules__={"../../../../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].use[2]!./src/components/cookie-banner/cookie-banner.module.css":function(e,r,o){o.d(r,{Z:()=>c});var t=o("../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js"),n=o.n(t),a=o("../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/css-loader/api.js"),i=o.n(a)()(n());i.push([e.id,":root{isolation:isolate;-webkit-text-size-adjust:100%;tab-size:4;--banner-border-radius-sm:.3125rem;--banner-border-radius:1.25rem;--banner-max-width:440px;--banner-animation-duration:.2s;--banner-animation-timing:ease-out;--banner-entry-animation:c15t-enter-OSOPL .15s ease-out;--banner-exit-animation:c15t-exit-PbMtf .15s ease-out;--banner-border-width:1px;--banner-shadow:0 16px 32px -12px #0e121b1a;--banner-shadow-dark:0 16px 32px -12px #0e121b1a;--banner-background-color:#fff;--banner-background-color-dark:#171717;--banner-footer-background-color:#f7f7f7;--banner-footer-background-color-dark:#1c1c1c;--banner-text-color:#171717;--banner-text-color-dark:#e6e6e6;--banner-border-color:#ebebeb;--banner-border-color-dark:#333;--banner-title-color:#171717;--banner-title-color-dark:#e6e6e6;--banner-description-color:#5c5c5c;--banner-description-color-dark:#999;--banner-overlay-background-color:#00000080;--banner-overlay-background-color-dark:#00000080;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15}.c15t-root-tnx7V{z-index:999999998;flex-direction:column;width:100%;padding:1rem;display:flex;position:fixed}.c15t-bannerVisible-bty7Y{opacity:1;transition:opacity var(--banner-animation-duration)var(--banner-animation-timing),transform var(--banner-animation-duration)cubic-bezier(.34,1.56,.64,1);transform:translateY(0)}.c15t-bannerHidden-kfAtO{opacity:0;transition:opacity var(--banner-animation-duration)var(--banner-animation-timing),transform var(--banner-animation-duration)var(--banner-animation-timing);transform:translateY(50px)}@media (width>=640px){.c15t-root-tnx7V{width:auto;padding:1.5rem}}.c15t-bottomLeft-wv7ez{bottom:0;left:0}.c15t-bottomRight-Oibp8{bottom:0;right:0}.c15t-topLeft-JJ9D6{top:0;left:0}.c15t-topRight-A6dOV{top:0;right:0}.c15t-card-MOqQY{width:100%;max-width:var(--banner-max-width);border-radius:var(--banner-border-radius);border-width:var(--banner-border-width);border-color:var(--banner-border-color);background-color:var(--banner-background-color);box-shadow:var(--banner-shadow);position:relative;overflow:hidden}.c15t-dark .c15t-card-MOqQY{background-color:var(--banner-background-color-dark);border-color:var(--banner-border-color-dark);box-shadow:var(--banner-shadow-dark)}.c15t-card-MOqQY[data-state=open]{animation:var(--banner-entry-animation)}.c15t-card-MOqQY[data-state=closed]{animation:var(--banner-exit-animation)}.c15t-card-MOqQY>:not([hidden])~:not([hidden]){border-top-width:var(--banner-border-width);border-color:var(--banner-border-color)}.c15t-dark .c15t-card-MOqQY>:not([hidden])~:not([hidden]){border-color:var(--banner-border-color-dark)}.c15t-card-MOqQY:focus{outline-offset:2px;outline:none}@keyframes c15t-enter-OSOPL{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes c15t-exit-PbMtf{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.c15t-rejectButton-qP3hZ,.c15t-acceptButton-zReyG,.c15t-customizeButton-ZjdG0{width:100%}@media (width>=640px){.c15t-rejectButton-qP3hZ,.c15t-acceptButton-zReyG,.c15t-customizeButton-ZjdG0{width:auto}}.c15t-header-X6bpE{color:var(--banner-text-color);flex-direction:column;padding:1rem;display:flex}.c15t-dark .c15t-header-X6bpE{color:var(--banner-text-color-dark)}@media (width>=640px){.c15t-header-X6bpE{padding:1.5rem}}.c15t-header-X6bpE>:not([hidden])~:not([hidden]){--banner-space-y-reverse:0;margin-top:calc(.5rem*calc(1 - var(--banner-space-y-reverse)));margin-bottom:calc(.5rem*var(--banner-space-y-reverse))}.c15t-footer-wS150{background-color:var(--banner-footer-background-color);flex-direction:column;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;display:flex}.c15t-dark .c15t-footer-wS150{background-color:var(--banner-footer-background-color-dark)}@media (width>=640px){.c15t-footer-wS150{flex-direction:row}}.c15t-footerSubGroup-HbTp3{flex-direction:row;justify-content:space-between;gap:1rem;display:flex}.c15t-footerSubGroup-HbTp3 button{flex-grow:1}.c15t-description-jP5LU{letter-spacing:-.006em;color:var(--banner-description-color);font-size:.875rem;font-weight:400;line-height:1.25rem}.c15t-dark .c15t-description-jP5LU{color:var(--banner-description-color-dark)}.c15t-title-qr_tp{letter-spacing:-.011em;color:var(--banner-title-color);font-size:1rem;font-weight:500;line-height:1.5rem}.c15t-dark .c15t-title-qr_tp{color:var(--banner-title-color-dark)}.c15t-overlay-Y8QYV{background-color:var(--banner-overlay-background-color);z-index:999999997;position:fixed;inset:0}.c15t-overlayVisible-YTJZr{opacity:1;transition:opacity var(--banner-animation-duration)var(--banner-animation-timing)}.c15t-overlayHidden-JeNTf{opacity:0;transition:opacity var(--banner-animation-duration)var(--banner-animation-timing)}.c15t-dark .c15t-overlay-Y8QYV{background-color:var(--banner-overlay-background-color-dark)}",""]),i.locals={enter:"c15t-enter-OSOPL",exit:"c15t-exit-PbMtf",root:"c15t-root-tnx7V",bannerVisible:"c15t-bannerVisible-bty7Y",bannerHidden:"c15t-bannerHidden-kfAtO",bottomLeft:"c15t-bottomLeft-wv7ez",bottomRight:"c15t-bottomRight-Oibp8",topLeft:"c15t-topLeft-JJ9D6",topRight:"c15t-topRight-A6dOV",card:"c15t-card-MOqQY",rejectButton:"c15t-rejectButton-qP3hZ",acceptButton:"c15t-acceptButton-zReyG",customizeButton:"c15t-customizeButton-ZjdG0",header:"c15t-header-X6bpE",footer:"c15t-footer-wS150",footerSubGroup:"c15t-footerSubGroup-HbTp3",description:"c15t-description-jP5LU",title:"c15t-title-qr_tp",overlay:"c15t-overlay-Y8QYV",overlayVisible:"c15t-overlayVisible-YTJZr",overlayHidden:"c15t-overlayHidden-JeNTf"};let c=i},"../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/css-loader/api.js":function(e){e.exports=function(e){var r=[];return r.toString=function(){return this.map(function(r){var o="",t=void 0!==r[5];return r[4]&&(o+="@supports (".concat(r[4],") {")),r[2]&&(o+="@media ".concat(r[2]," {")),t&&(o+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),o+=e(r),t&&(o+="}"),r[2]&&(o+="}"),r[4]&&(o+="}"),o}).join("")},r.i=function(e,o,t,n,a){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(t)for(var c=0;c<this.length;c++){var d=this[c][0];null!=d&&(i[d]=!0)}for(var l=0;l<e.length;l++){var s=[].concat(e[l]);t&&i[s[0]]||(void 0!==a&&(void 0===s[5]||(s[1]="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {").concat(s[1],"}")),s[5]=a),o&&(s[2]&&(s[1]="@media ".concat(s[2]," {").concat(s[1],"}")),s[2]=o),n&&(s[4]?(s[1]="@supports (".concat(s[4],") {").concat(s[1],"}"),s[4]=n):s[4]="".concat(n)),r.push(s))}},r}},"../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js":function(e){e.exports=function(e){return e[1]}},"../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/injectStylesIntoStyleTag.js":function(e){var r=[];function o(e){for(var o=-1,t=0;t<r.length;t++)if(r[t].identifier===e){o=t;break}return o}function t(e,t){for(var n={},a=[],i=0;i<e.length;i++){var c=e[i],d=t.base?c[0]+t.base:c[0],l=n[d]||0,s="".concat(d," ").concat(l);n[d]=l+1;var u=o(s),p={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==u)r[u].references++,r[u].updater(p);else{var b=function(e,r){var o=r.domAPI(r);return o.update(e),function(r){r?(r.css!==e.css||r.media!==e.media||r.sourceMap!==e.sourceMap||r.supports!==e.supports||r.layer!==e.layer)&&o.update(e=r):o.remove()}}(p,t);t.byIndex=i,r.splice(i,0,{identifier:s,updater:b,references:1})}a.push(s)}return a}e.exports=function(e,n){var a=t(e=e||[],n=n||{});return function(e){e=e||[];for(var i=0;i<a.length;i++){var c=o(a[i]);r[c].references--}for(var d=t(e,n),l=0;l<a.length;l++){var s=o(a[l]);0===r[s].references&&(r[s].updater(),r.splice(s,1))}a=d}}},"../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/insertBySelector.js":function(e){var r={};e.exports=function(e,o){var t=function(e){if(void 0===r[e]){var o=document.querySelector(e);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}r[e]=o}return r[e]}(e);if(!t)throw Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(o)}},"../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/insertStyleElement.js":function(e){e.exports=function(e){var r=document.createElement("style");return e.setAttributes(r,e.attributes),e.insert(r,e.options),r}},"../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/setAttributesWithoutAttributes.js":function(e,r,o){e.exports=function(e){var r=o.nc;r&&e.setAttribute("nonce",r)}},"../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/styleDomAPI.js":function(e){e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var r=e.insertStyleElement(e);return{update:function(o){var t,n,a;t="",o.supports&&(t+="@supports (".concat(o.supports,") {")),o.media&&(t+="@media ".concat(o.media," {")),(n=void 0!==o.layer)&&(t+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),t+=o.css,n&&(t+="}"),o.media&&(t+="}"),o.supports&&(t+="}"),(a=o.sourceMap)&&"undefined"!=typeof btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleTagTransform(t,r,e.options)},remove:function(){!function(e){if(null!==e.parentNode)e.parentNode.removeChild(e)}(r)}}}},"../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/styleTagTransform.js":function(e){e.exports=function(e,r){if(r.styleSheet)r.styleSheet.cssText=e;else{for(;r.firstChild;)r.removeChild(r.firstChild);r.appendChild(document.createTextNode(e))}}}},__webpack_module_cache__={};function __webpack_require__(e){var r=__webpack_module_cache__[e];if(void 0!==r)return r.exports;var o=__webpack_module_cache__[e]={id:e,exports:{}};return __webpack_modules__[e](o,o.exports,__webpack_require__),o.exports}__webpack_require__.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(r,{a:r}),r},__webpack_require__.d=(e,r)=>{for(var o in r)__webpack_require__.o(r,o)&&!__webpack_require__.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},__webpack_require__.nc=void 0;var __webpack_exports__={};for(var __webpack_i__ in(()=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>_});var e=__webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/injectStylesIntoStyleTag.js"),r=__webpack_require__.n(e),o=__webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/styleDomAPI.js"),t=__webpack_require__.n(o),n=__webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/insertBySelector.js"),a=__webpack_require__.n(n),i=__webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/setAttributesWithoutAttributes.js"),c=__webpack_require__.n(i),d=__webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/insertStyleElement.js"),l=__webpack_require__.n(d),s=__webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/styleTagTransform.js"),u=__webpack_require__.n(s),p=__webpack_require__("../../../../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].use[2]!./src/components/cookie-banner/cookie-banner.module.css"),b={};b.styleTagTransform=u(),b.setAttributes=c(),b.insert=a().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=l(),r()(p.Z,b);let _=p.Z&&p.Z.locals?p.Z.locals:void 0})(),exports.default=__webpack_exports__.default,__webpack_exports__)-1===["default"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
1
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_modules__={"../../../../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].use[2]!./src/components/cookie-banner/cookie-banner.module.css":function(e,r,o){o.d(r,{Z:()=>c});var t=o("../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js"),n=o.n(t),a=o("../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/css-loader/api.js"),i=o.n(a)()(n());i.push([e.id,":root{isolation:isolate;-webkit-text-size-adjust:100%;tab-size:4;--banner-border-radius-sm:.3125rem;--banner-border-radius:1.25rem;--banner-max-width:440px;--banner-animation-duration:.2s;--banner-animation-timing:ease-out;--banner-entry-animation:c15t-enter-OSOPL .15s ease-out;--banner-exit-animation:c15t-exit-PbMtf .15s ease-out;--banner-border-width:1px;--banner-shadow:0 16px 32px -12px #0e121b1a;--banner-shadow-dark:0 16px 32px -12px #0e121b1a;--banner-background-color:#fff;--banner-background-color-dark:#171717;--banner-footer-background-color:#f7f7f7;--banner-footer-background-color-dark:#1c1c1c;--banner-text-color:#171717;--banner-text-color-dark:#e6e6e6;--banner-border-color:#ebebeb;--banner-border-color-dark:#333;--banner-title-color:#171717;--banner-title-color-dark:#e6e6e6;--banner-description-color:#5c5c5c;--banner-description-color-dark:#999;--banner-overlay-background-color:#00000080;--banner-overlay-background-color-dark:#00000080;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.5}.c15t-root-tnx7V{z-index:999999998;flex-direction:column;width:100%;padding:1rem;display:flex;position:fixed}.c15t-bannerVisible-bty7Y{opacity:1;transition:opacity var(--banner-animation-duration)var(--banner-animation-timing),transform var(--banner-animation-duration)cubic-bezier(.34,1.56,.64,1);transform:translateY(0)}.c15t-bannerHidden-kfAtO{opacity:0;transition:opacity var(--banner-animation-duration)var(--banner-animation-timing),transform var(--banner-animation-duration)var(--banner-animation-timing);transform:translateY(50px)}@media (width>=640px){.c15t-root-tnx7V{width:auto;padding:1.5rem}}.c15t-bottomLeft-wv7ez{bottom:0;left:0}.c15t-bottomRight-Oibp8{bottom:0;right:0}.c15t-topLeft-JJ9D6{top:0;left:0}.c15t-topRight-A6dOV{top:0;right:0}.c15t-card-MOqQY{width:100%;max-width:var(--banner-max-width);border-radius:var(--banner-border-radius);border-width:var(--banner-border-width);border-color:var(--banner-border-color);background-color:var(--banner-background-color);box-shadow:var(--banner-shadow);position:relative;overflow:hidden}.c15t-dark .c15t-card-MOqQY{background-color:var(--banner-background-color-dark);border-color:var(--banner-border-color-dark);box-shadow:var(--banner-shadow-dark)}.c15t-card-MOqQY[data-state=open]{animation:var(--banner-entry-animation)}.c15t-card-MOqQY[data-state=closed]{animation:var(--banner-exit-animation)}.c15t-card-MOqQY>:not([hidden])~:not([hidden]){border-top-width:var(--banner-border-width);border-color:var(--banner-border-color)}.c15t-dark .c15t-card-MOqQY>:not([hidden])~:not([hidden]){border-color:var(--banner-border-color-dark)}.c15t-card-MOqQY:focus{outline-offset:2px;outline:none}@keyframes c15t-enter-OSOPL{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes c15t-exit-PbMtf{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.c15t-rejectButton-qP3hZ,.c15t-acceptButton-zReyG,.c15t-customizeButton-ZjdG0{width:100%}@media (width>=640px){.c15t-rejectButton-qP3hZ,.c15t-acceptButton-zReyG,.c15t-customizeButton-ZjdG0{width:auto}}.c15t-header-X6bpE{color:var(--banner-text-color);flex-direction:column;padding:1rem;display:flex}.c15t-dark .c15t-header-X6bpE{color:var(--banner-text-color-dark)}@media (width>=640px){.c15t-header-X6bpE{padding:1.5rem}}.c15t-header-X6bpE>:not([hidden])~:not([hidden]){--banner-space-y-reverse:0;margin-top:calc(.5rem*calc(1 - var(--banner-space-y-reverse)));margin-bottom:calc(.5rem*var(--banner-space-y-reverse))}.c15t-footer-wS150{background-color:var(--banner-footer-background-color);flex-direction:column;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;display:flex}.c15t-dark .c15t-footer-wS150{background-color:var(--banner-footer-background-color-dark)}@media (width>=640px){.c15t-footer-wS150{flex-direction:row}}.c15t-footerSubGroup-HbTp3{flex-direction:row;justify-content:space-between;gap:1rem;display:flex}.c15t-footerSubGroup-HbTp3 button{flex-grow:1}.c15t-description-jP5LU{letter-spacing:-.006em;color:var(--banner-description-color);font-size:.875rem;font-weight:400;line-height:1.25rem}.c15t-dark .c15t-description-jP5LU{color:var(--banner-description-color-dark)}.c15t-title-qr_tp{letter-spacing:-.011em;color:var(--banner-title-color);font-size:1rem;font-weight:500;line-height:1.5rem}.c15t-dark .c15t-title-qr_tp{color:var(--banner-title-color-dark)}.c15t-overlay-Y8QYV{background-color:var(--banner-overlay-background-color);z-index:999999997;position:fixed;inset:0}.c15t-overlayVisible-YTJZr{opacity:1;transition:opacity var(--banner-animation-duration)var(--banner-animation-timing)}.c15t-overlayHidden-JeNTf{opacity:0;transition:opacity var(--banner-animation-duration)var(--banner-animation-timing)}.c15t-dark .c15t-overlay-Y8QYV{background-color:var(--banner-overlay-background-color-dark)}",""]),i.locals={enter:"c15t-enter-OSOPL",exit:"c15t-exit-PbMtf",root:"c15t-root-tnx7V",bannerVisible:"c15t-bannerVisible-bty7Y",bannerHidden:"c15t-bannerHidden-kfAtO",bottomLeft:"c15t-bottomLeft-wv7ez",bottomRight:"c15t-bottomRight-Oibp8",topLeft:"c15t-topLeft-JJ9D6",topRight:"c15t-topRight-A6dOV",card:"c15t-card-MOqQY",rejectButton:"c15t-rejectButton-qP3hZ",acceptButton:"c15t-acceptButton-zReyG",customizeButton:"c15t-customizeButton-ZjdG0",header:"c15t-header-X6bpE",footer:"c15t-footer-wS150",footerSubGroup:"c15t-footerSubGroup-HbTp3",description:"c15t-description-jP5LU",title:"c15t-title-qr_tp",overlay:"c15t-overlay-Y8QYV",overlayVisible:"c15t-overlayVisible-YTJZr",overlayHidden:"c15t-overlayHidden-JeNTf"};let c=i},"../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/css-loader/api.js":function(e){e.exports=function(e){var r=[];return r.toString=function(){return this.map(function(r){var o="",t=void 0!==r[5];return r[4]&&(o+="@supports (".concat(r[4],") {")),r[2]&&(o+="@media ".concat(r[2]," {")),t&&(o+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),o+=e(r),t&&(o+="}"),r[2]&&(o+="}"),r[4]&&(o+="}"),o}).join("")},r.i=function(e,o,t,n,a){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(t)for(var c=0;c<this.length;c++){var d=this[c][0];null!=d&&(i[d]=!0)}for(var l=0;l<e.length;l++){var s=[].concat(e[l]);t&&i[s[0]]||(void 0!==a&&(void 0===s[5]||(s[1]="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {").concat(s[1],"}")),s[5]=a),o&&(s[2]&&(s[1]="@media ".concat(s[2]," {").concat(s[1],"}")),s[2]=o),n&&(s[4]?(s[1]="@supports (".concat(s[4],") {").concat(s[1],"}"),s[4]=n):s[4]="".concat(n)),r.push(s))}},r}},"../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js":function(e){e.exports=function(e){return e[1]}},"../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/injectStylesIntoStyleTag.js":function(e){var r=[];function o(e){for(var o=-1,t=0;t<r.length;t++)if(r[t].identifier===e){o=t;break}return o}function t(e,t){for(var n={},a=[],i=0;i<e.length;i++){var c=e[i],d=t.base?c[0]+t.base:c[0],l=n[d]||0,s="".concat(d," ").concat(l);n[d]=l+1;var u=o(s),p={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==u)r[u].references++,r[u].updater(p);else{var b=function(e,r){var o=r.domAPI(r);return o.update(e),function(r){r?(r.css!==e.css||r.media!==e.media||r.sourceMap!==e.sourceMap||r.supports!==e.supports||r.layer!==e.layer)&&o.update(e=r):o.remove()}}(p,t);t.byIndex=i,r.splice(i,0,{identifier:s,updater:b,references:1})}a.push(s)}return a}e.exports=function(e,n){var a=t(e=e||[],n=n||{});return function(e){e=e||[];for(var i=0;i<a.length;i++){var c=o(a[i]);r[c].references--}for(var d=t(e,n),l=0;l<a.length;l++){var s=o(a[l]);0===r[s].references&&(r[s].updater(),r.splice(s,1))}a=d}}},"../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/insertBySelector.js":function(e){var r={};e.exports=function(e,o){var t=function(e){if(void 0===r[e]){var o=document.querySelector(e);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}r[e]=o}return r[e]}(e);if(!t)throw Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(o)}},"../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/insertStyleElement.js":function(e){e.exports=function(e){var r=document.createElement("style");return e.setAttributes(r,e.attributes),e.insert(r,e.options),r}},"../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/setAttributesWithoutAttributes.js":function(e,r,o){e.exports=function(e){var r=o.nc;r&&e.setAttribute("nonce",r)}},"../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/styleDomAPI.js":function(e){e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var r=e.insertStyleElement(e);return{update:function(o){var t,n,a;t="",o.supports&&(t+="@supports (".concat(o.supports,") {")),o.media&&(t+="@media ".concat(o.media," {")),(n=void 0!==o.layer)&&(t+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),t+=o.css,n&&(t+="}"),o.media&&(t+="}"),o.supports&&(t+="}"),(a=o.sourceMap)&&"undefined"!=typeof btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleTagTransform(t,r,e.options)},remove:function(){!function(e){if(null!==e.parentNode)e.parentNode.removeChild(e)}(r)}}}},"../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/styleTagTransform.js":function(e){e.exports=function(e,r){if(r.styleSheet)r.styleSheet.cssText=e;else{for(;r.firstChild;)r.removeChild(r.firstChild);r.appendChild(document.createTextNode(e))}}}},__webpack_module_cache__={};function __webpack_require__(e){var r=__webpack_module_cache__[e];if(void 0!==r)return r.exports;var o=__webpack_module_cache__[e]={id:e,exports:{}};return __webpack_modules__[e](o,o.exports,__webpack_require__),o.exports}__webpack_require__.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(r,{a:r}),r},__webpack_require__.d=(e,r)=>{for(var o in r)__webpack_require__.o(r,o)&&!__webpack_require__.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},__webpack_require__.nc=void 0;var __webpack_exports__={};for(var __webpack_i__ in(()=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>_});var e=__webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/injectStylesIntoStyleTag.js"),r=__webpack_require__.n(e),o=__webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/styleDomAPI.js"),t=__webpack_require__.n(o),n=__webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/insertBySelector.js"),a=__webpack_require__.n(n),i=__webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/setAttributesWithoutAttributes.js"),c=__webpack_require__.n(i),d=__webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/insertStyleElement.js"),l=__webpack_require__.n(d),s=__webpack_require__("../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/style-loader/runtime/styleTagTransform.js"),u=__webpack_require__.n(s),p=__webpack_require__("../../../../../node_modules/.pnpm/@rsbuild+core@1.3.5/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].use[2]!./src/components/cookie-banner/cookie-banner.module.css"),b={};b.styleTagTransform=u(),b.setAttributes=c(),b.insert=a().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=l(),r()(p.Z,b);let _=p.Z&&p.Z.locals?p.Z.locals:void 0})(),exports.default=__webpack_exports__.default,__webpack_exports__)-1===["default"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|