@tilli-pro/cookieconsent-plugin 0.7.0 → 0.7.29

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 (95) hide show
  1. package/.cache/tsbuildinfo.json +1 -1
  2. package/demos/demo.html +3 -3
  3. package/demos/demo.min.html +1 -1
  4. package/demos/demo.styles.dark.html +10 -1
  5. package/demos/demo.styles.dark.min.html +9 -0
  6. package/demos/demo.styles.nudge.dark.html +18 -0
  7. package/demos/demo.styles.nudge.dark.min.html +9 -0
  8. package/demos/demo.styles.nudge.light.html +18 -0
  9. package/demos/demo.styles.nudge.light.min.html +9 -0
  10. package/demos/demo.styles.tenant_con-edison.dark.html +18 -0
  11. package/demos/demo.styles.tenant_con-edison.dark.min.html +9 -0
  12. package/demos/demo.styles.tenant_con-edison.light.html +18 -0
  13. package/demos/demo.styles.tenant_con-edison.light.min.html +9 -0
  14. package/demos/demo.styles.tenant_freeman.dark.html +18 -0
  15. package/demos/demo.styles.tenant_freeman.dark.min.html +9 -0
  16. package/demos/demo.styles.tenant_freeman.light.html +18 -0
  17. package/demos/demo.styles.tenant_frontier.dark.html +18 -0
  18. package/demos/demo.styles.tenant_frontier.dark.min.html +9 -0
  19. package/demos/demo.styles.tenant_frontier.light.html +18 -0
  20. package/demos/demo.styles.tenant_frontier.light.min.html +9 -0
  21. package/demos/demo.styles.tenant_oru.dark.html +18 -0
  22. package/demos/demo.styles.tenant_oru.dark.min.html +9 -0
  23. package/demos/demo.styles.tenant_oru.light.html +18 -0
  24. package/demos/demo.styles.tenant_oru.light.min.html +10 -0
  25. package/demos/demo.styles.tilli-pay.dark.html +18 -0
  26. package/demos/demo.styles.tilli-pay.dark.min.html +9 -0
  27. package/demos/demo.styles.tilli-pay.light.html +18 -0
  28. package/demos/demo.styles.tilli-pay.light.min.html +9 -0
  29. package/demos/demo.styles.tilli-website.dark.html +18 -0
  30. package/demos/demo.styles.tilli-website.dark.min.html +9 -0
  31. package/demos/demo.styles.tilli-website.light.html +18 -0
  32. package/demos/demo.styles.tilli-website.light.min.html +9 -0
  33. package/dist/_types.d.ts +1 -1
  34. package/dist/_types.d.ts.map +1 -1
  35. package/dist/_utils.d.ts +2 -2
  36. package/dist/_utils.d.ts.map +1 -1
  37. package/dist/_utils.js +2 -0
  38. package/dist/config/gui-options/html-components/ManageCookiePrefsButton.d.ts.map +1 -1
  39. package/dist/config/gui-options/html-components/ManageCookiePrefsButton.js +3 -0
  40. package/dist/config/gui-options/html-components/assets/CookieIcon.js +1 -1
  41. package/dist/init/nudge-website.d.ts +2 -0
  42. package/dist/init/nudge-website.d.ts.map +1 -0
  43. package/dist/init/nudge-website.js +124 -0
  44. package/dist/init/nudge.d.ts +2 -0
  45. package/dist/init/nudge.d.ts.map +1 -0
  46. package/dist/init/nudge.js +32 -0
  47. package/dist/init/tilli-pay-website.d.ts +2 -0
  48. package/dist/init/tilli-pay-website.d.ts.map +1 -0
  49. package/dist/init/tilli-pay-website.js +204 -0
  50. package/dist/init/tilli-pay.d.ts +2 -0
  51. package/dist/init/tilli-pay.d.ts.map +1 -0
  52. package/dist/init/tilli-pay.js +22 -0
  53. package/dist/init/tilli-website.js +188 -2
  54. package/dist/init/tilliX.d.ts +2 -0
  55. package/dist/init/tilliX.d.ts.map +1 -0
  56. package/dist/init/tilliX.js +24 -0
  57. package/dist/init/utils.script.d.ts +26 -0
  58. package/dist/init/utils.script.d.ts.map +1 -0
  59. package/dist/init/utils.script.js +63 -0
  60. package/dist/init.d.ts +1 -1
  61. package/dist/init.d.ts.map +1 -1
  62. package/dist/init.js +4 -2
  63. package/dist/styles/index.d.ts +5 -0
  64. package/dist/styles/index.d.ts.map +1 -1
  65. package/dist/styles/index.js +5 -0
  66. package/dist/styles/nudge.css +121 -0
  67. package/dist/styles/tenants/con-edison.css +174 -0
  68. package/dist/styles/tenants/freeman.css +56 -1
  69. package/dist/styles/tenants/frontier.css +59 -2
  70. package/dist/styles/tenants/oru.css +174 -0
  71. package/dist/styles/tilli-pay.css +121 -0
  72. package/dist/styles/tilli-website.css +121 -0
  73. package/package.json +1 -1
  74. package/src/_types.ts +3 -2
  75. package/src/_utils.ts +5 -3
  76. package/src/config/gui-options/html-components/ManageCookiePrefsButton.ts +3 -0
  77. package/src/config/gui-options/html-components/assets/CookieIcon.ts +1 -1
  78. package/src/init/nudge-website.ts +140 -0
  79. package/src/init/nudge.ts +45 -0
  80. package/src/init/tilli-pay-website.ts +221 -0
  81. package/src/init/tilli-pay.ts +35 -0
  82. package/src/init/tilli-website.ts +192 -2
  83. package/src/init/tilliX.ts +37 -0
  84. package/src/init/utils.script.ts +72 -0
  85. package/src/init.ts +4 -2
  86. package/src/styles/index.ts +5 -0
  87. package/src/styles/nudge.css +121 -0
  88. package/src/styles/tenants/con-edison.css +174 -0
  89. package/src/styles/tenants/freeman.css +56 -1
  90. package/src/styles/tenants/frontier.css +59 -2
  91. package/src/styles/tenants/oru.css +174 -0
  92. package/src/styles/tilli-pay.css +121 -0
  93. package/src/styles/tilli-website.css +121 -0
  94. package/demos/demo.styles.freeman.html +0 -9
  95. package/demos/demo.styles.frontier.html +0 -9
