xv-webcomponents 0.1.23 → 0.1.25

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 (147) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +129 -129
  3. package/package.json +51 -51
  4. package/dist/cjs/app-globals-3a1e7e63.js +0 -7
  5. package/dist/cjs/app-globals-3a1e7e63.js.map +0 -1
  6. package/dist/cjs/index-782b9733.js +0 -1535
  7. package/dist/cjs/index-782b9733.js.map +0 -1
  8. package/dist/cjs/index.cjs.js +0 -11
  9. package/dist/cjs/index.cjs.js.map +0 -1
  10. package/dist/cjs/loader.cjs.js +0 -17
  11. package/dist/cjs/loader.cjs.js.map +0 -1
  12. package/dist/cjs/utils-c7652b74.js +0 -13
  13. package/dist/cjs/utils-c7652b74.js.map +0 -1
  14. package/dist/cjs/xv-accordion-v2_16.cjs.entry.js +0 -663
  15. package/dist/cjs/xv-accordion-v2_16.cjs.entry.js.map +0 -1
  16. package/dist/cjs/xv-breadcrumbs-v2.cjs.entry.js +0 -22
  17. package/dist/cjs/xv-breadcrumbs-v2.cjs.entry.js.map +0 -1
  18. package/dist/cjs/xv-webcomponents.cjs.js +0 -27
  19. package/dist/cjs/xv-webcomponents.cjs.js.map +0 -1
  20. package/dist/collection/assets/fonts/fontawesome5/fa-brands-400.svg +0 -3717
  21. package/dist/collection/assets/fonts/fontawesome5/fa-duotone-900.svg +0 -15326
  22. package/dist/collection/assets/fonts/fontawesome5/fa-light-300.svg +0 -12420
  23. package/dist/collection/assets/fonts/fontawesome5/fa-regular-400.svg +0 -11323
  24. package/dist/collection/assets/fonts/fontawesome5/fa-solid-900.svg +0 -9653
  25. package/dist/collection/collection-manifest.json +0 -28
  26. package/dist/collection/components/xv-accordion/xv-accordion.css +0 -3
  27. package/dist/collection/components/xv-accordion/xv-accordion.js +0 -163
  28. package/dist/collection/components/xv-accordion/xv-accordion.js.map +0 -1
  29. package/dist/collection/components/xv-accordion-item/xv-accordion-item.css +0 -68
  30. package/dist/collection/components/xv-accordion-item/xv-accordion-item.js +0 -132
  31. package/dist/collection/components/xv-accordion-item/xv-accordion-item.js.map +0 -1
  32. package/dist/collection/components/xv-breadcrumbs/xv-breadcrumbs.css +0 -3
  33. package/dist/collection/components/xv-breadcrumbs/xv-breadcrumbs.js +0 -19
  34. package/dist/collection/components/xv-breadcrumbs/xv-breadcrumbs.js.map +0 -1
  35. package/dist/collection/components/xv-button/xv-button-v2.css +0 -153
  36. package/dist/collection/components/xv-button/xv-button.js +0 -138
  37. package/dist/collection/components/xv-button/xv-button.js.map +0 -1
  38. package/dist/collection/components/xv-card/xv-card.css +0 -63
  39. package/dist/collection/components/xv-card/xv-card.js +0 -122
  40. package/dist/collection/components/xv-card/xv-card.js.map +0 -1
  41. package/dist/collection/components/xv-checkbox/xv-checkbox.css +0 -108
  42. package/dist/collection/components/xv-checkbox/xv-checkbox.js +0 -376
  43. package/dist/collection/components/xv-checkbox/xv-checkbox.js.map +0 -1
  44. package/dist/collection/components/xv-footer/xv-footer.css +0 -230
  45. package/dist/collection/components/xv-footer/xv-footer.js +0 -37
  46. package/dist/collection/components/xv-footer/xv-footer.js.map +0 -1
  47. package/dist/collection/components/xv-header/xv-header.css +0 -22587
  48. package/dist/collection/components/xv-header/xv-header.js +0 -46
  49. package/dist/collection/components/xv-header/xv-header.js.map +0 -1
  50. package/dist/collection/components/xv-link/xv-link.css +0 -60
  51. package/dist/collection/components/xv-link/xv-link.js +0 -132
  52. package/dist/collection/components/xv-link/xv-link.js.map +0 -1
  53. package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.css +0 -7
  54. package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.js +0 -70
  55. package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.js.map +0 -1
  56. package/dist/collection/components/xv-progress-indicator-item/xv-progress-indicator-item.css +0 -66
  57. package/dist/collection/components/xv-progress-indicator-item/xv-progress-indicator-item.js +0 -47
  58. package/dist/collection/components/xv-progress-indicator-item/xv-progress-indicator-item.js.map +0 -1
  59. package/dist/collection/components/xv-table/defs.js +0 -14
  60. package/dist/collection/components/xv-table/defs.js.map +0 -1
  61. package/dist/collection/components/xv-table/xv-table-col/xv-table-col.css +0 -8
  62. package/dist/collection/components/xv-table/xv-table-col/xv-table-col.js +0 -19
  63. package/dist/collection/components/xv-table/xv-table-col/xv-table-col.js.map +0 -1
  64. package/dist/collection/components/xv-table/xv-table-header-row/xv-table-header-row.css +0 -21
  65. package/dist/collection/components/xv-table/xv-table-header-row/xv-table-header-row.js +0 -122
  66. package/dist/collection/components/xv-table/xv-table-header-row/xv-table-header-row.js.map +0 -1
  67. package/dist/collection/components/xv-table/xv-table-row/xv-table-row.css +0 -53
  68. package/dist/collection/components/xv-table/xv-table-row/xv-table-row.js +0 -299
  69. package/dist/collection/components/xv-table/xv-table-row/xv-table-row.js.map +0 -1
  70. package/dist/collection/components/xv-table/xv-table.css +0 -154
  71. package/dist/collection/components/xv-table/xv-table.js +0 -245
  72. package/dist/collection/components/xv-table/xv-table.js.map +0 -1
  73. package/dist/collection/components/xv-tag/xv-tag.css +0 -97
  74. package/dist/collection/components/xv-tag/xv-tag.js +0 -158
  75. package/dist/collection/components/xv-tag/xv-tag.js.map +0 -1
  76. package/dist/collection/components/xv-tooltip/xv-tooltip.css +0 -154
  77. package/dist/collection/components/xv-tooltip/xv-tooltip.js +0 -70
  78. package/dist/collection/components/xv-tooltip/xv-tooltip.js.map +0 -1
  79. package/dist/collection/index.js +0 -11
  80. package/dist/collection/index.js.map +0 -1
  81. package/dist/collection/scss/xv/images/xv-sprite.svg +0 -1
  82. package/dist/collection/scss/xv/sprite/images/xv-sprite.svg +0 -1
  83. package/dist/collection/types/enum.js +0 -9
  84. package/dist/collection/types/enum.js.map +0 -1
  85. package/dist/collection/utils/utils.js +0 -14
  86. package/dist/collection/utils/utils.js.map +0 -1
  87. package/dist/esm/app-globals-0f993ce5.js +0 -5
  88. package/dist/esm/app-globals-0f993ce5.js.map +0 -1
  89. package/dist/esm/index-83ab73b7.js +0 -1506
  90. package/dist/esm/index-83ab73b7.js.map +0 -1
  91. package/dist/esm/index.js +0 -3
  92. package/dist/esm/index.js.map +0 -1
  93. package/dist/esm/loader.js +0 -13
  94. package/dist/esm/loader.js.map +0 -1
  95. package/dist/esm/utils-9bb6333b.js +0 -10
  96. package/dist/esm/utils-9bb6333b.js.map +0 -1
  97. package/dist/esm/xv-accordion-v2_16.entry.js +0 -644
  98. package/dist/esm/xv-accordion-v2_16.entry.js.map +0 -1
  99. package/dist/esm/xv-breadcrumbs-v2.entry.js +0 -18
  100. package/dist/esm/xv-breadcrumbs-v2.entry.js.map +0 -1
  101. package/dist/esm/xv-webcomponents.js +0 -22
  102. package/dist/esm/xv-webcomponents.js.map +0 -1
  103. package/dist/index.cjs.js +0 -1
  104. package/dist/index.js +0 -1
  105. package/dist/types/components/xv-accordion/xv-accordion.d.ts +0 -20
  106. package/dist/types/components/xv-accordion-item/xv-accordion-item.d.ts +0 -15
  107. package/dist/types/components/xv-breadcrumbs/xv-breadcrumbs.d.ts +0 -3
  108. package/dist/types/components/xv-button/xv-button.d.ts +0 -16
  109. package/dist/types/components/xv-card/xv-card.d.ts +0 -8
  110. package/dist/types/components/xv-checkbox/xv-checkbox.d.ts +0 -70
  111. package/dist/types/components/xv-footer/xv-footer.d.ts +0 -6
  112. package/dist/types/components/xv-header/xv-header.d.ts +0 -6
  113. package/dist/types/components/xv-link/xv-link.d.ts +0 -9
  114. package/dist/types/components/xv-progress-indicator/xv-progress-indicator.d.ts +0 -7
  115. package/dist/types/components/xv-progress-indicator-item/xv-progress-indicator-item.d.ts +0 -5
  116. package/dist/types/components/xv-table/defs.d.ts +0 -16
  117. package/dist/types/components/xv-table/xv-table-col/xv-table-col.d.ts +0 -3
  118. package/dist/types/components/xv-table/xv-table-header-row/xv-table-header-row.d.ts +0 -25
  119. package/dist/types/components/xv-table/xv-table-row/xv-table-row.d.ts +0 -59
  120. package/dist/types/components/xv-table/xv-table.d.ts +0 -40
  121. package/dist/types/components/xv-tag/xv-tag.d.ts +0 -11
  122. package/dist/types/components/xv-tooltip/xv-tooltip.d.ts +0 -11
  123. package/dist/types/components.d.ts +0 -705
  124. package/dist/types/index.d.ts +0 -11
  125. package/dist/types/stencil-public-runtime.d.ts +0 -1680
  126. package/dist/types/types/enum.d.ts +0 -7
  127. package/dist/types/utils/utils.d.ts +0 -9
  128. package/dist/xv-webcomponents/index.esm.js +0 -2
  129. package/dist/xv-webcomponents/index.esm.js.map +0 -1
  130. package/dist/xv-webcomponents/p-59dc31ad.entry.js +0 -2
  131. package/dist/xv-webcomponents/p-59dc31ad.entry.js.map +0 -1
  132. package/dist/xv-webcomponents/p-840929c5.js +0 -3
  133. package/dist/xv-webcomponents/p-840929c5.js.map +0 -1
  134. package/dist/xv-webcomponents/p-a0b74d3c.js +0 -2
  135. package/dist/xv-webcomponents/p-a0b74d3c.js.map +0 -1
  136. package/dist/xv-webcomponents/p-c1cf7200.entry.js +0 -2
  137. package/dist/xv-webcomponents/p-c1cf7200.entry.js.map +0 -1
  138. package/dist/xv-webcomponents/p-e1255160.js +0 -2
  139. package/dist/xv-webcomponents/p-e1255160.js.map +0 -1
  140. package/dist/xv-webcomponents/xv-webcomponents.esm.js +0 -2
  141. package/dist/xv-webcomponents/xv-webcomponents.esm.js.map +0 -1
  142. package/loader/cdn.js +0 -1
  143. package/loader/index.cjs.js +0 -1
  144. package/loader/index.d.ts +0 -24
  145. package/loader/index.es2017.js +0 -1
  146. package/loader/index.js +0 -2
  147. package/loader/package.json +0 -11
