@consent.software/catalog 1.3.4 → 1.3.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 +10 -10
- package/dist_bundle/bundle.js.map +2 -2
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/consentsoftware-cookieconsent.js +6 -5
- package/dist_ts_web/elements/consentsoftware-header.js +2 -2
- package/dist_ts_web/elements/consentsoftware-mainselection.js +3 -4
- package/dist_ts_web/elements/consentsoftware-tabs.js +1 -1
- package/dist_watch/bundle.js +43062 -0
- package/dist_watch/bundle.js.map +7 -0
- package/dist_watch/index.html +28 -0
- package/package.json +1 -1
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/consentsoftware-cookieconsent.ts +5 -4
- package/ts_web/elements/consentsoftware-header.ts +2 -2
- package/ts_web/elements/consentsoftware-mainselection.ts +2 -3
- package/ts_web/elements/consentsoftware-tabs.ts +1 -1
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<!--gitzone element-->
|
|
2
|
+
<!-- made by Task Venture Capital GmbH -->
|
|
3
|
+
<!-- checkout https://maintainedby.lossless.com for awesome OpenSource projects -->
|
|
4
|
+
<html lang="en">
|
|
5
|
+
<head>
|
|
6
|
+
<!--Lets set some basic meta tags-->
|
|
7
|
+
<meta
|
|
8
|
+
name="viewport"
|
|
9
|
+
content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height"
|
|
10
|
+
/>
|
|
11
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
12
|
+
|
|
13
|
+
<!--Lets load standard fonts-->
|
|
14
|
+
<link rel="preconnect" href="https://assetbroker.lossless.one/" crossorigin>
|
|
15
|
+
<link rel="stylesheet" href="https://assetbroker.lossless.one/fonts/fonts.css">
|
|
16
|
+
|
|
17
|
+
<style>
|
|
18
|
+
body {
|
|
19
|
+
margin: 0px;
|
|
20
|
+
background: #222222;
|
|
21
|
+
}
|
|
22
|
+
</style>
|
|
23
|
+
|
|
24
|
+
<script type="module" src="/bundle.js"></script>
|
|
25
|
+
</head>
|
|
26
|
+
<body>
|
|
27
|
+
</body>
|
|
28
|
+
</html>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@consent.software/catalog",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.5",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "A library of web components designed to integrate robust consent management capabilities into web applications, ensuring compliance with privacy regulations.",
|
|
6
6
|
"exports": {
|
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const commitinfo = {
|
|
5
5
|
name: '@consent.software/catalog',
|
|
6
|
-
version: '1.3.
|
|
6
|
+
version: '1.3.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
|
}
|
|
@@ -75,8 +75,9 @@ export class ConsentsoftwareCookieconsent extends LitElement {
|
|
|
75
75
|
display: block;
|
|
76
76
|
color: var(--text-color);
|
|
77
77
|
background: var(--background-color);
|
|
78
|
-
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.
|
|
78
|
+
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);
|
|
79
79
|
position: realtive;
|
|
80
|
+
border: 1px dotted rgba(255, 255, 255, 0.1);
|
|
80
81
|
border-top: 1px solid var(--accent-color);
|
|
81
82
|
border-radius: 16px;
|
|
82
83
|
max-width: 1100px;
|
|
@@ -142,9 +143,9 @@ export class ConsentsoftwareCookieconsent extends LitElement {
|
|
|
142
143
|
.info-container {
|
|
143
144
|
color: var(--text-color);
|
|
144
145
|
text-align: center;
|
|
145
|
-
line-height:
|
|
146
|
+
line-height: 3em;
|
|
146
147
|
background: rgba(0, 0, 0, 0.1);
|
|
147
|
-
border-top: 1px
|
|
148
|
+
border-top: 1px dotted rgba(255, 255, 255, 0.1);
|
|
148
149
|
font-size: 0.8em;
|
|
149
150
|
color: rgba(255, 255, 255, 0.5);
|
|
150
151
|
}
|
|
@@ -269,7 +270,7 @@ export class ConsentsoftwareCookieconsent extends LitElement {
|
|
|
269
270
|
await this.updated();
|
|
270
271
|
const pageOverlay: HTMLDivElement = this.shadowRoot?.querySelector('.pageOverlay');
|
|
271
272
|
if (pageOverlay) {
|
|
272
|
-
pageOverlay.style.background = 'rgba(0, 0, 0, 0.
|
|
273
|
+
pageOverlay.style.background = 'rgba(0, 0, 0, 0.1)';
|
|
273
274
|
pageOverlay.style.backdropFilter = 'blur(2px)';
|
|
274
275
|
}
|
|
275
276
|
const modalBox: HTMLDivElement = this.shadowRoot?.querySelector('.modalBox');
|
|
@@ -11,10 +11,10 @@ export class ConsentsoftwareHeader extends LitElement {
|
|
|
11
11
|
public static styles = css`
|
|
12
12
|
:host {
|
|
13
13
|
display: block;
|
|
14
|
-
line-height:
|
|
14
|
+
line-height: 3em;
|
|
15
15
|
text-align: center;
|
|
16
16
|
font-family: ${shared.fontStack};
|
|
17
|
-
border-bottom: 1px
|
|
17
|
+
border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
.heading {
|
|
@@ -16,8 +16,6 @@ export class ConsentsoftwareMainSelection extends LitElement {
|
|
|
16
16
|
:host {
|
|
17
17
|
display: block;
|
|
18
18
|
position: relative;
|
|
19
|
-
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
|
20
|
-
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
|
21
19
|
}
|
|
22
20
|
|
|
23
21
|
.maincontainer {
|
|
@@ -28,7 +26,8 @@ export class ConsentsoftwareMainSelection extends LitElement {
|
|
|
28
26
|
.itemBox {
|
|
29
27
|
padding: 16px;
|
|
30
28
|
text-align: center;
|
|
31
|
-
border-right: 1px solid
|
|
29
|
+
border-right: 1px solid;
|
|
30
|
+
border-image: radial-gradient(circle, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%) 1;
|
|
32
31
|
}
|
|
33
32
|
.itemBox:last-child {
|
|
34
33
|
border-right: none;
|
|
@@ -44,7 +44,7 @@ export class ConsentsoftwareTabs extends LitElement {
|
|
|
44
44
|
<div class="tabs">
|
|
45
45
|
<div class="tab" @click=${this.handleClick}>Consent</div>
|
|
46
46
|
<div class="tab" @click=${this.handleClick}>Details</div>
|
|
47
|
-
<div class="tab" @click=${this.handleClick}>
|
|
47
|
+
<div class="tab" @click=${this.handleClick}>Cookie Policy + Legal Info</div>
|
|
48
48
|
</div>
|
|
49
49
|
<div class="selector"></div>
|
|
50
50
|
`;
|