package/src/styles/tilli-pay.css ADDED
@@ -0,0 +1,121 @@
1
+ /** NOTE: to auto-add `!important` suffixes, simply use this RegEx w/ Find + Replace:
2
+ * > Find: (:)(?![^;]*!important)([^;]+)(;)(?!.*\^)
3
+ * > Replace: :$2 !important;
4
+ */
5
+
6
+ /* TILLI_PAY_BLUE_HEX: #325ef6 */
7
+ /* TILLI_PAY_LIGHT_BLUE_HEX: #00b1ff */
8
+
9
+ /** `tilli-pay` color-scheme **/
10
+ .cc--tilli-pay-light {
11
+ --cc-bg: #ffffff !important;
12
+ --cc-primary-color: #2c2f31 !important;
13
+ --cc-secondary-color: #5e6266 !important;
14
+
15
+ --cc-btn-primary-bg: #00b1ff !important;
16
+ --cc-btn-primary-color: #ffffff !important;
17
+ --cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
18
+ --cc-btn-primary-hover-bg: #1bb4f7 !important;
19
+ --cc-btn-primary-hover-color: #ffffff !important;
20
+ --cc-btn-primary-hover-border-color: var(
21
+ --cc-btn-primary-hover-bg
22
+ ) !important;
23
+
24
+ --cc-btn-secondary-bg: #e2e8f0 !important;
25
+ --cc-btn-secondary-color: #334155 !important;
26
+ --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
27
+ --cc-btn-secondary-hover-bg: #f1f5f9 !important;
28
+ --cc-btn-secondary-hover-color: #000000 !important;
29
+ --cc-btn-secondary-hover-border-color: #d4dae0 !important;
30
+
31
+ --cc-separator-border-color: #f3f8fc !important;
32
+
33
+ --cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
34
+ --cc-toggle-off-bg: #667481 !important;
35
+ --cc-toggle-on-knob-bg: #ffffff !important;
36
+ --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
37
+
38
+ --cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
39
+ --cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
40
+
41
+ --cc-toggle-readonly-bg: #d5dee2 !important;
42
+ --cc-toggle-readonly-knob-bg: #fff !important;
43
+ --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
44
+
45
+ --cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
46
+
47
+ --cc-cookie-category-block-bg: #f3f8fc !important;
48
+ --cc-cookie-category-block-border: #f3f8fc !important;
49
+ --cc-cookie-category-block-hover-bg: #f0f4f7 !important;
50
+ --cc-cookie-category-block-hover-border: #f0f4f7 !important;
51
+ --cc-cookie-category-expanded-block-bg: transparent !important;
52
+ --cc-cookie-category-expanded-block-hover-bg: #dee4e9 !important;
53
+
54
+ --cc-overlay-bg: rgba(0, 0, 0, 0.65) !important;
55
+ --cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
56
+ --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
57
+
58
+ --cc-footer-bg: #f3f8fc !important;
59
+ --cc-footer-color: var(--cc-secondary-color) !important;
60
+ --cc-footer-border-color: #e4eaed !important;
61
+ }
62
+
63
+ .cc--tilli-pay-dark {
64
+ color-scheme: dark;
65
+ --cc-bg: #000 !important;
66
+ --cc-primary-color: #eff4f6 !important;
67
+ --cc-secondary-color: #b1bdc3 !important;
68
+
69
+ --cc-btn-primary-bg: #1F9CD4 !important;
70
+ --cc-btn-primary-color: #000 !important;
71
+ --cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
72
+ --cc-btn-primary-hover-bg: #44a7d4 !important;
73
+ --cc-btn-primary-hover-color: #000 !important;
74
+ --cc-btn-primary-hover-border-color: var(
75
+ --cc-btn-primary-hover-bg
76
+ ) !important;
77
+
78
+ --cc-btn-secondary-bg: hsla(0,0%,100%,.039) !important;
79
+ --cc-btn-secondary-color: #fff !important;
80
+ --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
81
+ --cc-btn-secondary-hover-bg: #252729 !important;
82
+ --cc-btn-secondary-hover-color: #fff !important;
83
+ --cc-btn-secondary-hover-border-color: #252729 !important;
84
+
85
+ --cc-separator-border-color: #252729 !important;
86
+
87
+ --cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
88
+ --cc-toggle-off-bg: #667481 !important;
89
+ --cc-toggle-on-knob-bg: var(--cc-bg) !important;
90
+ --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
91
+
92
+ --cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
93
+ --cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
94
+
95
+ --cc-toggle-readonly-bg: #2f3132 !important;
96
+ --cc-toggle-readonly-knob-bg: var(--cc-cookie-category-block-bg) !important;
97
+ --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
98
+
99
+ --cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
100
+
101
+ --cc-cookie-category-block-bg: #101111 !important;
102
+ --cc-cookie-category-block-border: #1d1e1f !important;
103
+ --cc-cookie-category-block-hover-bg: #151516 !important;
104
+ --cc-cookie-category-block-hover-border: #1d1e1f !important;
105
+ --cc-cookie-category-expanded-block-bg: #101111 !important;
106
+ --cc-cookie-category-expanded-block-hover-bg: #1d1e1f !important;
107
+
108
+ --cc-overlay-bg: rgba(0,0,0,.9) !important;
109
+ --cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
110
+ --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
111
+
112
+ --cc-footer-bg: #000 !important;
113
+ --cc-footer-color: var(--cc-secondary-color) !important;
114
+ --cc-footer-border-color: #212529 !important;
115
+ }
116
+
117
+ /** font */
118
+ .cc--tilli-pay-light #cc-main,
119
+ .cc--tilli-pay-dark #cc-main {
120
+ font-family: var(--font-inter, var(--cc-font-family)) !important;
121
+ }
package/src/styles/tilli-website.css ADDED
@@ -0,0 +1,121 @@
1
+ /** NOTE: to auto-add `!important` suffixes, simply use this RegEx w/ Find + Replace:
2
+ * > Find: (:)(?![^;]*!important)([^;]+)(;)(?!.*\^)
3
+ * > Replace: :$2 !important;
4
+ */
5
+
6
+ /* TILLI_BLUE_HEX: #335EF6 */
7
+ /* TILLI_LIGHT_BLUE_HEX: #02B1FF */
8
+
9
+ /** `tilli-website` color-scheme **/
10
+ .cc--tilli-website-light {
11
+ --cc-bg: #ffffff !important;
12
+ --cc-primary-color: #2c2f31 !important;
13
+ --cc-secondary-color: #5e6266 !important;
14
+
15
+ --cc-btn-primary-bg: #02B1FF !important;
16
+ --cc-btn-primary-color: #ffffff !important;
17
+ --cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
18
+ --cc-btn-primary-hover-bg: #25b8fa !important;
19
+ --cc-btn-primary-hover-color: #ffffff !important;
20
+ --cc-btn-primary-hover-border-color: var(
21
+ --cc-btn-primary-hover-bg
22
+ ) !important;
23
+
24
+ --cc-btn-secondary-bg: #e2e8f0 !important;
25
+ --cc-btn-secondary-color: #334155 !important;
26
+ --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
27
+ --cc-btn-secondary-hover-bg: #f1f5f9 !important;
28
+ --cc-btn-secondary-hover-color: #000000 !important;
29
+ --cc-btn-secondary-hover-border-color: #d4dae0 !important;
30
+
31
+ --cc-separator-border-color: #f3f8fc !important;
32
+
33
+ --cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
34
+ --cc-toggle-off-bg: #667481 !important;
35
+ --cc-toggle-on-knob-bg: #ffffff !important;
36
+ --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
37
+
38
+ --cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
39
+ --cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
40
+
41
+ --cc-toggle-readonly-bg: #d5dee2 !important;
42
+ --cc-toggle-readonly-knob-bg: #fff !important;
43
+ --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
44
+
45
+ --cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
46
+
47
+ --cc-cookie-category-block-bg: #f3f8fc !important;
48
+ --cc-cookie-category-block-border: #f3f8fc !important;
49
+ --cc-cookie-category-block-hover-bg: #f0f4f7 !important;
50
+ --cc-cookie-category-block-hover-border: #f0f4f7 !important;
51
+ --cc-cookie-category-expanded-block-bg: transparent !important;
52
+ --cc-cookie-category-expanded-block-hover-bg: #dee4e9 !important;
53
+
54
+ --cc-overlay-bg: rgba(0, 0, 0, 0.65) !important;
55
+ --cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
56
+ --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
57
+
58
+ --cc-footer-bg: #f3f8fc !important;
59
+ --cc-footer-color: var(--cc-secondary-color) !important;
60
+ --cc-footer-border-color: #e4eaed !important;
61
+ }
62
+
63
+ .cc--tilli-website-dark {
64
+ color-scheme: dark;
65
+ --cc-bg: #000 !important;
66
+ --cc-primary-color: #eff4f6 !important;
67
+ --cc-secondary-color: #b1bdc3 !important;
68
+
69
+ --cc-btn-primary-bg: #02B1FF !important;
70
+ --cc-btn-primary-color: #000 !important;
71
+ --cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
72
+ --cc-btn-primary-hover-bg: #25b8fa !important;
73
+ --cc-btn-primary-hover-color: #000 !important;
74
+ --cc-btn-primary-hover-border-color: var(
75
+ --cc-btn-primary-hover-bg
76
+ ) !important;
77
+
78
+ --cc-btn-secondary-bg: hsla(0,0%,100%,.039) !important;
79
+ --cc-btn-secondary-color: #fff !important;
80
+ --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
81
+ --cc-btn-secondary-hover-bg: #252729 !important;
82
+ --cc-btn-secondary-hover-color: #fff !important;
83
+ --cc-btn-secondary-hover-border-color: #252729 !important;
84
+
85
+ --cc-separator-border-color: #252729 !important;
86
+
87
+ --cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
88
+ --cc-toggle-off-bg: #667481 !important;
89
+ --cc-toggle-on-knob-bg: var(--cc-bg) !important;
90
+ --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
91
+
92
+ --cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
93
+ --cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
94
+
95
+ --cc-toggle-readonly-bg: #2f3132 !important;
96
+ --cc-toggle-readonly-knob-bg: var(--cc-cookie-category-block-bg) !important;
97
+ --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
98
+
99
+ --cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
100
+
101
+ --cc-cookie-category-block-bg: #101111 !important;
102
+ --cc-cookie-category-block-border: #1d1e1f !important;
103
+ --cc-cookie-category-block-hover-bg: #151516 !important;
104
+ --cc-cookie-category-block-hover-border: #1d1e1f !important;
105
+ --cc-cookie-category-expanded-block-bg: #101111 !important;
106
+ --cc-cookie-category-expanded-block-hover-bg: #1d1e1f !important;
107
+
108
+ --cc-overlay-bg: rgba(0,0,0,.9) !important;
109
+ --cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
110
+ --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
111
+
112
+ --cc-footer-bg: #000 !important;
113
+ --cc-footer-color: var(--cc-secondary-color) !important;
114
+ --cc-footer-border-color: #212529 !important;
115
+ }
116
+
117
+ /** font */
118
+ .cc--tilli-website-light #cc-main,
119
+ .cc--tilli-website-dark #cc-main {
120
+ font-family: var(--font-inter, var(--cc-font-family)) !important;
121
+ }
package/demos/demo.styles.freeman.html DELETED
@@ -1,9 +0,0 @@
1
- <!doctype html>
2
- <html lang="en" class="cc--tenant:freeman-light">
3
- <body>
4
- <script
5
- type="module"
6
- src="https://cdn.jsdelivr.net/gh/tilli-pro/cookieconsent@09bb0494bd9698305803b82a684b4166dc188e2c/dist/plugin/init/tilli-website.js"
7
- ></script>
8
- </body>
9
- </html>
package/demos/demo.styles.frontier.html DELETED
@@ -1,9 +0,0 @@
1
- <!doctype html>
2
- <html lang="en" class="cc--tenant:frontier-light">
3
- <body>
4
- <script
5
- type="module"
6
- src="https://cdn.jsdelivr.net/gh/tilli-pro/cookieconsent@09bb0494bd9698305803b82a684b4166dc188e2c/dist/plugin/init/tilli-website.js"
7
- ></script>
8
- </body>
9
- </html>