@@ -1,376 +0,0 @@
1
- import { h, Host } from "@stencil/core";
2
- export class XvCheckbox {
3
- constructor() {
4
- var _a, _b;
5
- /**
6
- * Default checked status
7
- */
8
- this.checked = false;
9
- /**
10
- * Using for forms
11
- */
12
- this.indeterminate = false;
13
- /**
14
- * Disabled status
15
- */
16
- this.disabled = false;
17
- /**
18
- * Input value
19
- */
20
- this.value = 'on';
21
- /**
22
- * The same like default checkbox prop
23
- */
24
- this.required = false;
25
- /**
26
- * Change checkmark icon to minus
27
- */
28
- this.partial = false;
29
- this.hasFocus = false;
30
- this.onInput = (e) => {
31
- const target = e.target;
32
- this.checked = target.checked;
33
- this.inputEvent.emit(this.checked);
34
- };
35
- this.onChange = (e) => {
36
- const target = e.target;
37
- this.checked = target.checked;
38
- this.changeEvent.emit(this.checked);
39
- };
40
- this.onFocus = () => {
41
- this.hasFocus = true;
42
- this.focusEvent.emit();
43
- };
44
- this.onBlur = () => {
45
- this.hasFocus = false;
46
- this.blurEvent.emit();
47
- };
48
- this.internals = ((_b = (_a = this.el).attachInternals) === null || _b === void 0 ? void 0 : _b.call(_a)) || {};
49
- }
50
- connectedCallback() {
51
- var _a;
52
- if ((_a = this.internals) === null || _a === void 0 ? void 0 : _a.setFormValue) {
53
- this.internals.setFormValue(this.checked ? this.value : null);
54
- }
55
- }
56
- onCheckedChange(newValue) {
57
- var _a;
58
- if ((_a = this.internals) === null || _a === void 0 ? void 0 : _a.setFormValue) {
59
- this.internals.setFormValue(newValue ? this.value : null);
60
- }
61
- }
62
- render() {
63
- return (h(Host, { key: 'ac276d5c3fd650eb0253986d49114005853dd6e3' }, h("label", { key: '42b697e56e09077521dd240cda3634e64ad32c4c', class: { 'xv-checkbox': true, disabled: this.disabled } }, h("input", { key: 'ca3cda2a03db5e4f5e92bba03c9aa52349b6aa74', ref: el => (this.inputEl = el), type: "checkbox", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, required: this.required, indeterminate: this.indeterminate, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }), h("span", { key: '40f9add2230681ad01b3eaf95d18965aac0be936', class: `checkmark ${this.partial ? 'checkmark-partial' : ''}` }), h("div", { key: '0dc9d9dad7e4f86931ab0b367c1fd621004a867e', class: "label" }, h("slot", { key: 'd7cf291cc49e3613a6b1631d758e9faa69e32621' }, this.label))), h("slot", { key: '9a173a733b1fcfd23cdd39c2cf38a9cbe1df995b', name: "info" }), !!this.error && h("span", { key: 'ca9bfcfa30ceb9073ac98d6032af002a8c3e6049', class: "error" }, this.error)));
64
- }
65
- componentDidLoad() {
66
- if (this.indeterminate) {
67
- this.inputEl.indeterminate = true;
68
- }
69
- }
70
- componentDidUpdate() {
71
- if (this.inputEl) {
72
- this.inputEl.indeterminate = this.indeterminate;
73
- }
74
- }
75
- formResetCallback() {
76
- this.checked = false;
77
- }
78
- formStateRestoreCallback(state) {
79
- this.checked = state === this.value;
80
- }
81
- static get is() { return "xv-checkbox-v2"; }
82
- static get encapsulation() { return "shadow"; }
83
- static get formAssociated() { return true; }
84
- static get originalStyleUrls() {
85
- return {
86
- "$": ["xv-checkbox.scss"]
87
- };
88
- }
89
- static get styleUrls() {
90
- return {
91
- "$": ["xv-checkbox.css"]
92
- };
93
- }
94
- static get properties() {
95
- return {
96
- "checked": {
97
- "type": "boolean",
98
- "mutable": true,
99
- "complexType": {
100
- "original": "boolean",
101
- "resolved": "boolean",
102
- "references": {}
103
- },
104
- "required": false,
105
- "optional": false,
106
- "docs": {
107
- "tags": [],
108
- "text": "Default checked status"
109
- },
110
- "getter": false,
111
- "setter": false,
112
- "attribute": "checked",
113
- "reflect": true,
114
- "defaultValue": "false"
115
- },
116
- "indeterminate": {
117
- "type": "boolean",
118
- "mutable": false,
119
- "complexType": {
120
- "original": "boolean",
121
- "resolved": "boolean",
122
- "references": {}
123
- },
124
- "required": false,
125
- "optional": false,
126
- "docs": {
127
- "tags": [],
128
- "text": "Using for forms"
129
- },
130
- "getter": false,
131
- "setter": false,
132
- "attribute": "indeterminate",
133
- "reflect": true,
134
- "defaultValue": "false"
135
- },
136
- "disabled": {
137
- "type": "boolean",
138
- "mutable": false,
139
- "complexType": {
140
- "original": "boolean",
141
- "resolved": "boolean",
142
- "references": {}
143
- },
144
- "required": false,
145
- "optional": false,
146
- "docs": {
147
- "tags": [],
148
- "text": "Disabled status"
149
- },
150
- "getter": false,
151
- "setter": false,
152
- "attribute": "disabled",
153
- "reflect": true,
154
- "defaultValue": "false"
155
- },
156
- "name": {
157
- "type": "string",
158
- "mutable": false,
159
- "complexType": {
160
- "original": "string",
161
- "resolved": "string",
162
- "references": {}
163
- },
164
- "required": false,
165
- "optional": false,
166
- "docs": {
167
- "tags": [],
168
- "text": "Input name"
169
- },
170
- "getter": false,
171
- "setter": false,
172
- "attribute": "name",
173
- "reflect": true
174
- },
175
- "value": {
176
- "type": "string",
177
- "mutable": false,
178
- "complexType": {
179
- "original": "string",
180
- "resolved": "string",
181
- "references": {}
182
- },
183
- "required": false,
184
- "optional": false,
185
- "docs": {
186
- "tags": [],
187
- "text": "Input value"
188
- },
189
- "getter": false,
190
- "setter": false,
191
- "attribute": "value",
192
- "reflect": true,
193
- "defaultValue": "'on'"
194
- },
195
- "required": {
196
- "type": "boolean",
197
- "mutable": false,
198
- "complexType": {
199
- "original": "boolean",
200
- "resolved": "boolean",
201
- "references": {}
202
- },
203
- "required": false,
204
- "optional": false,
205
- "docs": {
206
- "tags": [],
207
- "text": "The same like default checkbox prop"
208
- },
209
- "getter": false,
210
- "setter": false,
211
- "attribute": "required",
212
- "reflect": true,
213
- "defaultValue": "false"
214
- },
215
- "partial": {
216
- "type": "boolean",
217
- "mutable": false,
218
- "complexType": {
219
- "original": "boolean",
220
- "resolved": "boolean",
221
- "references": {}
222
- },
223
- "required": false,
224
- "optional": false,
225
- "docs": {
226
- "tags": [],
227
- "text": "Change checkmark icon to minus"
228
- },
229
- "getter": false,
230
- "setter": false,
231
- "attribute": "partial",
232
- "reflect": true,
233
- "defaultValue": "false"
234
- },
235
- "label": {
236
- "type": "string",
237
- "mutable": false,
238
- "complexType": {
239
- "original": "string",
240
- "resolved": "string",
241
- "references": {}
242
- },
243
- "required": false,
244
- "optional": false,
245
- "docs": {
246
- "tags": [],
247
- "text": "Can be used like property or like slot"
248
- },
249
- "getter": false,
250
- "setter": false,
251
- "attribute": "label",
252
- "reflect": false
253
- },
254
- "size": {
255
- "type": "string",
256
- "mutable": false,
257
- "complexType": {
258
- "original": "SIZE_VAR",
259
- "resolved": "SIZE_VAR.LG | SIZE_VAR.MD | SIZE_VAR.SM | SIZE_VAR.XL | SIZE_VAR.XS",
260
- "references": {
261
- "SIZE_VAR": {
262
- "location": "import",
263
- "path": "../../types/enum",
264
- "id": "src/types/enum.ts::SIZE_VAR"
265
- }
266
- }
267
- },
268
- "required": false,
269
- "optional": true,
270
- "docs": {
271
- "tags": [],
272
- "text": ""
273
- },
274
- "getter": false,
275
- "setter": false,
276
- "attribute": "size",
277
- "reflect": true
278
- },
279
- "error": {
280
- "type": "any",
281
- "mutable": false,
282
- "complexType": {
283
- "original": "string | boolean",
284
- "resolved": "boolean | string",
285
- "references": {}
286
- },
287
- "required": false,
288
- "optional": true,
289
- "docs": {
290
- "tags": [],
291
- "text": ""
292
- },
293
- "getter": false,
294
- "setter": false,
295
- "attribute": "error",
296
- "reflect": true
297
- }
298
- };
299
- }
300
- static get states() {
301
- return {
302
- "hasFocus": {}
303
- };
304
- }
305
- static get events() {
306
- return [{
307
- "method": "changeEvent",
308
- "name": "eventChange",
309
- "bubbles": true,
310
- "cancelable": true,
311
- "composed": true,
312
- "docs": {
313
- "tags": [],
314
- "text": "event 'onEventChange'"
315
- },
316
- "complexType": {
317
- "original": "boolean",
318
- "resolved": "boolean",
319
- "references": {}
320
- }
321
- }, {
322
- "method": "inputEvent",
323
- "name": "eventInput",
324
- "bubbles": true,
325
- "cancelable": true,
326
- "composed": true,
327
- "docs": {
328
- "tags": [],
329
- "text": "event 'onEventInput'"
330
- },
331
- "complexType": {
332
- "original": "boolean",
333
- "resolved": "boolean",
334
- "references": {}
335
- }
336
- }, {
337
- "method": "focusEvent",
338
- "name": "eventFocus",
339
- "bubbles": true,
340
- "cancelable": true,
341
- "composed": true,
342
- "docs": {
343
- "tags": [],
344
- "text": "event 'onEventFocus'"
345
- },
346
- "complexType": {
347
- "original": "void",
348
- "resolved": "void",
349
- "references": {}
350
- }
351
- }, {
352
- "method": "blurEvent",
353
- "name": "eventBlur",
354
- "bubbles": true,
355
- "cancelable": true,
356
- "composed": true,
357
- "docs": {
358
- "tags": [],
359
- "text": "event 'onEventBlur'"
360
- },
361
- "complexType": {
362
- "original": "void",
363
- "resolved": "void",
364
- "references": {}
365
- }
366
- }];
367
- }
368
- static get elementRef() { return "el"; }
369
- static get watchers() {
370
- return [{
371
- "propName": "checked",
372
- "methodName": "onCheckedChange"
373
- }];
374
- }
375
- }
376
- //# sourceMappingURL=xv-checkbox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"xv-checkbox.js","sourceRoot":"","sources":["../../../src/components/xv-checkbox/xv-checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Element, Prop, State, Event, EventEmitter, Watch, Host } from '@stencil/core';\r\nimport { SIZE_VAR } from '../../types/enum';\r\n\r\n@Component({\r\n tag: 'xv-checkbox-v2',\r\n styleUrl: 'xv-checkbox.scss',\r\n shadow: true,\r\n formAssociated: true,\r\n})\r\nexport class XvCheckbox {\r\n private inputEl: HTMLInputElement;\r\n private internals: ElementInternals;\r\n\r\n @Element() el!: HTMLElement;\r\n\r\n /**\r\n * Default checked status\r\n */\r\n @Prop({ reflect: true, mutable: true }) checked: boolean = false;\r\n /**\r\n * Using for forms\r\n */\r\n @Prop({ reflect: true }) indeterminate: boolean = false;\r\n /**\r\n * Disabled status\r\n */\r\n @Prop({ reflect: true }) disabled: boolean = false;\r\n /**\r\n * Input name\r\n */\r\n @Prop({ reflect: true }) name: string;\r\n /**\r\n * Input value\r\n */\r\n @Prop({ reflect: true }) value: string = 'on';\r\n /**\r\n * The same like default checkbox prop\r\n */\r\n @Prop({ reflect: true }) required: boolean = false;\r\n /**\r\n * Change checkmark icon to minus\r\n */\r\n @Prop({ reflect: true }) partial: boolean = false;\r\n /**\r\n * Can be used like property or like slot\r\n */\r\n @Prop() label: string;\r\n\r\n @Prop({ reflect: true }) size?: SIZE_VAR;\r\n @Prop({ reflect: true }) error?: string | boolean;\r\n\r\n @State() hasFocus: boolean = false;\r\n /**\r\n * event 'onEventChange'\r\n */\r\n @Event({ eventName: 'eventChange' }) changeEvent: EventEmitter<boolean>;\r\n /**\r\n * event 'onEventInput'\r\n */\r\n @Event({ eventName: 'eventInput' }) inputEvent: EventEmitter<boolean>;\r\n /**\r\n * event 'onEventFocus'\r\n */\r\n @Event({ eventName: 'eventFocus' }) focusEvent: EventEmitter<void>;\r\n /**\r\n * event 'onEventBlur'\r\n */\r\n @Event({ eventName: 'eventBlur' }) blurEvent: EventEmitter<void>;\r\n\r\n constructor() {\r\n this.internals = (this.el as any).attachInternals?.() || {};\r\n }\r\n\r\n connectedCallback() {\r\n if (this.internals?.setFormValue) {\r\n this.internals.setFormValue(this.checked ? this.value : null);\r\n }\r\n }\r\n\r\n @Watch('checked')\r\n onCheckedChange(newValue: boolean) {\r\n if (this.internals?.setFormValue) {\r\n this.internals.setFormValue(newValue ? this.value : null);\r\n }\r\n }\r\n\r\n private onInput = (e: Event) => {\r\n const target = e.target as HTMLInputElement;\r\n this.checked = target.checked;\r\n this.inputEvent.emit(this.checked);\r\n };\r\n\r\n private onChange = (e: Event) => {\r\n const target = e.target as HTMLInputElement;\r\n this.checked = target.checked;\r\n this.changeEvent.emit(this.checked);\r\n };\r\n\r\n private onFocus = () => {\r\n this.hasFocus = true;\r\n this.focusEvent.emit();\r\n };\r\n\r\n private onBlur = () => {\r\n this.hasFocus = false;\r\n this.blurEvent.emit();\r\n };\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <label class={{ 'xv-checkbox': true, disabled: this.disabled }}>\r\n <input\r\n ref={el => (this.inputEl = el)}\r\n type=\"checkbox\"\r\n name={this.name}\r\n value={this.value}\r\n checked={this.checked}\r\n disabled={this.disabled}\r\n required={this.required}\r\n indeterminate={this.indeterminate}\r\n onInput={this.onInput}\r\n onChange={this.onChange}\r\n onFocus={this.onFocus}\r\n onBlur={this.onBlur}\r\n />\r\n <span class={`checkmark ${this.partial ? 'checkmark-partial' : ''}`} />\r\n <div class=\"label\">\r\n <slot>{this.label}</slot>\r\n </div>\r\n </label>\r\n <slot name=\"info\" />\r\n {!!this.error && <span class=\"error\">{this.error}</span>}\r\n </Host>\r\n );\r\n }\r\n\r\n componentDidLoad() {\r\n if (this.indeterminate) {\r\n this.inputEl.indeterminate = true;\r\n }\r\n }\r\n\r\n componentDidUpdate() {\r\n if (this.inputEl) {\r\n this.inputEl.indeterminate = this.indeterminate;\r\n }\r\n }\r\n\r\n formResetCallback() {\r\n this.checked = false;\r\n }\r\n\r\n formStateRestoreCallback(state: string) {\r\n this.checked = state === this.value;\r\n }\r\n}\r\n"]}
@@ -1,230 +0,0 @@
1
- .svg-assets--src--project--images--svg-sprite--youtube, .svg-assets--src--project--images--svg-sprite--xing, .svg-assets--src--project--images--svg-sprite--vorkasse, .svg-assets--src--project--images--svg-sprite--visa, .svg-assets--src--project--images--svg-sprite--sepa, .svg-assets--src--project--images--svg-sprite--paypal, .svg-assets--src--project--images--svg-sprite--mastercard, .svg-assets--src--project--images--svg-sprite--linkedin, .svg-assets--src--project--images--svg-sprite--kauf-auf-rechnung, .svg-assets--src--project--images--svg-sprite--instagram, .svg-assets--src--project--images--svg-sprite--facebook {
2
- background: url("https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.svg") no-repeat;
3
- }
4
-
5
- .svg-assets--src--project--images--svg-sprite--facebook {
6
- background-position: 0 100%;
7
- width: 32px;
8
- height: 32px;
9
- }
10
-
11
- .svg-assets--src--project--images--svg-sprite--instagram {
12
- background-position: 14.5454545455% 100%;
13
- width: 32px;
14
- height: 32px;
15
- }
16
-
17
- .svg-assets--src--project--images--svg-sprite--kauf-auf-rechnung {
18
- background-position: 0 0;
19
- width: 84px;
20
- height: 58px;
21
- }
22
-
23
- .svg-assets--src--project--images--svg-sprite--linkedin {
24
- background-position: 29.0909090909% 100%;
25
- width: 32px;
26
- height: 32px;
27
- }
28
-
29
- .svg-assets--src--project--images--svg-sprite--mastercard {
30
- background-position: 50% 0;
31
- width: 84px;
32
- height: 58px;
33
- }
34
-
35
- .svg-assets--src--project--images--svg-sprite--paypal {
36
- background-position: 0 64.4444444444%;
37
- width: 84px;
38
- height: 58px;
39
- }
40
-
41
- .svg-assets--src--project--images--svg-sprite--sepa {
42
- background-position: 50% 64.4444444444%;
43
- width: 84px;
44
- height: 58px;
45
- }
46
-
47
- .svg-assets--src--project--images--svg-sprite--visa {
48
- background-position: 100% 0;
49
- width: 84px;
50
- height: 58px;
51
- }
52
-
53
- .svg-assets--src--project--images--svg-sprite--vorkasse {
54
- background-position: 100% 64.4444444444%;
55
- width: 84px;
56
- height: 58px;
57
- }
58
-
59
- .svg-assets--src--project--images--svg-sprite--xing {
60
- background-position: 43.6363636364% 100%;
61
- width: 32px;
62
- height: 32px;
63
- }
64
-
65
- .svg-assets--src--project--images--svg-sprite--youtube {
66
- background-position: 58.1818181818% 100%;
67
- width: 32px;
68
- height: 32px;
69
- }
70
-
71
- .sprite-icon-beachten {
72
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
73
- background-position: -90px 0px;
74
- width: 80px;
75
- height: 80px;
76
- }
77
-
78
- .sprite-icon-buchen {
79
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
80
- background-position: 0px -82px;
81
- width: 80px;
82
- height: 80px;
83
- }
84
-
85
- .sprite-icon-direct {
86
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
87
- background-position: -284px -99px;
88
- width: 21px;
89
- height: 21px;
90
- }
91
-
92
- .sprite-icon-downloads {
93
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
94
- background-position: -80px -82px;
95
- width: 80px;
96
- height: 80px;
97
- }
98
-
99
- .sprite-icon-kino {
100
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
101
- background-position: -305px -99px;
102
- width: 21px;
103
- height: 21px;
104
- }
105
-
106
- .sprite-icon-kosten {
107
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
108
- background-position: -170px 0px;
109
- width: 80px;
110
- height: 80px;
111
- }
112
-
113
- .sprite-icon-kreation {
114
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
115
- background-position: -170px -80px;
116
- width: 80px;
117
- height: 80px;
118
- }
119
-
120
- .sprite-icon-logo-full {
121
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
122
- background-position: 0px -242px;
123
- width: 189px;
124
- height: 32px;
125
- }
126
-
127
- .sprite-icon-logo-small {
128
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
129
- background-position: -250px -99px;
130
- width: 34px;
131
- height: 34px;
132
- }
133
-
134
- .sprite-icon-mobile {
135
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
136
- background-position: -326px -99px;
137
- width: 21px;
138
- height: 21px;
139
- }
140
-
141
- .sprite-icon-online {
142
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
143
- background-position: -347px -99px;
144
- width: 21px;
145
- height: 21px;
146
- }
147
-
148
- .sprite-icon-partner-agma {
149
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
150
- background-position: -250px -66px;
151
- width: 88px;
152
- height: 33px;
153
- }
154
-
155
- .sprite-icon-partner-bvdw {
156
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
157
- background-position: -338px -66px;
158
- width: 88px;
159
- height: 33px;
160
- }
161
-
162
- .sprite-icon-partner-climate {
163
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
164
- background-position: -250px 0px;
165
- width: 186px;
166
- height: 33px;
167
- }
168
-
169
- .sprite-icon-partner-google {
170
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
171
- background-position: 0px 0px;
172
- width: 90px;
173
- height: 82px;
174
- }
175
-
176
- .sprite-icon-partner-microsoft {
177
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
178
- background-position: -250px -33px;
179
- width: 186px;
180
- height: 33px;
181
- }
182
-
183
- .sprite-icon-plakat {
184
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
185
- background-position: -368px -99px;
186
- width: 21px;
187
- height: 21px;
188
- }
189
-
190
- .sprite-icon-print {
191
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
192
- background-position: -389px -99px;
193
- width: 21px;
194
- height: 21px;
195
- }
196
-
197
- .sprite-icon-radio {
198
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
199
- background-position: -410px -99px;
200
- width: 21px;
201
- height: 21px;
202
- }
203
-
204
- .sprite-icon-services {
205
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
206
- background-position: -250px -133px;
207
- width: 21px;
208
- height: 21px;
209
- }
210
-
211
- .sprite-icon-topangebote {
212
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
213
- background-position: -271px -133px;
214
- width: 21px;
215
- height: 21px;
216
- }
217
-
218
- .sprite-icon-tv {
219
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
220
- background-position: -292px -133px;
221
- width: 21px;
222
- height: 21px;
223
- }
224
-
225
- .sprite-icon-werbeformen {
226
- background-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);
227
- background-position: 0px -162px;
228
- width: 80px;
229
- height: 80px;
230
- }
@@ -1,37 +0,0 @@
1
- import { h } from "@stencil/core";
2
- export class Xvfooter {
3
- constructor() {
4
- this.htmlContent = '';
5
- }
6
- async componentWillLoad() {
7
- try {
8
- const response = await fetch('https://crossvertise.blob.core.windows.net/nav-sync-qa/footer.html');
9
- const text = await response.text();
10
- this.htmlContent = text;
11
- }
12
- catch (error) {
13
- console.error('Failed to fetch footer HTML:', error);
14
- }
15
- }
16
- render() {
17
- return (h("footer", { key: '3f97ae50d78ffb11ce8893070598f9d9be6fc2aa' }, h("div", { key: '1f74409dd358f21b6e18e4a470df27fc451ca63f', innerHTML: this.htmlContent })));
18
- }
19
- static get is() { return "xv-footer"; }
20
- static get originalStyleUrls() {
21
- return {
22
- "$": ["xv-footer.scss"]
23
- };
24
- }
25
- static get styleUrls() {
26
- return {
27
- "$": ["xv-footer.css"]
28
- };
29
- }
30
- static get states() {
31
- return {
32
- "htmlContent": {}
33
- };
34
- }
35
- static get elementRef() { return "el"; }
36
- }
37
- //# sourceMappingURL=xv-footer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"xv-footer.js","sourceRoot":"","sources":["../../../src/components/xv-footer/xv-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAM5D,MAAM,OAAO,QAAQ;IAJrB;QAKW,gBAAW,GAAW,EAAE,CAAC;KAoBnC;IAjBC,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,oEAAoE,CAAC,CAAC;YACnG,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACnC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAC1B,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACH;YACA,4DAAK,SAAS,EAAE,IAAI,CAAC,WAAW,GAAQ,CAC/B,CACZ,CAAC;IACJ,CAAC;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h,Element, State } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'xv-footer',\r\n styleUrl: 'xv-footer.scss',\r\n})\r\nexport class Xvfooter {\r\n @State() htmlContent: string = '';\r\n @Element() el: HTMLElement;\r\n\r\n async componentWillLoad() {\r\n try {\r\n const response = await fetch('https://crossvertise.blob.core.windows.net/nav-sync-qa/footer.html');\r\n const text = await response.text();\r\n this.htmlContent = text;\r\n } catch (error) {\r\n console.error('Failed to fetch footer HTML:', error);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <footer>\r\n <div innerHTML={this.htmlContent}></div>\r\n </footer>\r\n );\r\n }\r\n}\r\n"]}