@consent.software/catalog 1.5.4 → 1.6.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 +110 -163
- 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 +15 -12
- package/dist_ts_web/elements/consentsoftware-cookieconsent.js +235 -171
- package/dist_ts_web/elements/consentsoftware-header.js +62 -23
- package/dist_ts_web/elements/consentsoftware-mainselection.d.ts +2 -2
- package/dist_ts_web/elements/consentsoftware-mainselection.js +80 -34
- package/dist_ts_web/elements/consentsoftware-tabs.js +79 -33
- package/dist_ts_web/elements/consentsoftware-toggle.js +193 -154
- package/dist_watch/bundle.js +9927 -3913
- package/dist_watch/bundle.js.map +4 -4
- package/package.json +8 -8
- package/readme.md +149 -80
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/consentsoftware-cookieconsent.ts +96 -78
- package/ts_web/elements/consentsoftware-mainselection.ts +2 -2
- package/ts_web/elements/consentsoftware-tabs.ts +9 -2
- package/ts_web/tsconfig.json +4 -4
|
@@ -1,19 +1,57 @@
|
|
|
1
|
-
var
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
|
|
2
|
+
function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
|
|
3
|
+
var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
|
|
4
|
+
var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
|
|
5
|
+
var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
|
|
6
|
+
var _, done = false;
|
|
7
|
+
for (var i = decorators.length - 1; i >= 0; i--) {
|
|
8
|
+
var context = {};
|
|
9
|
+
for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
|
|
10
|
+
for (var p in contextIn.access) context.access[p] = contextIn.access[p];
|
|
11
|
+
context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
|
|
12
|
+
var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
|
|
13
|
+
if (kind === "accessor") {
|
|
14
|
+
if (result === void 0) continue;
|
|
15
|
+
if (result === null || typeof result !== "object") throw new TypeError("Object expected");
|
|
16
|
+
if (_ = accept(result.get)) descriptor.get = _;
|
|
17
|
+
if (_ = accept(result.set)) descriptor.set = _;
|
|
18
|
+
if (_ = accept(result.init)) initializers.unshift(_);
|
|
19
|
+
}
|
|
20
|
+
else if (_ = accept(result)) {
|
|
21
|
+
if (kind === "field") initializers.unshift(_);
|
|
22
|
+
else descriptor[key] = _;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
if (target) Object.defineProperty(target, contextIn.name, descriptor);
|
|
26
|
+
done = true;
|
|
6
27
|
};
|
|
7
|
-
var
|
|
8
|
-
|
|
28
|
+
var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
|
|
29
|
+
var useValue = arguments.length > 2;
|
|
30
|
+
for (var i = 0; i < initializers.length; i++) {
|
|
31
|
+
value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
|
|
32
|
+
}
|
|
33
|
+
return useValue ? value : void 0;
|
|
9
34
|
};
|
|
10
35
|
import * as shared from './shared.js';
|
|
11
36
|
import { LitElement, html, css } from 'lit';
|
|
12
37
|
import { customElement } from 'lit/decorators.js';
|
|
13
38
|
import { property } from 'lit/decorators/property.js';
|
|
14
|
-
let ConsentsoftwareHeader =
|
|
15
|
-
|
|
16
|
-
|
|
39
|
+
let ConsentsoftwareHeader = (() => {
|
|
40
|
+
let _classDecorators = [customElement('consentsoftware-header')];
|
|
41
|
+
let _classDescriptor;
|
|
42
|
+
let _classExtraInitializers = [];
|
|
43
|
+
let _classThis;
|
|
44
|
+
let _classSuper = LitElement;
|
|
45
|
+
var ConsentsoftwareHeader = class extends _classSuper {
|
|
46
|
+
static { _classThis = this; }
|
|
47
|
+
static {
|
|
48
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
49
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
50
|
+
ConsentsoftwareHeader = _classThis = _classDescriptor.value;
|
|
51
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
52
|
+
}
|
|
53
|
+
static demo = () => html `<consentsoftware-tabs></consentsoftware-tabs>`;
|
|
54
|
+
static styles = css `
|
|
17
55
|
:host {
|
|
18
56
|
display: block;
|
|
19
57
|
line-height: 3em;
|
|
@@ -25,21 +63,22 @@ let ConsentsoftwareHeader = class ConsentsoftwareHeader extends LitElement {
|
|
|
25
63
|
.heading {
|
|
26
64
|
|
|
27
65
|
}
|
|
28
|
-
`;
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
66
|
+
`;
|
|
67
|
+
constructor() {
|
|
68
|
+
super();
|
|
69
|
+
}
|
|
70
|
+
render() {
|
|
71
|
+
return html `
|
|
34
72
|
<div class="heading">
|
|
35
73
|
What about cookies?
|
|
36
74
|
</div>
|
|
37
75
|
`;
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
76
|
+
}
|
|
77
|
+
static {
|
|
78
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
return ConsentsoftwareHeader = _classThis;
|
|
82
|
+
})();
|
|
44
83
|
export { ConsentsoftwareHeader };
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLWhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9jb25zZW50c29mdHdhcmUtaGVhZGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxNQUFNLGFBQWEsQ0FBQztBQUV0QyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxHQUFHLEVBQXVCLE1BQU0sS0FBSyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7SUFHekMscUJBQXFCOzRCQURqQyxhQUFhLENBQUMsd0JBQXdCLENBQUM7Ozs7c0JBQ0csVUFBVTtxQ0FBbEIsU0FBUSxXQUFVOzs7O1lBQXJELDZLQTRCQzs7OztRQTNCUSxNQUFNLENBQUMsSUFBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQSwrQ0FBK0MsQ0FBQztRQUV4RSxNQUFNLENBQUMsTUFBTSxHQUFHLEdBQUcsQ0FBQTs7Ozs7cUJBS1AsTUFBTSxDQUFDLFNBQVM7Ozs7Ozs7R0FPbEMsQ0FBQztRQUVGO1lBQ0UsS0FBSyxFQUFFLENBQUM7UUFDVixDQUFDO1FBRU0sTUFBTTtZQUNYLE9BQU8sSUFBSSxDQUFBOzs7O0tBSVYsQ0FBQztRQUNKLENBQUM7O1lBM0JVLHVEQUFxQjs7Ozs7U0FBckIscUJBQXFCIn0=
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { LitElement, type TemplateResult } from 'lit';
|
|
2
2
|
export declare class ConsentsoftwareMainSelection extends LitElement {
|
|
3
3
|
static demo: () => TemplateResult<1>;
|
|
4
|
-
required: boolean;
|
|
5
|
-
selected: boolean;
|
|
4
|
+
accessor required: boolean;
|
|
5
|
+
accessor selected: boolean;
|
|
6
6
|
static styles: import("lit").CSSResult;
|
|
7
7
|
constructor();
|
|
8
8
|
render(): TemplateResult;
|
|
@@ -1,18 +1,72 @@
|
|
|
1
|
-
var
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
|
|
2
|
+
function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
|
|
3
|
+
var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
|
|
4
|
+
var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
|
|
5
|
+
var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
|
|
6
|
+
var _, done = false;
|
|
7
|
+
for (var i = decorators.length - 1; i >= 0; i--) {
|
|
8
|
+
var context = {};
|
|
9
|
+
for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
|
|
10
|
+
for (var p in contextIn.access) context.access[p] = contextIn.access[p];
|
|
11
|
+
context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
|
|
12
|
+
var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
|
|
13
|
+
if (kind === "accessor") {
|
|
14
|
+
if (result === void 0) continue;
|
|
15
|
+
if (result === null || typeof result !== "object") throw new TypeError("Object expected");
|
|
16
|
+
if (_ = accept(result.get)) descriptor.get = _;
|
|
17
|
+
if (_ = accept(result.set)) descriptor.set = _;
|
|
18
|
+
if (_ = accept(result.init)) initializers.unshift(_);
|
|
19
|
+
}
|
|
20
|
+
else if (_ = accept(result)) {
|
|
21
|
+
if (kind === "field") initializers.unshift(_);
|
|
22
|
+
else descriptor[key] = _;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
if (target) Object.defineProperty(target, contextIn.name, descriptor);
|
|
26
|
+
done = true;
|
|
6
27
|
};
|
|
7
|
-
var
|
|
8
|
-
|
|
28
|
+
var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
|
|
29
|
+
var useValue = arguments.length > 2;
|
|
30
|
+
for (var i = 0; i < initializers.length; i++) {
|
|
31
|
+
value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
|
|
32
|
+
}
|
|
33
|
+
return useValue ? value : void 0;
|
|
9
34
|
};
|
|
10
35
|
import { LitElement, html, css } from 'lit';
|
|
11
36
|
import { customElement } from 'lit/decorators.js';
|
|
12
37
|
import { property } from 'lit/decorators/property.js';
|
|
13
|
-
let ConsentsoftwareMainSelection =
|
|
14
|
-
|
|
15
|
-
|
|
38
|
+
let ConsentsoftwareMainSelection = (() => {
|
|
39
|
+
let _classDecorators = [customElement('consentsoftware-mainselection')];
|
|
40
|
+
let _classDescriptor;
|
|
41
|
+
let _classExtraInitializers = [];
|
|
42
|
+
let _classThis;
|
|
43
|
+
let _classSuper = LitElement;
|
|
44
|
+
let _required_decorators;
|
|
45
|
+
let _required_initializers = [];
|
|
46
|
+
let _required_extraInitializers = [];
|
|
47
|
+
let _selected_decorators;
|
|
48
|
+
let _selected_initializers = [];
|
|
49
|
+
let _selected_extraInitializers = [];
|
|
50
|
+
var ConsentsoftwareMainSelection = class extends _classSuper {
|
|
51
|
+
static { _classThis = this; }
|
|
52
|
+
static {
|
|
53
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
54
|
+
_required_decorators = [property({ type: Boolean })];
|
|
55
|
+
_selected_decorators = [property({ type: Boolean })];
|
|
56
|
+
__esDecorate(this, null, _required_decorators, { kind: "accessor", name: "required", static: false, private: false, access: { has: obj => "required" in obj, get: obj => obj.required, set: (obj, value) => { obj.required = value; } }, metadata: _metadata }, _required_initializers, _required_extraInitializers);
|
|
57
|
+
__esDecorate(this, null, _selected_decorators, { kind: "accessor", name: "selected", static: false, private: false, access: { has: obj => "selected" in obj, get: obj => obj.selected, set: (obj, value) => { obj.selected = value; } }, metadata: _metadata }, _selected_initializers, _selected_extraInitializers);
|
|
58
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
59
|
+
ConsentsoftwareMainSelection = _classThis = _classDescriptor.value;
|
|
60
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
61
|
+
}
|
|
62
|
+
static demo = () => html `<consentsoftware-mainselection></consentsoftware-mainselection>`;
|
|
63
|
+
#required_accessor_storage = __runInitializers(this, _required_initializers, false);
|
|
64
|
+
get required() { return this.#required_accessor_storage; }
|
|
65
|
+
set required(value) { this.#required_accessor_storage = value; }
|
|
66
|
+
#selected_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _selected_initializers, false));
|
|
67
|
+
get selected() { return this.#selected_accessor_storage; }
|
|
68
|
+
set selected(value) { this.#selected_accessor_storage = value; }
|
|
69
|
+
static styles = css `
|
|
16
70
|
:host {
|
|
17
71
|
display: block;
|
|
18
72
|
position: relative;
|
|
@@ -32,14 +86,13 @@ let ConsentsoftwareMainSelection = class ConsentsoftwareMainSelection extends Li
|
|
|
32
86
|
.itemBox:last-child {
|
|
33
87
|
border-right: none;
|
|
34
88
|
}
|
|
35
|
-
`;
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
return html `
|
|
89
|
+
`;
|
|
90
|
+
constructor() {
|
|
91
|
+
super();
|
|
92
|
+
__runInitializers(this, _selected_extraInitializers);
|
|
93
|
+
}
|
|
94
|
+
render() {
|
|
95
|
+
return html `
|
|
43
96
|
<div class="maincontainer">
|
|
44
97
|
<div class="itemBox">
|
|
45
98
|
<consentsoftware-toggle required>Required</consentsoftware-toggle>
|
|
@@ -55,20 +108,13 @@ let ConsentsoftwareMainSelection = class ConsentsoftwareMainSelection extends Li
|
|
|
55
108
|
</div>
|
|
56
109
|
</div>
|
|
57
110
|
`;
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
property({ type: Boolean }),
|
|
67
|
-
__metadata("design:type", Object)
|
|
68
|
-
], ConsentsoftwareMainSelection.prototype, "selected", void 0);
|
|
69
|
-
ConsentsoftwareMainSelection = __decorate([
|
|
70
|
-
customElement('consentsoftware-mainselection'),
|
|
71
|
-
__metadata("design:paramtypes", [])
|
|
72
|
-
], ConsentsoftwareMainSelection);
|
|
111
|
+
}
|
|
112
|
+
async getResults(mouseEvent) { }
|
|
113
|
+
static {
|
|
114
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
115
|
+
}
|
|
116
|
+
};
|
|
117
|
+
return ConsentsoftwareMainSelection = _classThis;
|
|
118
|
+
})();
|
|
73
119
|
export { ConsentsoftwareMainSelection };
|
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
120
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLW1haW5zZWxlY3Rpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvY29uc2VudHNvZnR3YXJlLW1haW5zZWxlY3Rpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBdUIsTUFBTSxLQUFLLENBQUM7QUFDakUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztJQUd6Qyw0QkFBNEI7NEJBRHhDLGFBQWEsQ0FBQywrQkFBK0IsQ0FBQzs7OztzQkFDRyxVQUFVOzs7Ozs7OzRDQUFsQixTQUFRLFdBQVU7Ozs7b0NBR3pELFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQztvQ0FHM0IsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDO1lBRjVCLDZLQUFnQixRQUFRLDZCQUFSLFFBQVEsMkZBQVM7WUFHakMsNktBQWdCLFFBQVEsNkJBQVIsUUFBUSwyRkFBUztZQVBuQyw2S0F1REM7Ozs7UUF0RFEsTUFBTSxDQUFDLElBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUEsaUVBQWlFLENBQUM7UUFHakcsNkVBQTJCLEtBQUssRUFBQztRQUFqQyxJQUFnQixRQUFRLDhDQUFTO1FBQWpDLElBQWdCLFFBQVEsb0RBQVM7UUFHakMsb0lBQTJCLEtBQUssR0FBQztRQUFqQyxJQUFnQixRQUFRLDhDQUFTO1FBQWpDLElBQWdCLFFBQVEsb0RBQVM7UUFFMUIsTUFBTSxDQUFDLE1BQU0sR0FBRyxHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0J6QixDQUFDO1FBRUY7WUFDRSxLQUFLLEVBQUUsQ0FBQzs7U0FDVDtRQUVNLE1BQU07WUFDWCxPQUFPLElBQUksQ0FBQTs7Ozs7Ozs7Ozs7Ozs7O0tBZVYsQ0FBQztRQUNKLENBQUM7UUFFTSxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQVUsSUFBRyxDQUFDOztZQXREM0IsdURBQTRCOzs7OztTQUE1Qiw0QkFBNEIifQ==
|
|
@@ -1,18 +1,56 @@
|
|
|
1
|
-
var
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
|
|
2
|
+
function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
|
|
3
|
+
var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
|
|
4
|
+
var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
|
|
5
|
+
var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
|
|
6
|
+
var _, done = false;
|
|
7
|
+
for (var i = decorators.length - 1; i >= 0; i--) {
|
|
8
|
+
var context = {};
|
|
9
|
+
for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
|
|
10
|
+
for (var p in contextIn.access) context.access[p] = contextIn.access[p];
|
|
11
|
+
context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
|
|
12
|
+
var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
|
|
13
|
+
if (kind === "accessor") {
|
|
14
|
+
if (result === void 0) continue;
|
|
15
|
+
if (result === null || typeof result !== "object") throw new TypeError("Object expected");
|
|
16
|
+
if (_ = accept(result.get)) descriptor.get = _;
|
|
17
|
+
if (_ = accept(result.set)) descriptor.set = _;
|
|
18
|
+
if (_ = accept(result.init)) initializers.unshift(_);
|
|
19
|
+
}
|
|
20
|
+
else if (_ = accept(result)) {
|
|
21
|
+
if (kind === "field") initializers.unshift(_);
|
|
22
|
+
else descriptor[key] = _;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
if (target) Object.defineProperty(target, contextIn.name, descriptor);
|
|
26
|
+
done = true;
|
|
6
27
|
};
|
|
7
|
-
var
|
|
8
|
-
|
|
28
|
+
var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
|
|
29
|
+
var useValue = arguments.length > 2;
|
|
30
|
+
for (var i = 0; i < initializers.length; i++) {
|
|
31
|
+
value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
|
|
32
|
+
}
|
|
33
|
+
return useValue ? value : void 0;
|
|
9
34
|
};
|
|
10
35
|
import { LitElement, html, css } from 'lit';
|
|
11
36
|
import { customElement } from 'lit/decorators.js';
|
|
12
37
|
import { property } from 'lit/decorators/property.js';
|
|
13
|
-
let ConsentsoftwareTabs =
|
|
14
|
-
|
|
15
|
-
|
|
38
|
+
let ConsentsoftwareTabs = (() => {
|
|
39
|
+
let _classDecorators = [customElement('consentsoftware-tabs')];
|
|
40
|
+
let _classDescriptor;
|
|
41
|
+
let _classExtraInitializers = [];
|
|
42
|
+
let _classThis;
|
|
43
|
+
let _classSuper = LitElement;
|
|
44
|
+
var ConsentsoftwareTabs = class extends _classSuper {
|
|
45
|
+
static { _classThis = this; }
|
|
46
|
+
static {
|
|
47
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
48
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
49
|
+
ConsentsoftwareTabs = _classThis = _classDescriptor.value;
|
|
50
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
51
|
+
}
|
|
52
|
+
static demo = () => html `<consentsoftware-tabs></consentsoftware-tabs>`;
|
|
53
|
+
static styles = css `
|
|
16
54
|
:host {
|
|
17
55
|
display: block;
|
|
18
56
|
position: relative;
|
|
@@ -30,6 +68,13 @@ let ConsentsoftwareTabs = class ConsentsoftwareTabs extends LitElement {
|
|
|
30
68
|
cursor: pointer;
|
|
31
69
|
}
|
|
32
70
|
|
|
71
|
+
/* Media query for mobile devices: stack buttons vertically */
|
|
72
|
+
@media (max-width: 600px) {
|
|
73
|
+
.tabs .tab {
|
|
74
|
+
font-size: 0.8em;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
33
78
|
.selector {
|
|
34
79
|
position: absolute;
|
|
35
80
|
width: calc(100% / 3);
|
|
@@ -39,35 +84,36 @@ let ConsentsoftwareTabs = class ConsentsoftwareTabs extends LitElement {
|
|
|
39
84
|
background: orange;
|
|
40
85
|
transition: all 0.2s;
|
|
41
86
|
}
|
|
42
|
-
`;
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
87
|
+
`;
|
|
88
|
+
constructor() {
|
|
89
|
+
super();
|
|
90
|
+
}
|
|
91
|
+
render() {
|
|
92
|
+
return html `
|
|
48
93
|
<div class="tabs">
|
|
49
94
|
<div class="tab" @click=${this.handleClick}>Consent</div>
|
|
50
95
|
<div class="tab" @click=${this.handleClick}>Details</div>
|
|
51
|
-
<div class="tab" @click=${this.handleClick}>Cookie Policy
|
|
96
|
+
<div class="tab" @click=${this.handleClick}>Cookie Policy</div>
|
|
52
97
|
</div>
|
|
53
98
|
<div class="selector"></div>
|
|
54
99
|
`;
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
100
|
+
}
|
|
101
|
+
async handleClick(mouseEvent) {
|
|
102
|
+
const target = mouseEvent.target;
|
|
103
|
+
const tab = target.closest('.tab');
|
|
104
|
+
if (tab) {
|
|
105
|
+
const selector = this.shadowRoot?.querySelector('.selector');
|
|
106
|
+
if (selector) {
|
|
107
|
+
selector.style.left = `${tab.offsetLeft}px`;
|
|
108
|
+
selector.style.width = `${tab.offsetWidth}px`;
|
|
109
|
+
}
|
|
64
110
|
}
|
|
65
111
|
}
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
112
|
+
static {
|
|
113
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
114
|
+
}
|
|
115
|
+
};
|
|
116
|
+
return ConsentsoftwareTabs = _classThis;
|
|
117
|
+
})();
|
|
72
118
|
export { ConsentsoftwareTabs };
|
|
73
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
119
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLXRhYnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvY29uc2VudHNvZnR3YXJlLXRhYnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBdUIsTUFBTSxLQUFLLENBQUM7QUFDakUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztJQUd6QyxtQkFBbUI7NEJBRC9CLGFBQWEsQ0FBQyxzQkFBc0IsQ0FBQzs7OztzQkFDRyxVQUFVO21DQUFsQixTQUFRLFdBQVU7Ozs7WUFBbkQsNktBaUVDOzs7O1FBaEVRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLCtDQUErQyxDQUFDO1FBRXhFLE1BQU0sQ0FBQyxNQUFNLEdBQUcsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0N6QixDQUFDO1FBRUY7WUFDRSxLQUFLLEVBQUUsQ0FBQztRQUNWLENBQUM7UUFFTSxNQUFNO1lBQ1gsT0FBTyxJQUFJLENBQUE7O2tDQUVtQixJQUFJLENBQUMsV0FBVztrQ0FDaEIsSUFBSSxDQUFDLFdBQVc7a0NBQ2hCLElBQUksQ0FBQyxXQUFXOzs7S0FHN0MsQ0FBQztRQUNKLENBQUM7UUFFTSxLQUFLLENBQUMsV0FBVyxDQUFDLFVBQVU7WUFDakMsTUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQXFCLENBQUM7WUFDaEQsTUFBTSxHQUFHLEdBQW1CLE1BQU0sQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDbkQsSUFBSSxHQUFHLEVBQUUsQ0FBQztnQkFDUixNQUFNLFFBQVEsR0FBbUIsSUFBSSxDQUFDLFVBQVUsRUFBRSxhQUFhLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQzdFLElBQUksUUFBUSxFQUFFLENBQUM7b0JBQ2IsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUFJLEdBQUcsR0FBRyxHQUFHLENBQUMsVUFBVSxJQUFJLENBQUM7b0JBQzVDLFFBQVEsQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLEdBQUcsR0FBRyxDQUFDLFdBQVcsSUFBSSxDQUFDO2dCQUNoRCxDQUFDO1lBQ0gsQ0FBQztRQUNILENBQUM7O1lBaEVVLHVEQUFtQjs7Ozs7U0FBbkIsbUJBQW1CIn0=
|