@consent.software/catalog 1.6.1 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist_bundle/bundle.js +655 -329
  2. package/dist_bundle/bundle.js.map +4 -4
  3. package/dist_ts_web/00_commitinfo_data.js +1 -1
  4. package/dist_ts_web/elements/consentsoftware-cookieconsent.d.ts +7 -20
  5. package/dist_ts_web/elements/consentsoftware-cookieconsent.js +200 -252
  6. package/dist_ts_web/elements/consentsoftware-header.d.ts +3 -4
  7. package/dist_ts_web/elements/consentsoftware-header.js +35 -23
  8. package/dist_ts_web/elements/consentsoftware-mainselection.d.ts +4 -5
  9. package/dist_ts_web/elements/consentsoftware-mainselection.js +54 -28
  10. package/dist_ts_web/elements/consentsoftware-tabs.d.ts +4 -5
  11. package/dist_ts_web/elements/consentsoftware-tabs.js +44 -36
  12. package/dist_ts_web/elements/consentsoftware-toggle.d.ts +11 -9
  13. package/dist_ts_web/elements/consentsoftware-toggle.js +103 -94
  14. package/dist_ts_web/elements/shared.d.ts +35 -1
  15. package/dist_ts_web/elements/shared.js +36 -2
  16. package/dist_ts_web/pages/page1.d.ts +1 -1
  17. package/dist_ts_web/pages/page1.js +2 -2
  18. package/dist_watch/bundle.js +503 -437
  19. package/dist_watch/bundle.js.map +3 -3
  20. package/package.json +3 -3
  21. package/ts_web/00_commitinfo_data.ts +1 -1
  22. package/ts_web/elements/consentsoftware-cookieconsent.ts +218 -250
  23. package/ts_web/elements/consentsoftware-header.ts +40 -23
  24. package/ts_web/elements/consentsoftware-mainselection.ts +60 -30
  25. package/ts_web/elements/consentsoftware-tabs.ts +51 -37
  26. package/ts_web/elements/consentsoftware-toggle.ts +123 -107
  27. package/ts_web/elements/shared.ts +38 -2
  28. package/ts_web/pages/page1.ts +1 -1
@@ -3,7 +3,7 @@
3
3
  */
4
4
  export const commitinfo = {
5
5
  name: '@consent.software/catalog',
6
- version: '1.6.1',
6
+ version: '2.0.1',
7
7
  description: 'A library of web components designed to integrate robust consent management capabilities into web applications, ensuring compliance with privacy regulations.'
8
8
  };
9
9
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsMkJBQTJCO0lBQ2pDLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLFdBQVcsRUFBRSwrSkFBK0o7Q0FDN0ssQ0FBQSJ9
@@ -1,36 +1,28 @@
1
- import { LitElement, type TemplateResult } from 'lit';
1
+ import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
2
2
  import * as csWebclient from '@consent.software/webclient';
3
3
  declare global {
4
4
  interface HTMLElementTagNameMap {
5
5
  'consentsoftware-cookieconsent': ConsentsoftwareCookieconsent;
6
6
  }
7
7
  }
8
- export declare class ConsentsoftwareCookieconsent extends LitElement {
8
+ export declare class ConsentsoftwareCookieconsent extends DeesElement {
9
9
  static demo: () => TemplateResult<1>;
10
10
  csWebclientInstance: csWebclient.CsWebclient;
11
11
  csWebclientRan: boolean;
12
- accessor theme: 'light' | 'dark';
13
- /**
14
- * Define component styles with CSS variables that adjust based on theme.
15
- * The default variables serve as baseline for the light theme.
16
- * Theme-specific overrides modify these for dark mode.
17
- */
18
- static styles: import("lit").CSSResult;
12
+ private isMobile;
13
+ static styles: import("@design.estate/dees-element").CSSResult[];
19
14
  constructor();
20
15
  render(): TemplateResult;
21
16
  /**
22
17
  * Lifecycle method called when the element is connected to the DOM.
23
- * It sets up the theme and displays the consent banner if no cookie levels are set.
18
+ * Displays the consent banner if no cookie levels are set.
24
19
  */
25
20
  connectedCallback(): Promise<void>;
26
21
  firstUpdated(): Promise<void>;
27
- /**
28
- * Called after updates. Logs banner height and runs consent scripts if necessary.
29
- */
30
- updated(): Promise<void>;
22
+ private animateIn;
23
+ private animateOut;
31
24
  /**
32
25
  * Handles consent button clicks, sets cookie levels, and hides the banner.
33
- * Uses theme variables for styling transitions.
34
26
  */
35
27
  private handleConsentButtonClick;
36
28
  /**
@@ -38,9 +30,4 @@ export declare class ConsentsoftwareCookieconsent extends LitElement {
38
30
  * triggers a shake animation as feedback.
39
31
  */
40
32
  private pageOverlayClick;
41
- /**
42
- * Dynamically switches the theme between light and dark.
43
- * Listens for system theme changes to update the component's theme.
44
- */
45
- private updateTheme;
46
33
  }
@@ -32,10 +32,8 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
32
32
  }
