@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.
- package/dist_bundle/bundle.js +655 -329
- package/dist_bundle/bundle.js.map +4 -4
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/consentsoftware-cookieconsent.d.ts +7 -20
- package/dist_ts_web/elements/consentsoftware-cookieconsent.js +200 -252
- package/dist_ts_web/elements/consentsoftware-header.d.ts +3 -4
- package/dist_ts_web/elements/consentsoftware-header.js +35 -23
- package/dist_ts_web/elements/consentsoftware-mainselection.d.ts +4 -5
- package/dist_ts_web/elements/consentsoftware-mainselection.js +54 -28
- package/dist_ts_web/elements/consentsoftware-tabs.d.ts +4 -5
- package/dist_ts_web/elements/consentsoftware-tabs.js +44 -36
- package/dist_ts_web/elements/consentsoftware-toggle.d.ts +11 -9
- package/dist_ts_web/elements/consentsoftware-toggle.js +103 -94
- package/dist_ts_web/elements/shared.d.ts +35 -1
- package/dist_ts_web/elements/shared.js +36 -2
- package/dist_ts_web/pages/page1.d.ts +1 -1
- package/dist_ts_web/pages/page1.js +2 -2
- package/dist_watch/bundle.js +503 -437
- package/dist_watch/bundle.js.map +3 -3
- package/package.json +3 -3
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/consentsoftware-cookieconsent.ts +218 -250
- package/ts_web/elements/consentsoftware-header.ts +40 -23
- package/ts_web/elements/consentsoftware-mainselection.ts +60 -30
- package/ts_web/elements/consentsoftware-tabs.ts +51 -37
- package/ts_web/elements/consentsoftware-toggle.ts +123 -107
- package/ts_web/elements/shared.ts +38 -2
- 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: '
|
|
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 {
|
|
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
|
|
8
|
+
export declare class ConsentsoftwareCookieconsent extends DeesElement {
|
|
9
9
|
static demo: () => TemplateResult<1>;
|
|
10
10
|
csWebclientInstance: csWebclient.CsWebclient;
|
|
11
11
|
csWebclientRan: boolean;
|
|
12
|
-
|
|
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
|
-
*
|
|
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
|
-
|
|
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
|
|
36
|
-
import {
|
|
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 =
|
|
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
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
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
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
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
|
-
|
|
124
|
-
|
|
125
|
-
|
|
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
|
-
|
|
140
|
-
|
|
141
|
-
|
|
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
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
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
|
-
|
|
165
|
-
|
|
166
|
-
|
|
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
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
111
|
+
/* Mobile: slide up from bottom */
|
|
112
|
+
@media (max-width: 560px) {
|
|
113
|
+
.pageOverlay {
|
|
114
|
+
align-items: flex-end;
|
|
115
|
+
}
|
|
177
116
|
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
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
|
-
|
|
183
|
-
|
|
133
|
+
|
|
134
|
+
.modalBox.shake {
|
|
135
|
+
animation: shake 120ms 2 linear;
|
|
184
136
|
}
|
|
185
|
-
|
|
186
|
-
|
|
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
|
-
|
|
191
|
-
|
|
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
|
-
|
|
199
|
-
|
|
200
|
-
|
|
147
|
+
.content {
|
|
148
|
+
margin: auto;
|
|
149
|
+
}
|
|
201
150
|
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
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
|
-
|
|
210
|
-
|
|
211
|
-
|
|
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
|
-
|
|
215
|
-
|
|
216
|
-
|
|
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
|
-
|
|
169
|
+
padding: 12px 16px 16px;
|
|
170
|
+
display: grid;
|
|
171
|
+
grid-template-columns: repeat(3, 1fr);
|
|
172
|
+
gap: 8px;
|
|
225
173
|
}
|
|
226
|
-
}
|
|
227
174
|
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
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
|
-
|
|
241
|
-
|
|
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
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
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
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
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"
|
|
244
|
+
<div class="text-container">
|
|
277
245
|
<div class="toptext">
|
|
278
|
-
|
|
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
|
|
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
|
-
*
|
|
283
|
+
* Displays the consent banner if no cookie levels are set.
|
|
316
284
|
*/
|
|
317
285
|
async connectedCallback() {
|
|
318
|
-
super.connectedCallback();
|
|
319
|
-
|
|
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
|
-
|
|
325
|
-
|
|
326
|
-
|
|
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
|
-
|
|
368
|
-
pageOverlay.style.
|
|
369
|
-
|
|
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
|
-
|
|
374
|
-
modalBox.
|
|
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
|
-
|
|
380
|
-
|
|
381
|
-
this.
|
|
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 (
|
|
392
|
-
pageOverlay.classList.add('shake');
|
|
354
|
+
if (modalBox) {
|
|
393
355
|
modalBox.classList.add('shake');
|
|
394
|
-
await delayFor(
|
|
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,
|
|
368
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLWNvb2tpZWNvbnNlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvY29uc2VudHNvZnR3YXJlLWNvb2tpZWNvbnNlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRWpELE9BQU8sRUFDTCxXQUFXLEVBQ1gsYUFBYSxFQUNiLElBQUksRUFDSixHQUFHLEdBRUosTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssWUFBWSxNQUFNLDhCQUE4QixDQUFDO0FBQzdELE9BQU8sS0FBSyxXQUFXLE1BQU0sNkJBQTZCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0lBU3JDLDRCQUE0Qjs0QkFEeEMsYUFBYSxDQUFDLCtCQUErQixDQUFDOzs7O3NCQUNHLFdBQVc7NENBQW5CLFNBQVEsV0FBVzs7OztZQUE3RCw2S0E2VUM7Ozs7UUE1VVEsTUFBTSxDQUFDLElBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUEsaUVBQWlFLENBQUM7UUFFMUYsbUJBQW1CLEdBQUcsSUFBSSxXQUFXLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDcEQsY0FBYyxHQUFHLEtBQUssQ0FBQztRQUN0QixRQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWxCLE1BQU0sQ0FBQyxNQUFNLEdBQUc7WUFDckIsVUFBVSxDQUFDLGFBQWE7WUFDeEIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7aUJBd0JVLFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxVQUFVLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7c0JBQzlELFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxD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
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class ConsentsoftwareHeader extends
|
|
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("
|
|
5
|
-
constructor();
|
|
4
|
+
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
6
5
|
render(): TemplateResult;
|
|
7
6
|
}
|