@consent.software/catalog 1.4.3 → 1.4.5
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 +26 -41
- package/dist_bundle/bundle.js.map +3 -3
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/consentsoftware-cookieconsent.d.ts +1 -1
- package/dist_ts_web/elements/consentsoftware-cookieconsent.js +23 -32
- package/dist_ts_web/elements/consentsoftware-toggle.d.ts +2 -2
- package/dist_ts_web/elements/consentsoftware-toggle.js +11 -5
- package/dist_watch/bundle.js +48 -35
- package/dist_watch/bundle.js.map +3 -3
- package/package.json +1 -1
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/consentsoftware-cookieconsent.ts +29 -31
- package/ts_web/elements/consentsoftware-toggle.ts +2 -2
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const commitinfo = {
|
|
5
5
|
name: '@consent.software/catalog',
|
|
6
|
-
version: '1.4.
|
|
6
|
+
version: '1.4.5',
|
|
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
|
|
@@ -33,7 +33,7 @@ export declare class ConsentsoftwareCookieconsent extends LitElement {
|
|
|
33
33
|
/**
|
|
34
34
|
* Sets the user’s chosen cookie level(s) and hides the banner.
|
|
35
35
|
*/
|
|
36
|
-
private
|
|
36
|
+
private handleConsentButtonClick;
|
|
37
37
|
/**
|
|
38
38
|
* Dynamically switches the theme between light/dark,
|
|
39
39
|
* respecting `prefers-color-scheme` by default.
|
|
@@ -65,7 +65,7 @@ let ConsentsoftwareCookieconsent = class ConsentsoftwareCookieconsent extends Li
|
|
|
65
65
|
align-items: center;
|
|
66
66
|
justify-content: center;
|
|
67
67
|
z-index: 1000; /* standard z-index for fixed elements */
|
|
68
|
-
background: rgba(
|
|
68
|
+
background: rgba(255, 255, 255, 0);
|
|
69
69
|
backdrop-filter: blur(0px);
|
|
70
70
|
transition: all 0.2s;
|
|
71
71
|
}
|
|
@@ -83,10 +83,6 @@ let ConsentsoftwareCookieconsent = class ConsentsoftwareCookieconsent extends Li
|
|
|
83
83
|
min-width: calc(100vw / 3);
|
|
84
84
|
box-sizing: border-box;
|
|
85
85
|
overflow: hidden;
|
|
86
|
-
/*
|
|
87
|
-
* We start with margin-bottom as negative to hide the banner.
|
|
88
|
-
* The animation occurs when we toggle the gotIt/show attributes.
|
|
89
|
-
*/
|
|
90
86
|
will-change: transform; /* ensure efficient rendering */
|
|
91
87
|
transition: all 0.3s;
|
|
92
88
|
transform: scale(0.95);
|
|
@@ -104,18 +100,6 @@ let ConsentsoftwareCookieconsent = class ConsentsoftwareCookieconsent extends Li
|
|
|
104
100
|
display: block;
|
|
105
101
|
}
|
|
106
102
|
|
|
107
|
-
/*
|
|
108
|
-
* Animate margin-bottom when [gotIt] toggles.
|
|
109
|
-
* If gotIt=true, push the banner down off-screen.
|
|
110
|
-
* If gotIt=false, pull the banner into view.
|
|
111
|
-
*/
|
|
112
|
-
:host([gotIt='true']) {
|
|
113
|
-
background: blue;
|
|
114
|
-
}
|
|
115
|
-
:host([gotIt='false']) {
|
|
116
|
-
background: red;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
103
|
.content {
|
|
120
104
|
margin: auto;
|
|
121
105
|
}
|
|
@@ -178,7 +162,6 @@ let ConsentsoftwareCookieconsent = class ConsentsoftwareCookieconsent extends Li
|
|
|
178
162
|
this.csWebclientInstance = new csWebclient.CsWebclient();
|
|
179
163
|
this.csWebclientRan = false;
|
|
180
164
|
this.theme = 'light';
|
|
181
|
-
this.setAttribute('gotIt', 'true');
|
|
182
165
|
this.setAttribute('show', 'false');
|
|
183
166
|
}
|
|
184
167
|
render() {
|
|
@@ -198,25 +181,25 @@ let ConsentsoftwareCookieconsent = class ConsentsoftwareCookieconsent extends Li
|
|
|
198
181
|
<!-- <div class="button-container">
|
|
199
182
|
<div
|
|
200
183
|
class="consent-button"
|
|
201
|
-
@click=${(event) => this.
|
|
184
|
+
@click=${(event) => this.handleConsentButtonClick(event, ['functional'])}
|
|
202
185
|
>
|
|
203
186
|
Functional cookies
|
|
204
187
|
</div>
|
|
205
188
|
<div
|
|
206
189
|
class="consent-button"
|
|
207
|
-
@click=${(event) => this.
|
|
190
|
+
@click=${(event) => this.handleConsentButtonClick(event, ['functional', 'analytics'])}
|
|
208
191
|
>
|
|
209
192
|
Analytics cookies
|
|
210
193
|
</div>
|
|
211
194
|
<div
|
|
212
195
|
class="consent-button"
|
|
213
|
-
@click=${(event) => this.
|
|
196
|
+
@click=${(event) => this.handleConsentButtonClick(event, ['functional', 'analytics', 'marketing'])}
|
|
214
197
|
>
|
|
215
198
|
Marketing cookies
|
|
216
199
|
</div>
|
|
217
200
|
<div
|
|
218
201
|
class="consent-button"
|
|
219
|
-
@click=${(event) => this.
|
|
202
|
+
@click=${(event) => this.handleConsentButtonClick(event, ['functional', 'analytics', 'marketing', 'all'])}
|
|
220
203
|
>
|
|
221
204
|
All cookies
|
|
222
205
|
</div>
|
|
@@ -225,19 +208,19 @@ let ConsentsoftwareCookieconsent = class ConsentsoftwareCookieconsent extends Li
|
|
|
225
208
|
<div class="button-container">
|
|
226
209
|
<div
|
|
227
210
|
class="consent-button"
|
|
228
|
-
@click=${(event) => this.
|
|
211
|
+
@click=${(event) => this.handleConsentButtonClick(event, ['functional'])}
|
|
229
212
|
>
|
|
230
213
|
Deny
|
|
231
214
|
</div>
|
|
232
215
|
<div
|
|
233
216
|
class="consent-button"
|
|
234
|
-
@click=${(event) => this.
|
|
217
|
+
@click=${(event) => this.handleConsentButtonClick(event, ['functional', 'analytics'])}
|
|
235
218
|
>
|
|
236
219
|
Accept selection
|
|
237
220
|
</div>
|
|
238
221
|
<div
|
|
239
222
|
class="consent-button"
|
|
240
|
-
@click=${(event) => this.
|
|
223
|
+
@click=${(event) => this.handleConsentButtonClick(event, ['functional', 'analytics', 'marketing'])}
|
|
241
224
|
>
|
|
242
225
|
Accept all cookies
|
|
243
226
|
</div>
|
|
@@ -245,6 +228,7 @@ let ConsentsoftwareCookieconsent = class ConsentsoftwareCookieconsent extends Li
|
|
|
245
228
|
<div class="info-container">
|
|
246
229
|
consent management powered by
|
|
247
230
|
<a href="https://consent.software">consent.software</a>
|
|
231
|
+
(Open Source)
|
|
248
232
|
</div>
|
|
249
233
|
</div>
|
|
250
234
|
</div>
|
|
@@ -260,13 +244,12 @@ let ConsentsoftwareCookieconsent = class ConsentsoftwareCookieconsent extends Li
|
|
|
260
244
|
const cookieLevel = await this.csWebclientInstance.getCookieLevels();
|
|
261
245
|
if (!cookieLevel) {
|
|
262
246
|
this.setAttribute('show', 'true');
|
|
263
|
-
this.setAttribute('gotIt', 'false');
|
|
264
247
|
requestAnimationFrame(async () => {
|
|
265
248
|
await this.updated();
|
|
266
249
|
const pageOverlay = this.shadowRoot?.querySelector('.pageOverlay');
|
|
267
250
|
if (pageOverlay) {
|
|
268
|
-
pageOverlay.style.background = 'rgba(
|
|
269
|
-
pageOverlay.style.backdropFilter = 'blur(
|
|
251
|
+
pageOverlay.style.background = 'rgba(255,255,255, 0.1)';
|
|
252
|
+
pageOverlay.style.backdropFilter = 'blur(1px)';
|
|
270
253
|
}
|
|
271
254
|
const modalBox = this.shadowRoot?.querySelector('.modalBox');
|
|
272
255
|
if (modalBox) {
|
|
@@ -277,7 +260,6 @@ let ConsentsoftwareCookieconsent = class ConsentsoftwareCookieconsent extends Li
|
|
|
277
260
|
}
|
|
278
261
|
else {
|
|
279
262
|
this.setAttribute('show', 'false');
|
|
280
|
-
this.setAttribute('gotIt', 'true');
|
|
281
263
|
}
|
|
282
264
|
}
|
|
283
265
|
/**
|
|
@@ -299,10 +281,19 @@ let ConsentsoftwareCookieconsent = class ConsentsoftwareCookieconsent extends Li
|
|
|
299
281
|
/**
|
|
300
282
|
* Sets the user’s chosen cookie level(s) and hides the banner.
|
|
301
283
|
*/
|
|
302
|
-
async
|
|
284
|
+
async handleConsentButtonClick(event, levelsArg) {
|
|
303
285
|
console.log(`Set level to ${levelsArg}`);
|
|
286
|
+
const pageOverlay = this.shadowRoot?.querySelector('.pageOverlay');
|
|
287
|
+
if (pageOverlay) {
|
|
288
|
+
pageOverlay.style.background = 'rgba(255,255,255, 0)';
|
|
289
|
+
pageOverlay.style.backdropFilter = 'blur(0px)';
|
|
290
|
+
}
|
|
291
|
+
const modalBox = this.shadowRoot?.querySelector('.modalBox');
|
|
292
|
+
if (modalBox) {
|
|
293
|
+
modalBox.style.transform = `scale(0.95)`;
|
|
294
|
+
modalBox.style.opacity = '0';
|
|
295
|
+
}
|
|
304
296
|
await this.csWebclientInstance.setCookieLevels(levelsArg);
|
|
305
|
-
this.setAttribute('gotIt', 'true');
|
|
306
297
|
await delayFor(300);
|
|
307
298
|
this.setAttribute('show', 'false');
|
|
308
299
|
// After user selection, re-check for any required scripts to run
|
|
@@ -329,4 +320,4 @@ ConsentsoftwareCookieconsent = __decorate([
|
|
|
329
320
|
__metadata("design:paramtypes", [])
|
|
330
321
|
], ConsentsoftwareCookieconsent);
|
|
331
322
|
export { ConsentsoftwareCookieconsent };
|
|
332
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
323
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLWNvb2tpZWNvbnNlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvY29uc2VudHNvZnR3YXJlLWNvb2tpZWNvbnNlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sTUFBTSxhQUFhLENBQUM7QUFFdEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUF1QixNQUFNLEtBQUssQ0FBQztBQUNqRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRXRELE9BQU8sS0FBSyxZQUFZLE1BQU0sOEJBQThCLENBQUM7QUFDN0QsT0FBTyxLQUFLLFdBQVcsTUFBTSw2QkFBNkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFTM0MsSUFBTSw0QkFBNEIsR0FBbEMsTUFBTSw0QkFBNkIsU0FBUSxVQUFVO2FBQzVDLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUEsaUVBQWlFLEFBQTlFLENBQStFO0lBUWpHOzs7T0FHRzthQUNXLFdBQU0sR0FBRyxHQUFHLENBQUE7O3FCQUVQLE1BQU0sQ0FBQyxTQUFTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXNJbEMsQUF4SW1CLENBd0lsQjtJQUVGO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFySkgsd0JBQW1CLEdBQUcsSUFBSSxXQUFXLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDcEQsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFHdkIs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
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { LitElement, type TemplateResult } from 'lit';
|
|
2
2
|
export declare class ConsentsoftwareToggle extends LitElement {
|
|
3
|
-
required: boolean;
|
|
4
|
-
selected: boolean;
|
|
3
|
+
accessor required: boolean;
|
|
4
|
+
accessor selected: boolean;
|
|
5
5
|
/**
|
|
6
6
|
* We always track the knob’s left offset in `currentX`.
|
|
7
7
|
* - 0 => fully left
|
|
@@ -12,6 +12,12 @@ import { customElement } from 'lit/decorators.js';
|
|
|
12
12
|
import { property } from 'lit/decorators/property.js';
|
|
13
13
|
import { delayFor } from '@push.rocks/smartdelay';
|
|
14
14
|
let ConsentsoftwareToggle = class ConsentsoftwareToggle extends LitElement {
|
|
15
|
+
#required_accessor_storage;
|
|
16
|
+
get required() { return this.#required_accessor_storage; }
|
|
17
|
+
set required(value) { this.#required_accessor_storage = value; }
|
|
18
|
+
#selected_accessor_storage;
|
|
19
|
+
get selected() { return this.#selected_accessor_storage; }
|
|
20
|
+
set selected(value) { this.#selected_accessor_storage = value; }
|
|
15
21
|
static { this.styles = css `
|
|
16
22
|
:host {
|
|
17
23
|
display: block;
|
|
@@ -82,8 +88,8 @@ let ConsentsoftwareToggle = class ConsentsoftwareToggle extends LitElement {
|
|
|
82
88
|
`; }
|
|
83
89
|
constructor() {
|
|
84
90
|
super();
|
|
85
|
-
this
|
|
86
|
-
this
|
|
91
|
+
this.#required_accessor_storage = false;
|
|
92
|
+
this.#selected_accessor_storage = false;
|
|
87
93
|
/**
|
|
88
94
|
* We always track the knob’s left offset in `currentX`.
|
|
89
95
|
* - 0 => fully left
|
|
@@ -237,14 +243,14 @@ let ConsentsoftwareToggle = class ConsentsoftwareToggle extends LitElement {
|
|
|
237
243
|
__decorate([
|
|
238
244
|
property({ type: Boolean }),
|
|
239
245
|
__metadata("design:type", Object)
|
|
240
|
-
], ConsentsoftwareToggle.prototype, "required",
|
|
246
|
+
], ConsentsoftwareToggle.prototype, "required", null);
|
|
241
247
|
__decorate([
|
|
242
248
|
property({ type: Boolean, reflect: true }),
|
|
243
249
|
__metadata("design:type", Object)
|
|
244
|
-
], ConsentsoftwareToggle.prototype, "selected",
|
|
250
|
+
], ConsentsoftwareToggle.prototype, "selected", null);
|
|
245
251
|
ConsentsoftwareToggle = __decorate([
|
|
246
252
|
customElement('consentsoftware-toggle'),
|
|
247
253
|
__metadata("design:paramtypes", [])
|
|
248
254
|
], ConsentsoftwareToggle);
|
|
249
255
|
export { ConsentsoftwareToggle };
|
|
250
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
256
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLXRvZ2dsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9jb25zZW50c29mdHdhcmUtdG9nZ2xlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBdUIsTUFBTSxLQUFLLENBQUM7QUFDakUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFHM0MsSUFBTSxxQkFBcUIsR0FBM0IsTUFBTSxxQkFBc0IsU0FBUSxVQUFVO0lBRW5DLDJCQUFpQjtJQUFqQixJQUFBLFFBQVEsOENBQVM7SUFBakIsSUFBQSxRQUFRLG9EQUFTO0lBR2pCLDJCQUFpQjtJQUFqQixJQUFBLFFBQVEsOENBQVM7SUFBakIsSUFBQSxRQUFRLG9EQUFTO2FBa0JuQixXQUFNLEdBQUcsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUV6QixBQW5FbUIsQ0FtRWxCO0lBRUY7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQTNGTSxrQ0FBVyxLQUFLLENBQUM7UUFHakIsa0NBQVcsS0FBSyxDQUFDO1FBRWpDOzs7O1dBSUc7UUFDSyxhQUFRLEdBQUcsQ0FBQyxDQUFDO1FBRXJCOztXQUVHO1FBQ0ssZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLFdBQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxxQkFBcUI7UUFDeEIsY0FBUyxHQUFHLEVBQUUsQ0FBQztRQUNmLGVBQVUsR0FBRyxFQUFFLENBQUM7SUF5RWpDLENBQUM7SUFFTSxN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
|
package/dist_watch/bundle.js
CHANGED
|
@@ -4,6 +4,9 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __typeError = (msg) => {
|
|
8
|
+
throw TypeError(msg);
|
|
9
|
+
};
|
|
7
10
|
var __require = /* @__PURE__ */ ((x2) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x2, {
|
|
8
11
|
get: (a3, b4) => (typeof require !== "undefined" ? require : a3)[b4]
|
|
9
12
|
}) : x2)(function(x2) {
|
|
@@ -41,6 +44,10 @@ var __decorateClass = (decorators, target, key2, kind) => {
|
|
|
41
44
|
if (kind && result) __defProp(target, key2, result);
|
|
42
45
|
return result;
|
|
43
46
|
};
|
|
47
|
+
var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
|
|
48
|
+
var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
|
|
49
|
+
var __privateAdd = (obj, member, value2) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value2);
|
|
50
|
+
var __privateSet = (obj, member, value2, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value2) : member.set(obj, value2), value2);
|
|
44
51
|
|
|
45
52
|
// node_modules/.pnpm/@push.rocks+isounique@1.0.5/node_modules/@push.rocks/isounique/dist_ts/index.js
|
|
46
53
|
var require_dist_ts = __commonJS({
|
|
@@ -42273,7 +42280,6 @@ var ConsentsoftwareCookieconsent = class extends r4 {
|
|
|
42273
42280
|
this.csWebclientInstance = new CsWebclient();
|
|
42274
42281
|
this.csWebclientRan = false;
|
|
42275
42282
|
this.theme = "light";
|
|
42276
|
-
this.setAttribute("gotIt", "true");
|
|
42277
42283
|
this.setAttribute("show", "false");
|
|
42278
42284
|
}
|
|
42279
42285
|
render() {
|
|
@@ -42293,25 +42299,25 @@ var ConsentsoftwareCookieconsent = class extends r4 {
|
|
|
42293
42299
|
<!-- <div class="button-container">
|
|
42294
42300
|
<div
|
|
42295
42301
|
class="consent-button"
|
|
42296
|
-
@click=${(event) => this.
|
|
42302
|
+
@click=${(event) => this.handleConsentButtonClick(event, ["functional"])}
|
|
42297
42303
|
>
|
|
42298
42304
|
Functional cookies
|
|
42299
42305
|
</div>
|
|
42300
42306
|
<div
|
|
42301
42307
|
class="consent-button"
|
|
42302
|
-
@click=${(event) => this.
|
|
42308
|
+
@click=${(event) => this.handleConsentButtonClick(event, ["functional", "analytics"])}
|
|
42303
42309
|
>
|
|
42304
42310
|
Analytics cookies
|
|
42305
42311
|
</div>
|
|
42306
42312
|
<div
|
|
42307
42313
|
class="consent-button"
|
|
42308
|
-
@click=${(event) => this.
|
|
42314
|
+
@click=${(event) => this.handleConsentButtonClick(event, ["functional", "analytics", "marketing"])}
|
|
42309
42315
|
>
|
|
42310
42316
|
Marketing cookies
|
|
42311
42317
|
</div>
|
|
42312
42318
|
<div
|
|
42313
42319
|
class="consent-button"
|
|
42314
|
-
@click=${(event) => this.
|
|
42320
|
+
@click=${(event) => this.handleConsentButtonClick(event, ["functional", "analytics", "marketing", "all"])}
|
|
42315
42321
|
>
|
|
42316
42322
|
All cookies
|
|
42317
42323
|
</div>
|
|
@@ -42320,19 +42326,19 @@ var ConsentsoftwareCookieconsent = class extends r4 {
|
|
|
42320
42326
|
<div class="button-container">
|
|
42321
42327
|
<div
|
|
42322
42328
|
class="consent-button"
|
|
42323
|
-
@click=${(event) => this.
|
|
42329
|
+
@click=${(event) => this.handleConsentButtonClick(event, ["functional"])}
|
|
42324
42330
|
>
|
|
42325
42331
|
Deny
|
|
42326
42332
|
</div>
|
|
42327
42333
|
<div
|
|
42328
42334
|
class="consent-button"
|
|
42329
|
-
@click=${(event) => this.
|
|
42335
|
+
@click=${(event) => this.handleConsentButtonClick(event, ["functional", "analytics"])}
|
|
42330
42336
|
>
|
|
42331
42337
|
Accept selection
|
|
42332
42338
|
</div>
|
|
42333
42339
|
<div
|
|
42334
42340
|
class="consent-button"
|
|
42335
|
-
@click=${(event) => this.
|
|
42341
|
+
@click=${(event) => this.handleConsentButtonClick(event, ["functional", "analytics", "marketing"])}
|
|
42336
42342
|
>
|
|
42337
42343
|
Accept all cookies
|
|
42338
42344
|
</div>
|
|
@@ -42340,6 +42346,7 @@ var ConsentsoftwareCookieconsent = class extends r4 {
|
|
|
42340
42346
|
<div class="info-container">
|
|
42341
42347
|
consent management powered by
|
|
42342
42348
|
<a href="https://consent.software">consent.software</a>
|
|
42349
|
+
(Open Source)
|
|
42343
42350
|
</div>
|
|
42344
42351
|
</div>
|
|
42345
42352
|
</div>
|
|
@@ -42355,13 +42362,12 @@ var ConsentsoftwareCookieconsent = class extends r4 {
|
|
|
42355
42362
|
const cookieLevel = await this.csWebclientInstance.getCookieLevels();
|
|
42356
42363
|
if (!cookieLevel) {
|
|
42357
42364
|
this.setAttribute("show", "true");
|
|
42358
|
-
this.setAttribute("gotIt", "false");
|
|
42359
42365
|
requestAnimationFrame(async () => {
|
|
42360
42366
|
await this.updated();
|
|
42361
42367
|
const pageOverlay = this.shadowRoot?.querySelector(".pageOverlay");
|
|
42362
42368
|
if (pageOverlay) {
|
|
42363
|
-
pageOverlay.style.background = "rgba(
|
|
42364
|
-
pageOverlay.style.backdropFilter = "blur(
|
|
42369
|
+
pageOverlay.style.background = "rgba(255,255,255, 0.1)";
|
|
42370
|
+
pageOverlay.style.backdropFilter = "blur(1px)";
|
|
42365
42371
|
}
|
|
42366
42372
|
const modalBox = this.shadowRoot?.querySelector(".modalBox");
|
|
42367
42373
|
if (modalBox) {
|
|
@@ -42371,7 +42377,6 @@ var ConsentsoftwareCookieconsent = class extends r4 {
|
|
|
42371
42377
|
});
|
|
42372
42378
|
} else {
|
|
42373
42379
|
this.setAttribute("show", "false");
|
|
42374
|
-
this.setAttribute("gotIt", "true");
|
|
42375
42380
|
}
|
|
42376
42381
|
}
|
|
42377
42382
|
/**
|
|
@@ -42394,10 +42399,19 @@ var ConsentsoftwareCookieconsent = class extends r4 {
|
|
|
42394
42399
|
/**
|
|
42395
42400
|
* Sets the user’s chosen cookie level(s) and hides the banner.
|
|
42396
42401
|
*/
|
|
42397
|
-
async
|
|
42402
|
+
async handleConsentButtonClick(event, levelsArg) {
|
|
42398
42403
|
console.log(`Set level to ${levelsArg}`);
|
|
42404
|
+
const pageOverlay = this.shadowRoot?.querySelector(".pageOverlay");
|
|
42405
|
+
if (pageOverlay) {
|
|
42406
|
+
pageOverlay.style.background = "rgba(255,255,255, 0)";
|
|
42407
|
+
pageOverlay.style.backdropFilter = "blur(0px)";
|
|
42408
|
+
}
|
|
42409
|
+
const modalBox = this.shadowRoot?.querySelector(".modalBox");
|
|
42410
|
+
if (modalBox) {
|
|
42411
|
+
modalBox.style.transform = `scale(0.95)`;
|
|
42412
|
+
modalBox.style.opacity = "0";
|
|
42413
|
+
}
|
|
42399
42414
|
await this.csWebclientInstance.setCookieLevels(levelsArg);
|
|
42400
|
-
this.setAttribute("gotIt", "true");
|
|
42401
42415
|
await delayFor(300);
|
|
42402
42416
|
this.setAttribute("show", "false");
|
|
42403
42417
|
this.updated();
|
|
@@ -42464,7 +42478,7 @@ ConsentsoftwareCookieconsent.styles = i`
|
|
|
42464
42478
|
align-items: center;
|
|
42465
42479
|
justify-content: center;
|
|
42466
42480
|
z-index: 1000; /* standard z-index for fixed elements */
|
|
42467
|
-
background: rgba(
|
|
42481
|
+
background: rgba(255, 255, 255, 0);
|
|
42468
42482
|
backdrop-filter: blur(0px);
|
|
42469
42483
|
transition: all 0.2s;
|
|
42470
42484
|
}
|
|
@@ -42482,10 +42496,6 @@ ConsentsoftwareCookieconsent.styles = i`
|
|
|
42482
42496
|
min-width: calc(100vw / 3);
|
|
42483
42497
|
box-sizing: border-box;
|
|
42484
42498
|
overflow: hidden;
|
|
42485
|
-
/*
|
|
42486
|
-
* We start with margin-bottom as negative to hide the banner.
|
|
42487
|
-
* The animation occurs when we toggle the gotIt/show attributes.
|
|
42488
|
-
*/
|
|
42489
42499
|
will-change: transform; /* ensure efficient rendering */
|
|
42490
42500
|
transition: all 0.3s;
|
|
42491
42501
|
transform: scale(0.95);
|
|
@@ -42503,18 +42513,6 @@ ConsentsoftwareCookieconsent.styles = i`
|
|
|
42503
42513
|
display: block;
|
|
42504
42514
|
}
|
|
42505
42515
|
|
|
42506
|
-
/*
|
|
42507
|
-
* Animate margin-bottom when [gotIt] toggles.
|
|
42508
|
-
* If gotIt=true, push the banner down off-screen.
|
|
42509
|
-
* If gotIt=false, pull the banner into view.
|
|
42510
|
-
*/
|
|
42511
|
-
:host([gotIt='true']) {
|
|
42512
|
-
background: blue;
|
|
42513
|
-
}
|
|
42514
|
-
:host([gotIt='false']) {
|
|
42515
|
-
background: red;
|
|
42516
|
-
}
|
|
42517
|
-
|
|
42518
42516
|
.content {
|
|
42519
42517
|
margin: auto;
|
|
42520
42518
|
}
|
|
@@ -42671,11 +42669,12 @@ ConsentsoftwareMainSelection = __decorateClass([
|
|
|
42671
42669
|
], ConsentsoftwareMainSelection);
|
|
42672
42670
|
|
|
42673
42671
|
// ts_web/elements/consentsoftware-toggle.ts
|
|
42672
|
+
var _required, _selected;
|
|
42674
42673
|
var ConsentsoftwareToggle = class extends r4 {
|
|
42675
42674
|
constructor() {
|
|
42676
42675
|
super();
|
|
42677
|
-
this
|
|
42678
|
-
this
|
|
42676
|
+
__privateAdd(this, _required, false);
|
|
42677
|
+
__privateAdd(this, _selected, false);
|
|
42679
42678
|
/**
|
|
42680
42679
|
* We always track the knob’s left offset in `currentX`.
|
|
42681
42680
|
* - 0 => fully left
|
|
@@ -42692,6 +42691,18 @@ var ConsentsoftwareToggle = class extends r4 {
|
|
|
42692
42691
|
this.knobWidth = 30;
|
|
42693
42692
|
this.trackWidth = 60;
|
|
42694
42693
|
}
|
|
42694
|
+
get required() {
|
|
42695
|
+
return __privateGet(this, _required);
|
|
42696
|
+
}
|
|
42697
|
+
set required(_3) {
|
|
42698
|
+
__privateSet(this, _required, _3);
|
|
42699
|
+
}
|
|
42700
|
+
get selected() {
|
|
42701
|
+
return __privateGet(this, _selected);
|
|
42702
|
+
}
|
|
42703
|
+
set selected(_3) {
|
|
42704
|
+
__privateSet(this, _selected, _3);
|
|
42705
|
+
}
|
|
42695
42706
|
render() {
|
|
42696
42707
|
return x`
|
|
42697
42708
|
<div class="label">${this.getText()}</div>
|
|
@@ -42808,6 +42819,8 @@ var ConsentsoftwareToggle = class extends r4 {
|
|
|
42808
42819
|
return this.textContent;
|
|
42809
42820
|
}
|
|
42810
42821
|
};
|
|
42822
|
+
_required = new WeakMap();
|
|
42823
|
+
_selected = new WeakMap();
|
|
42811
42824
|
ConsentsoftwareToggle.styles = i`
|
|
42812
42825
|
:host {
|
|
42813
42826
|
display: block;
|
|
@@ -42878,10 +42891,10 @@ ConsentsoftwareToggle.styles = i`
|
|
|
42878
42891
|
`;
|
|
42879
42892
|
__decorateClass([
|
|
42880
42893
|
n4({ type: Boolean })
|
|
42881
|
-
], ConsentsoftwareToggle.prototype, "required",
|
|
42894
|
+
], ConsentsoftwareToggle.prototype, "required", 1);
|
|
42882
42895
|
__decorateClass([
|
|
42883
42896
|
n4({ type: Boolean, reflect: true })
|
|
42884
|
-
], ConsentsoftwareToggle.prototype, "selected",
|
|
42897
|
+
], ConsentsoftwareToggle.prototype, "selected", 1);
|
|
42885
42898
|
ConsentsoftwareToggle = __decorateClass([
|
|
42886
42899
|
t4("consentsoftware-toggle")
|
|
42887
42900
|
], ConsentsoftwareToggle);
|