33
33
  return useValue ? value : void 0;
34
34
  };
35
- import * as shared from './shared.js';
36
- import { LitElement, html, css } from 'lit';
37
- import { customElement } from 'lit/decorators.js';
38
- import { property } from 'lit/decorators/property.js';
35
+ import { cssManager, colors } from './shared.js';
36
+ import { DeesElement, customElement, html, css, } from '@design.estate/dees-element';
39
37
  import * as csInterfaces from '@consent.software/interfaces';
40
38
  import * as csWebclient from '@consent.software/webclient';
41
39
  import { delayFor } from '@push.rocks/smartdelay';
@@ -44,16 +42,11 @@ let ConsentsoftwareCookieconsent = (() => {
44
42
  let _classDescriptor;
45
43
  let _classExtraInitializers = [];
46
44
  let _classThis;
47
- let _classSuper = LitElement;
48
- let _theme_decorators;
49
- let _theme_initializers = [];
50
- let _theme_extraInitializers = [];
45
+ let _classSuper = DeesElement;
51
46
  var ConsentsoftwareCookieconsent = class extends _classSuper {
52
47
  static { _classThis = this; }
53
48
  static {
54
49
  const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
55
- _theme_decorators = [property({ type: String, reflect: true })];
56
- __esDecorate(this, null, _theme_decorators, { kind: "accessor", name: "theme", static: false, private: false, access: { has: obj => "theme" in obj, get: obj => obj.theme, set: (obj, value) => { obj.theme = value; } }, metadata: _metadata }, _theme_initializers, _theme_extraInitializers);
57
50
  __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
58
51
  ConsentsoftwareCookieconsent = _classThis = _classDescriptor.value;
59
52
  if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
@@ -61,209 +54,184 @@ let ConsentsoftwareCookieconsent = (() => {
61
54
  static demo = () => html `<consentsoftware-cookieconsent></consentsoftware-cookieconsent>`;
62
55
  csWebclientInstance = new csWebclient.CsWebclient();
63
56
  csWebclientRan = false;
64
- #theme_accessor_storage = __runInitializers(this, _theme_initializers, 'light');
65
- // Reflects the current theme ('light' or 'dark')
66
- get theme() { return this.#theme_accessor_storage; }
67
- set theme(value) { this.#theme_accessor_storage = value; }
68
- /**
69
- * Define component styles with CSS variables that adjust based on theme.
70
- * The default variables serve as baseline for the light theme.
71
- * Theme-specific overrides modify these for dark mode.
72
- */
73
- static styles = css `
74
- :host {
75
- font-family: ${shared.fontStack};
76
- user-select: none;
77
- /* Default variables for Light Theme */
78
- --text-color: #333;
79
- --background-color: #eeeeee;
80
- --accent-color: #333333;
81
- --button-bg: #ffffff;
82
- --button-hover-bg: #f2f2f2;
83
- --icon-color: #4496f5;
84
- --link-color: #333;
85
- --padding-sides: 16px;
86
- /* Additional variables for modal and info container styling */
87
- --info-bg: rgba(0, 0, 0, 0.1);
88
- --info-text: rgba(255, 255, 255, 0.5);
89
- --modal-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
90
- }
91
-
92
- /* Dark Theme Overrides:
93
- When theme attribute is 'dark', override variables accordingly. */
94
- :host([theme='dark']) {
95
- --text-color: #fff;
96
- --background-color: #111;
97
- --accent-color: #333333;
98
- --button-bg: #252525;
99
- --button-hover-bg: #222222;
100
- --icon-color: #4496f5;
101
- --link-color: #fff;
102
- --info-bg: rgba(0, 0, 0, 0.1);
103
- --info-text: rgba(255, 255, 255, 0.5);
104
- --modal-box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.6);
105
- }
57
+ isMobile = false;
58
+ static styles = [
59
+ cssManager.defaultStyles,
60
+ css `
61
+ :host {
62
+ font-size: 14px;
63
+ user-select: none;
64
+ }
106
65
 
107
- /* Light Theme Overrides:
108
- Explicit light theme settings, currently matching defaults.
109
- Can be customized independently if desired. */
110
- :host([theme='light']) {
111
- --text-color: #333;
112
- --background-color: #eeeeee;
113
- --accent-color: #333333;
114
- --button-bg: #ffffff;
115
- --button-hover-bg: #f2f2f2;
116
- --icon-color: #4496f5;
117
- --link-color: #333;
118
- --info-bg: rgba(0, 0, 0, 0.1);
119
- --info-text: rgba(0, 0, 0, 0.5);
120
- --modal-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
121
- }
66
+ .pageOverlay {
67
+ position: fixed;
68
+ inset: 0;
69
+ display: grid;
70
+ align-items: center;
71
+ justify-content: center;
72
+ z-index: 1000;
73
+ background: rgba(0, 0, 0, 0);
74
+ backdrop-filter: blur(0px);
75
+ transition: background 0.3s ease, backdrop-filter 0.3s ease;
76
+ }
122
77
 
123
- /* Overlay covering the page behind the modal */
124
- .pageOverlay {
125
- position: fixed;
126
- top: 0;
127
- bottom: 0;
128
- right: 0;
129
- left: 0;
130
- display: grid;
131
- align-items: center;
132
- justify-content: center;
133
- z-index: 1000; /* Ensures the overlay is on top of other elements */
134
- background: rgba(255, 255, 255, 0);
135
- backdrop-filter: blur(0px);
136
- transition: all 0.2s;
137
- }
78
+ .pageOverlay.shake {
79
+ background: rgba(0, 0, 0, 0.6) !important;
80
+ }
138
81
 
139
- /* Shake animation for overlay when clicked */
140
- .pageOverlay.shake {
141
- background: rgba(0, 0, 0, 0.5) !important;
142
- }
82
+ .modalBox {
83
+ display: block;
84
+ color: ${cssManager.bdTheme(colors.light.foreground, colors.dark.foreground)};
85
+ background: ${cssManager.bdTheme(colors.light.background, colors.dark.background)};
86
+ box-shadow:
87
+ 0 0 0 1px ${cssManager.bdTheme(colors.light.border, colors.dark.border)},
88
+ 0 16px 70px ${cssManager.bdTheme('rgba(0, 0, 0, 0.15)', 'rgba(0, 0, 0, 0.35)')};
89
+ position: relative;
90
+ border-radius: 8px;
91
+ max-width: 520px;
92
+ min-width: 320px;
93
+ box-sizing: border-box;
94
+ overflow: hidden;
95
+ will-change: transform, opacity;
96
+ transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
97
+ transform: scale(0.92) translateY(20px);
98
+ opacity: 0;
99
+ }
143
100
 
144
- /* Modal box styling using theme variables for colors and shadows */
145
- .modalBox {
146
- display: block;
147
- color: var(--text-color);
148
- background: var(--background-color);
149
- box-shadow: var(--modal-box-shadow);
150
- position: relative;
151
- border: 1px dotted rgba(255, 255, 255, 0.1);
152
- border-top: 1px solid var(--accent-color);
153
- border-radius: 16px;
154
- max-width: 1100px;
155
- min-width: calc(100vw / 3);
156
- box-sizing: border-box;
157
- overflow: hidden;
158
- will-change: transform;
159
- transition: all 0.3s;
160
- transform: scale(0.95);
161
- opacity: 0;
162
- }
101
+ .modalBox.visible {
102
+ transform: scale(1) translateY(0);
103
+ opacity: 1;
104
+ }
163
105
 
164
- /* Media query for mobile devices: stack buttons vertically */
165
- @media (max-width: 600px) {
166
- .modalBox {
167
- height: 100vh;
168
- box-shadow: none;
169
- border-radius: 0px;
106
+ .modalBox.hiding {
107
+ transform: scale(0.95) translateY(10px);
108
+ opacity: 0;
170
109
  }
171
- }
172
110
 
173
- /* Shake animation for modal box */
174
- .modalBox.shake {
175
- animation: shake 150ms 2 linear;
176
- }
111
+ /* Mobile: slide up from bottom */
112
+ @media (max-width: 560px) {
113
+ .pageOverlay {
114
+ align-items: flex-end;
115
+ }
177
116
 
178
- @keyframes shake {
179
- 0% {
180
- transform: translate(3px, 0);
117
+ .modalBox {
118
+ max-width: 100%;
119
+ min-width: 100%;
120
+ border-radius: 16px 16px 0 0;
121
+ transform: translateY(100%);
122
+ opacity: 1;
123
+ }
124
+
125
+ .modalBox.visible {
126
+ transform: translateY(0);
127
+ }
128
+
129
+ .modalBox.hiding {
130
+ transform: translateY(100%);
131
+ }
181
132
  }
182
- 50% {
183
- transform: translate(-3px, 0);
133
+
134
+ .modalBox.shake {
135
+ animation: shake 120ms 2 linear;
184
136
  }
185
- 100% {
186
- transform: translate(0, 0);
137
+
138
+ @keyframes shake {
139
+ 0% { transform: translateX(3px); }
140
+ 50% { transform: translateX(-3px); }
141
+ 100% { transform: translateX(0); }
187
142
  }
188
- }
189
143
 
190
- /* Toggle display based on [show] attribute */
191
- :host([show='false']) {
192
- display: none;
193
- }
194
- :host([show='true']) {
195
- display: block;
196
- }
144
+ :host([show='false']) { display: none; }
145
+ :host([show='true']) { display: block; }
197
146
 
198
- .content {
199
- margin: auto;
200
- }
147
+ .content {
148
+ margin: auto;
149
+ }
201
150
 
202
- .text-container {
203
- padding-left: var(--padding-sides);
204
- padding-right: var(--padding-sides);
205
- display: grid;
206
- grid-template-columns: auto;
207
- }
151
+ .text-container {
152
+ padding: 12px 16px;
153
+ font-size: 0.9em;
154
+ line-height: 1.5;
155
+ color: ${cssManager.bdTheme(colors.light.mutedForeground, colors.dark.mutedForeground)};
156
+ }
208
157
 
209
- .text-container a {
210
- color: var(--link-color);
211
- text-decoration: none;
212
- }
158
+ .text-container a {
159
+ color: ${cssManager.bdTheme(colors.light.foreground, colors.dark.foreground)};
160
+ text-decoration: underline;
161
+ text-underline-offset: 2px;
162
+ }
213
163
 
214
- .button-container {
215
- padding: var(--padding-sides);
216
- display: grid;
217
- grid-template-columns: repeat(3, 1fr);
218
- gap: 16px;
219
- }
164
+ .text-container a:hover {
165
+ opacity: 0.8;
166
+ }
220
167
 
221
- /* Media query for mobile devices: stack buttons vertically */
222
- @media (max-width: 600px) {
223
168
  .button-container {
224
- grid-template-columns: 1fr;
169
+ padding: 12px 16px 16px;
170
+ display: grid;
171
+ grid-template-columns: repeat(3, 1fr);
172
+ gap: 8px;
225
173
  }
226
- }
227
174
 
228
- /* Consent button styling using theme variables */
229
- .consent-button {
230
- border-radius: 3px;
231
- background: var(--button-bg);
232
- box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
233
- padding: 10px;
234
- line-height: 30px;
235
- text-align: center;
236
- cursor: pointer;
237
- transition: all 0.2s;
238
- }
175
+ @media (max-width: 560px) {
176
+ .button-container {
177
+ grid-template-columns: 1fr;
178
+ padding-bottom: max(16px, env(safe-area-inset-bottom));
179
+ }
180
+ }
239
181
 
240
- .consent-button:hover {
241
- background: var(--button-hover-bg);
242
- }
182
+ .consent-button {
183
+ border-radius: 6px;
184
+ background: ${cssManager.bdTheme(colors.light.secondary, colors.dark.secondary)};
185
+ border: 1px solid ${cssManager.bdTheme(colors.light.border, colors.dark.border)};
186
+ padding: 8px 16px;
187
+ font-size: 0.85em;
188
+ font-weight: 500;
189
+ text-align: center;
190
+ cursor: pointer;
191
+ transition: all 0.15s ease;
192
+ color: ${cssManager.bdTheme(colors.light.secondaryForeground, colors.dark.secondaryForeground)};
193
+ }
243
194
 
244
- /* Use theme variables for info container background and text */
245
- .info-container {
246
- text-align: center;
247
- line-height: 3em;
248
- background: var(--info-bg);
249
- border-top: 1px dotted rgba(255, 255, 255, 0.1);
250
- font-size: 0.8em;
251
- color: var(--info-text);
252
- }
195
+ .consent-button:hover {
196
+ background: ${cssManager.bdTheme(colors.light.accent, colors.dark.accent)};
197
+ border-color: ${cssManager.bdTheme(colors.light.ring, colors.dark.ring)};
198
+ }
253
199
 
254
- .info-container a {
255
- text-decoration: underline;
256
- color: var(--link-color);
257
- transition: color 0.2s;
258
- }
259
- .info-container a:hover {
260
- color: #ffffff;
261
- }
262
- `;
200
+ .consent-button:active {
201
+ transform: scale(0.98);
202
+ }
203
+
204
+ .consent-button:last-child {
205
+ background: ${cssManager.bdTheme(colors.light.primary, colors.dark.primary)};
206
+ color: ${cssManager.bdTheme(colors.light.primaryForeground, colors.dark.primaryForeground)};
207
+ border-color: ${cssManager.bdTheme(colors.light.primary, colors.dark.primary)};
208
+ }
209
+
210
+ .consent-button:last-child:hover {
211
+ opacity: 0.9;
212
+ }
213
+
214
+ .info-container {
215
+ text-align: center;
216
+ padding: 10px 16px;
217
+ background: ${cssManager.bdTheme(colors.light.muted, colors.dark.muted)};
218
+ border-top: 1px solid ${cssManager.bdTheme(colors.light.border, colors.dark.border)};
219
+ font-size: 0.75em;
220
+ color: ${cssManager.bdTheme(colors.light.mutedForeground, colors.dark.mutedForeground)};
221
+ }
222
+
223
+ .info-container a {
224
+ color: ${cssManager.bdTheme(colors.light.foreground, colors.dark.foreground)};
225
+ text-decoration: none;
226
+ }
227
+
228
+ .info-container a:hover {
229
+ text-decoration: underline;
230
+ }
231
+ `,
232
+ ];
263
233
  constructor() {
264
234
  super();
265
- __runInitializers(this, _theme_extraInitializers);
266
- // Initially hide the consent banner until needed
267
235
  this.setAttribute('show', 'false');
268
236
  }
269
237
  render() {
@@ -273,11 +241,11 @@ let ConsentsoftwareCookieconsent = (() => {
273
241
  <div class="content">
274
242
  <consentsoftware-header></consentsoftware-header>
275
243
  <consentsoftware-tabs></consentsoftware-tabs>
276
- <div class="text-container" style="padding: 16px;">
244
+ <div class="text-container">
277
245
  <div class="toptext">
278
- This page uses cookies. Please review our
246
+ We use cookies to enhance your experience. Review our
279
247
  <a href="https://lossless.gmbh/cookie" target="_blank">cookie policy</a>
280
- and choose which cookie level you are willing to accept.
248
+ and select your preferences.
281
249
  </div>
282
250
  </div>
283
251
  <consentsoftware-mainselection></consentsoftware-mainselection>
@@ -312,73 +280,69 @@ let ConsentsoftwareCookieconsent = (() => {
312
280
  }
313
281
  /**
314
282
  * Lifecycle method called when the element is connected to the DOM.
315
- * It sets up the theme and displays the consent banner if no cookie levels are set.
283
+ * Displays the consent banner if no cookie levels are set.
316
284
  */
317
285
  async connectedCallback() {
318
- super.connectedCallback();
319
- this.updateTheme(); // Initialize theme based on system preference
286
+ await super.connectedCallback();
287
+ // Check if mobile
288
+ this.isMobile = window.matchMedia('(max-width: 560px)').matches;
320
289
  const cookieLevel = await this.csWebclientInstance.getCookieLevels();
321
290
  if (!cookieLevel) {
322
- // Show consent banner if cookie levels haven't been set yet
323
291
  this.setAttribute('show', 'true');
324
- requestAnimationFrame(async () => {
325
- await this.updated();
326
- const pageOverlay = this.shadowRoot?.querySelector('.pageOverlay');
327
- if (pageOverlay) {
328
- // Apply dark overlay styling when modal appears
329
- pageOverlay.style.background = 'rgba(0,0,0, 0.5)';
330
- pageOverlay.style.backdropFilter = 'blur(20px)';
331
- }
332
- const modalBox = this.shadowRoot?.querySelector('.modalBox');
333
- if (modalBox) {
334
- // Animate modal box appearance
335
- modalBox.style.transform = `scale(1)`;
336
- modalBox.style.opacity = '1';
337
- }
338
- });
292
+ // Small delay to ensure DOM is ready, then animate in
293
+ await delayFor(50);
294
+ this.animateIn();
339
295
  }
340
296
  else {
341
- // Hide banner if cookie levels are already set
342
297
  this.setAttribute('show', 'false');
343
298
  }
344
299
  }
345
300
  async firstUpdated() {
346
- // Placeholder for any logic needed after first render
347
- }
348
- /**
349
- * Called after updates. Logs banner height and runs consent scripts if necessary.
350
- */
351
- async updated() {
352
- console.log(`The height of the cookie banner is ${this.shadowRoot?.host?.clientHeight}px`);
353
301
  const acceptedCookieLevels = await this.csWebclientInstance.getCookieLevels();
354
302
  if (!this.csWebclientRan && acceptedCookieLevels) {
355
303
  this.csWebclientRan = true;
356
304
  await this.csWebclientInstance.getAndRunConsentTuples();
357
305
  }
358
306
  }
359
- /**
360
- * Handles consent button clicks, sets cookie levels, and hides the banner.
361
- * Uses theme variables for styling transitions.
362
- */
363
- async handleConsentButtonClick(event, levelsArg) {
364
- console.log(`Set level to ${levelsArg}`);
307
+ animateIn() {
365
308
  const pageOverlay = this.shadowRoot?.querySelector('.pageOverlay');
309
+ const modalBox = this.shadowRoot?.querySelector('.modalBox');
366
310
  if (pageOverlay) {
367
- // Fade out overlay effect using inline styles for transition
368
- pageOverlay.style.background = 'rgba(255,255,255, 0)';
369
- pageOverlay.style.backdropFilter = 'blur(0px)';
311
+ pageOverlay.style.background = 'rgba(0, 0, 0, 0.5)';
312
+ pageOverlay.style.backdropFilter = 'blur(4px)';
313
+ }
314
+ if (modalBox) {
315
+ modalBox.classList.remove('hiding');
316
+ modalBox.classList.add('visible');
370
317
  }
318
+ }
319
+ async animateOut() {
320
+ const pageOverlay = this.shadowRoot?.querySelector('.pageOverlay');
371
321
  const modalBox = this.shadowRoot?.querySelector('.modalBox');
322
+ if (pageOverlay) {
323
+ pageOverlay.style.background = 'rgba(0, 0, 0, 0)';
324
+ pageOverlay.style.backdropFilter = 'blur(0px)';
325
+ }
372
326
  if (modalBox) {
373
- // Scale down and fade out modal box before hiding
374
- modalBox.style.transform = `scale(0.95)`;
375
- modalBox.style.opacity = '0';
327
+ modalBox.classList.remove('visible');
328
+ modalBox.classList.add('hiding');
376
329
  }
330
+ await delayFor(350);
331
+ }
332
+ /**
333
+ * Handles consent button clicks, sets cookie levels, and hides the banner.
334
+ */
335
+ async handleConsentButtonClick(_event, levelsArg) {
336
+ console.log(`Set level to ${levelsArg}`);
337
+ await this.animateOut();
377
338
  // Save user consent preferences
378
339
  await this.csWebclientInstance.setCookieLevels(levelsArg);
379
- await delayFor(300);
380
- this.setAttribute('show', 'false'); // Hide the consent banner
381
- this.updated(); // Trigger any post-consent actions
340
+ this.setAttribute('show', 'false');
341
+ // Run consent scripts
342
+ if (!this.csWebclientRan) {
343
+ this.csWebclientRan = true;
344
+ await this.csWebclientInstance.getAndRunConsentTuples();
345
+ }
382
346
  }
383
347
  /**
384
348
  * Handles clicks on the page overlay. If clicked outside the modal,
@@ -386,30 +350,14 @@ let ConsentsoftwareCookieconsent = (() => {
386
350
  */
387
351
  async pageOverlayClick(e) {
388
352
  if (e.target === e.currentTarget) {
389
- const pageOverlay = this.shadowRoot?.querySelector('.pageOverlay');
390
353
  const modalBox = this.shadowRoot?.querySelector('.modalBox');
391
- if (pageOverlay && modalBox) {
392
- pageOverlay.classList.add('shake');
354
+ if (modalBox) {
393
355
  modalBox.classList.add('shake');
394
- await delayFor(2000);
395
- pageOverlay.classList.remove('shake');
356
+ await delayFor(300);
396
357
  modalBox.classList.remove('shake');
397
358
  }
398
359
  }
399
360
  }
400
- /**
401
- * Dynamically switches the theme between light and dark.
402
- * Listens for system theme changes to update the component's theme.
403
- */
404
- updateTheme() {
405
- // Check the initial system preference for dark mode
406
- const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
407
- this.theme = prefersDark ? 'dark' : 'light';
408
- // Listen for changes in the system color scheme preference
409
- window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
410
- this.theme = e.matches ? 'dark' : 'light';
411
- });
412
- }
413
361
  static {
414
362
  __runInitializers(_classThis, _classExtraInitializers);
415
363
  }
@@ -417,4 +365,4 @@ let ConsentsoftwareCookieconsent = (() => {
417
365
  return ConsentsoftwareCookieconsent = _classThis;
418
366
  })();
419
367
  export { ConsentsoftwareCookieconsent };
420
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLWNvb2tpZWNvbnNlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvY29uc2VudHNvZnR3YXJlLWNvb2tpZWNvbnNlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE1BQU0sYUFBYSxDQUFDO0FBRXRDLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBdUIsTUFBTSxLQUFLLENBQUM7QUFDakUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUV0RCxPQUFPLEtBQUssWUFBWSxNQUFNLDhCQUE4QixDQUFDO0FBQzdELE9BQU8sS0FBSyxXQUFXLE1BQU0sNkJBQTZCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0lBU3JDLDRCQUE0Qjs0QkFEeEMsYUFBYSxDQUFDLCtCQUErQixDQUFDOzs7O3NCQUNHLFVBQVU7Ozs7NENBQWxCLFNBQVEsV0FBVTs7OztpQ0FPekQsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7WUFDMUMsb0tBQWdCLEtBQUssNkJBQUwsS0FBSyxxRkFBNkI7WUFScEQsNktBaVhDOzs7O1FBaFhRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLGlFQUFpRSxDQUFDO1FBRTFGLG1CQUFtQixHQUFHLElBQUksV0FBVyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3BELGNBQWMsR0FBRyxLQUFLLENBQUM7UUFJOUIsdUVBQTBDLE9BQU8sRUFBQztRQUZsRCxpREFBaUQ7UUFFakQsSUFBZ0IsS0FBSywyQ0FBNkI7UUFBbEQs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
368
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLWNvb2tpZWNvbnNlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvY29uc2VudHNvZnR3YXJlLWNvb2tpZWNvbnNlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRWpELE9BQU8sRUFDTCxXQUFXLEVBQ1gsYUFBYSxFQUNiLElBQUksRUFDSixHQUFHLEdBRUosTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssWUFBWSxNQUFNLDhCQUE4QixDQUFDO0FBQzdELE9BQU8sS0FBSyxXQUFXLE1BQU0sNkJBQTZCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0lBU3JDLDRCQUE0Qjs0QkFEeEMsYUFBYSxDQUFDLCtCQUErQixDQUFDOzs7O3NCQUNHLFdBQVc7NENBQW5CLFNBQVEsV0FBVzs7OztZQUE3RCw2S0E2VUM7Ozs7UUE1VVEsTUFBTSxDQUFDLElBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUEsaUVBQWlFLENBQUM7UUFFMUYsbUJBQW1CLEdBQUcsSUFBSSxXQUFXLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDcEQsY0FBYyxHQUFHLEtBQUssQ0FBQztRQUN0QixRQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWxCLE1BQU0sQ0FBQyxNQUFNLEdBQUc7WUFDckIsVUFBVSxDQUFDLGFBQWE7WUFDeEIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7aUJBd0JVLFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxVQUFVLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7c0JBQzlELFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxD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
@@ -1,7 +1,6 @@
1
- import { LitElement, type TemplateResult } from 'lit';
2
- export declare class ConsentsoftwareHeader extends LitElement {
1
+ import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
2
+ export declare class ConsentsoftwareHeader extends DeesElement {
3
3
  static demo: () => TemplateResult<1>;
4
- static styles: import("lit").CSSResult;
5
- constructor();
4
+ static styles: import("@design.estate/dees-element").CSSResult[];
6
5
  render(): TemplateResult;
7
6
  }