@3t-transform/threeteeui 0.1.51 → 0.1.57
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/cjs/{domsanitiser.options-2e96c84e.js → domsanitiser.options-cd2932a9.js} +5 -5
- package/dist/cjs/tttx-dialog-box.cjs.entry.js +2 -2
- package/dist/cjs/tttx-filter.cjs.entry.js +2 -0
- package/dist/cjs/tttx-form.cjs.entry.js +1 -1
- package/dist/cjs/tttx-list.cjs.entry.js +1 -1
- package/dist/cjs/tttx-sorter.cjs.entry.js +3 -0
- package/dist/collection/components/molecules/tttx-dialog-box/tttx-dialog-box.css +0 -4
- package/dist/collection/components/molecules/tttx-filter/tttx-filter.js +16 -0
- package/dist/collection/components/molecules/tttx-sorter/tttx-sorter.js +17 -0
- package/dist/components/domsanitiser.options.js +5 -5
- package/dist/components/tttx-dialog-box.js +1 -1
- package/dist/components/tttx-filter.js +2 -0
- package/dist/components/tttx-sorter.js +3 -0
- package/dist/esm/{domsanitiser.options-00ffe3f7.js → domsanitiser.options-563c1cf3.js} +5 -5
- package/dist/esm/tttx-dialog-box.entry.js +2 -2
- package/dist/esm/tttx-filter.entry.js +2 -0
- package/dist/esm/tttx-form.entry.js +1 -1
- package/dist/esm/tttx-list.entry.js +1 -1
- package/dist/esm/tttx-sorter.entry.js +3 -0
- package/dist/tttx/p-225e6fa6.entry.js +1 -0
- package/dist/tttx/{p-f5f81524.entry.js → p-58d7c978.entry.js} +1 -1
- package/dist/tttx/{p-bd40ea63.entry.js → p-8b511fff.entry.js} +1 -1
- package/dist/tttx/{p-0dd47d30.entry.js → p-909c090d.entry.js} +1 -1
- package/dist/tttx/p-a658e1ac.entry.js +1 -0
- package/dist/tttx/{p-b0a37c98.js → p-d3835fde.js} +2 -2
- package/dist/tttx/tttx.esm.js +1 -1
- package/dist/types/components/molecules/tttx-filter/tttx-filter.d.ts +1 -0
- package/dist/types/components/molecules/tttx-sorter/tttx-sorter.d.ts +1 -0
- package/dist/types/components.d.ts +2 -0
- package/package.json +2 -2
- package/dist/tttx/p-3b29e8af.entry.js +0 -1
- package/dist/tttx/p-637e7e88.entry.js +0 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
|
|
4
4
|
|
|
5
5
|
var purify = _commonjsHelpers.createCommonjsModule(function (module, exports) {
|
|
6
|
-
/*! @license DOMPurify 3.0.
|
|
6
|
+
/*! @license DOMPurify 3.0.4 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.4/LICENSE */
|
|
7
7
|
|
|
8
8
|
(function (global, factory) {
|
|
9
9
|
module.exports = factory() ;
|
|
@@ -261,7 +261,7 @@ var purify = _commonjsHelpers.createCommonjsModule(function (module, exports) {
|
|
|
261
261
|
*/
|
|
262
262
|
|
|
263
263
|
|
|
264
|
-
DOMPurify.version = '3.0.
|
|
264
|
+
DOMPurify.version = '3.0.4';
|
|
265
265
|
/**
|
|
266
266
|
* Array of elements that DOMPurify removed during sanitation.
|
|
267
267
|
* Empty if nothing was removed.
|
|
@@ -1070,10 +1070,10 @@ var purify = _commonjsHelpers.createCommonjsModule(function (module, exports) {
|
|
|
1070
1070
|
|
|
1071
1071
|
return true;
|
|
1072
1072
|
}
|
|
1073
|
-
/* Make sure that older browsers don't get
|
|
1073
|
+
/* Make sure that older browsers don't get fallback-tag mXSS */
|
|
1074
1074
|
|
|
1075
1075
|
|
|
1076
|
-
if ((tagName === 'noscript' || tagName === 'noembed') && regExpTest(/<\/no(script|embed)/i, currentNode.innerHTML)) {
|
|
1076
|
+
if ((tagName === 'noscript' || tagName === 'noembed' || tagName === 'noframes') && regExpTest(/<\/no(script|embed|frames)/i, currentNode.innerHTML)) {
|
|
1077
1077
|
_forceRemove(currentNode);
|
|
1078
1078
|
|
|
1079
1079
|
return true;
|
|
@@ -1491,7 +1491,7 @@ var purify = _commonjsHelpers.createCommonjsModule(function (module, exports) {
|
|
|
1491
1491
|
returnNode = body;
|
|
1492
1492
|
}
|
|
1493
1493
|
|
|
1494
|
-
if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.
|
|
1494
|
+
if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmode) {
|
|
1495
1495
|
/*
|
|
1496
1496
|
AdoptNode() is not used because internal state is not reset
|
|
1497
1497
|
(e.g. the past names map of a HTMLFormElement), this is safe
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-43af0e62.js');
|
|
6
|
-
const domsanitiser_options = require('./domsanitiser.options-
|
|
6
|
+
const domsanitiser_options = require('./domsanitiser.options-cd2932a9.js');
|
|
7
7
|
require('./_commonjsHelpers-537d719a.js');
|
|
8
8
|
|
|
9
|
-
const tttxDialogBoxCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded{font-family:\"Material Symbols Rounded\", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}h3{margin-block-start:0em;margin-block-end:0em}.dialog-box{background-color:#ffffff;display:flex;flex-direction:column;border:1px solid #d5d5d5;border-radius:4px;box-shadow:0px 1px 5px #1111114d}.dialog-box.small{width:400px;min-height:200px
|
|
9
|
+
const tttxDialogBoxCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded{font-family:\"Material Symbols Rounded\", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}h3{margin-block-start:0em;margin-block-end:0em}.dialog-box{background-color:#ffffff;display:flex;flex-direction:column;border:1px solid #d5d5d5;border-radius:4px;box-shadow:0px 1px 5px #1111114d}.dialog-box.small{width:400px;min-height:200px}.dialog-box.regular{width:600px;min-height:200px}.dialog-box.large{width:900px;min-height:200px}.dialog-box.mobile{max-width:424px;width:calc(100vw - 20px)}.dialog-box-clickable{cursor:pointer}.dialog-box-padding{padding:8px 16px}.dialog-box-align-right{margin-left:auto;display:flex}.dialog-box-header-box{border-bottom:1px solid #d5d5d5;display:flex;flex-direction:row;height:36px}.dialog-box-header{display:flex;align-items:center;width:100%}.dialog-box-title{font-size:18;font-weight:500;font-family:\"Roboto\", serif}.dialog-box-icon{padding-right:8px;width:24px;height:24px}.dialog-box-icon-close{margin-left:auto;padding-top:3px;width:24px;height:24px}.dialog-box-content{font-size:16;font-weight:400;font-family:\"Roboto\", serif}.dialog-box-body{overflow:hidden;text-overflow:ellipsis}.dialog-box-body-box{padding:16px}.dialog-box-footer-box{display:flex;flex-direction:row;margin-top:auto;border-top:1px solid #d5d5d5;height:36px}.dialog-box-footer{display:flex;align-items:center;width:100%}.dialog-box-spacing-button{margin-right:8px}.dialog-box-header-box.info{border-bottom:1px solid #1479c6}.dialog-box-header-box.success{border-bottom:1px solid #a2bb31}.dialog-box-header-box.warning{border-bottom:1px solid #f59500}.dialog-box-header-box.critical{border-bottom:1px solid #dc0000}";
|
|
10
10
|
|
|
11
11
|
const TttxDialogBox = class {
|
|
12
12
|
constructor(hostRef) {
|
|
@@ -10,6 +10,7 @@ const TttxFilter = class {
|
|
|
10
10
|
constructor(hostRef) {
|
|
11
11
|
index.registerInstance(this, hostRef);
|
|
12
12
|
this.filterChangeEvent = index.createEvent(this, "filterChangeEvent", 7);
|
|
13
|
+
this.toggleFilter = index.createEvent(this, "toggleFilter", 7);
|
|
13
14
|
this.filterKey = undefined;
|
|
14
15
|
this.filterOptions = [
|
|
15
16
|
{ optionIcon: 'cancel', optionIconColor: 'darkred', optionText: 'Expired' },
|
|
@@ -78,6 +79,7 @@ const TttxFilter = class {
|
|
|
78
79
|
}
|
|
79
80
|
togglePopover() {
|
|
80
81
|
this.showPopover = !this.showPopover;
|
|
82
|
+
this.toggleFilter.emit(this.showPopover);
|
|
81
83
|
// if(!this.showPopover) {
|
|
82
84
|
// // this._focussedElementIndex = -1;
|
|
83
85
|
// }
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-43af0e62.js');
|
|
6
|
-
const domsanitiser_options = require('./domsanitiser.options-
|
|
6
|
+
const domsanitiser_options = require('./domsanitiser.options-cd2932a9.js');
|
|
7
7
|
require('./_commonjsHelpers-537d719a.js');
|
|
8
8
|
|
|
9
9
|
/**
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-43af0e62.js');
|
|
6
|
-
const domsanitiser_options = require('./domsanitiser.options-
|
|
6
|
+
const domsanitiser_options = require('./domsanitiser.options-cd2932a9.js');
|
|
7
7
|
require('./_commonjsHelpers-537d719a.js');
|
|
8
8
|
|
|
9
9
|
const tttxListCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded{font-family:\"Material Symbols Rounded\", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}:host{display:flex;flex-direction:column}.list{margin:0;padding:0}.item{list-style:none;margin:0;padding:8px;border-bottom:1px solid #d5d5d5;min-height:36px;display:flex;align-items:center}.item:first-of-type{border-top:1px solid #d5d5d5}.item.clickable:hover{cursor:pointer}.item.clickable:active{background-color:#e6e6e6}.align-right{margin-left:auto}.item-content{display:flex;align-items:center}";
|
|
@@ -10,6 +10,7 @@ const TttxSorter = class {
|
|
|
10
10
|
constructor(hostRef) {
|
|
11
11
|
index.registerInstance(this, hostRef);
|
|
12
12
|
this.sorterChangeEvent = index.createEvent(this, "sorterChangeEvent", 7);
|
|
13
|
+
this.toggleSorter = index.createEvent(this, "toggleSorter", 7);
|
|
13
14
|
this.sorterKey = undefined;
|
|
14
15
|
this.defaultSortDirection = 'descending';
|
|
15
16
|
this.fieldOptionsData = null;
|
|
@@ -41,12 +42,14 @@ const TttxSorter = class {
|
|
|
41
42
|
}
|
|
42
43
|
onDropdownClicked() {
|
|
43
44
|
this.dropdownExpand = !this.dropdownExpand;
|
|
45
|
+
this.toggleSorter.emit(this.dropdownExpand);
|
|
44
46
|
}
|
|
45
47
|
onDropdownSelected(event) {
|
|
46
48
|
this.dropdownExpand = false;
|
|
47
49
|
const target = event.target;
|
|
48
50
|
this.selectedField = target.innerHTML;
|
|
49
51
|
this.emitSortEvent();
|
|
52
|
+
this.toggleSorter.emit(this.dropdownExpand);
|
|
50
53
|
}
|
|
51
54
|
// getOptionsList() {
|
|
52
55
|
// return this.el.shadowRoot.querySelectorAll('.dropdown-option');
|
|
@@ -36,24 +36,20 @@ h3 {
|
|
|
36
36
|
.dialog-box.small {
|
|
37
37
|
width: 400px;
|
|
38
38
|
min-height: 200px;
|
|
39
|
-
max-height: 500px;
|
|
40
39
|
}
|
|
41
40
|
|
|
42
41
|
.dialog-box.regular {
|
|
43
42
|
width: 600px;
|
|
44
43
|
min-height: 200px;
|
|
45
|
-
max-height: 500px;
|
|
46
44
|
}
|
|
47
45
|
|
|
48
46
|
.dialog-box.large {
|
|
49
47
|
width: 900px;
|
|
50
48
|
min-height: 200px;
|
|
51
|
-
max-height: 500px;
|
|
52
49
|
}
|
|
53
50
|
|
|
54
51
|
.dialog-box.mobile {
|
|
55
52
|
max-width: 424px;
|
|
56
|
-
max-height: 510px;
|
|
57
53
|
width: calc(100vw - 20px);
|
|
58
54
|
}
|
|
59
55
|
|
|
@@ -70,6 +70,7 @@ export class TttxFilter {
|
|
|
70
70
|
}
|
|
71
71
|
togglePopover() {
|
|
72
72
|
this.showPopover = !this.showPopover;
|
|
73
|
+
this.toggleFilter.emit(this.showPopover);
|
|
73
74
|
// if(!this.showPopover) {
|
|
74
75
|
// // this._focussedElementIndex = -1;
|
|
75
76
|
// }
|
|
@@ -385,6 +386,21 @@ export class TttxFilter {
|
|
|
385
386
|
}
|
|
386
387
|
}
|
|
387
388
|
}
|
|
389
|
+
}, {
|
|
390
|
+
"method": "toggleFilter",
|
|
391
|
+
"name": "toggleFilter",
|
|
392
|
+
"bubbles": true,
|
|
393
|
+
"cancelable": true,
|
|
394
|
+
"composed": true,
|
|
395
|
+
"docs": {
|
|
396
|
+
"tags": [],
|
|
397
|
+
"text": ""
|
|
398
|
+
},
|
|
399
|
+
"complexType": {
|
|
400
|
+
"original": "boolean",
|
|
401
|
+
"resolved": "boolean",
|
|
402
|
+
"references": {}
|
|
403
|
+
}
|
|
388
404
|
}];
|
|
389
405
|
}
|
|
390
406
|
static get elementRef() { return "el"; }
|
|
@@ -33,12 +33,14 @@ export class TttxSorter {
|
|
|
33
33
|
}
|
|
34
34
|
onDropdownClicked() {
|
|
35
35
|
this.dropdownExpand = !this.dropdownExpand;
|
|
36
|
+
this.toggleSorter.emit(this.dropdownExpand);
|
|
36
37
|
}
|
|
37
38
|
onDropdownSelected(event) {
|
|
38
39
|
this.dropdownExpand = false;
|
|
39
40
|
const target = event.target;
|
|
40
41
|
this.selectedField = target.innerHTML;
|
|
41
42
|
this.emitSortEvent();
|
|
43
|
+
this.toggleSorter.emit(this.dropdownExpand);
|
|
42
44
|
}
|
|
43
45
|
// getOptionsList() {
|
|
44
46
|
// return this.el.shadowRoot.querySelectorAll('.dropdown-option');
|
|
@@ -221,6 +223,21 @@ export class TttxSorter {
|
|
|
221
223
|
}
|
|
222
224
|
}
|
|
223
225
|
}
|
|
226
|
+
}, {
|
|
227
|
+
"method": "toggleSorter",
|
|
228
|
+
"name": "toggleSorter",
|
|
229
|
+
"bubbles": true,
|
|
230
|
+
"cancelable": true,
|
|
231
|
+
"composed": true,
|
|
232
|
+
"docs": {
|
|
233
|
+
"tags": [],
|
|
234
|
+
"text": ""
|
|
235
|
+
},
|
|
236
|
+
"complexType": {
|
|
237
|
+
"original": "boolean",
|
|
238
|
+
"resolved": "boolean",
|
|
239
|
+
"references": {}
|
|
240
|
+
}
|
|
224
241
|
}];
|
|
225
242
|
}
|
|
226
243
|
static get elementRef() { return "el"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers.js';
|
|
2
2
|
|
|
3
3
|
var purify = createCommonjsModule(function (module, exports) {
|
|
4
|
-
/*! @license DOMPurify 3.0.
|
|
4
|
+
/*! @license DOMPurify 3.0.4 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.4/LICENSE */
|
|
5
5
|
|
|
6
6
|
(function (global, factory) {
|
|
7
7
|
module.exports = factory() ;
|
|
@@ -259,7 +259,7 @@ var purify = createCommonjsModule(function (module, exports) {
|
|
|
259
259
|
*/
|
|
260
260
|
|
|
261
261
|
|
|
262
|
-
DOMPurify.version = '3.0.
|
|
262
|
+
DOMPurify.version = '3.0.4';
|
|
263
263
|
/**
|
|
264
264
|
* Array of elements that DOMPurify removed during sanitation.
|
|
265
265
|
* Empty if nothing was removed.
|
|
@@ -1068,10 +1068,10 @@ var purify = createCommonjsModule(function (module, exports) {
|
|
|
1068
1068
|
|
|
1069
1069
|
return true;
|
|
1070
1070
|
}
|
|
1071
|
-
/* Make sure that older browsers don't get
|
|
1071
|
+
/* Make sure that older browsers don't get fallback-tag mXSS */
|
|
1072
1072
|
|
|
1073
1073
|
|
|
1074
|
-
if ((tagName === 'noscript' || tagName === 'noembed') && regExpTest(/<\/no(script|embed)/i, currentNode.innerHTML)) {
|
|
1074
|
+
if ((tagName === 'noscript' || tagName === 'noembed' || tagName === 'noframes') && regExpTest(/<\/no(script|embed|frames)/i, currentNode.innerHTML)) {
|
|
1075
1075
|
_forceRemove(currentNode);
|
|
1076
1076
|
|
|
1077
1077
|
return true;
|
|
@@ -1489,7 +1489,7 @@ var purify = createCommonjsModule(function (module, exports) {
|
|
|
1489
1489
|
returnNode = body;
|
|
1490
1490
|
}
|
|
1491
1491
|
|
|
1492
|
-
if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.
|
|
1492
|
+
if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmode) {
|
|
1493
1493
|
/*
|
|
1494
1494
|
AdoptNode() is not used because internal state is not reset
|
|
1495
1495
|
(e.g. the past names map of a HTMLFormElement), this is safe
|
|
@@ -3,7 +3,7 @@ import { p as purify, d as domSanitiserOptions } from './domsanitiser.options.js
|
|
|
3
3
|
import { d as defineCustomElement$3 } from './tttx-button2.js';
|
|
4
4
|
import { d as defineCustomElement$2 } from './tttx-icon2.js';
|
|
5
5
|
|
|
6
|
-
const tttxDialogBoxCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded{font-family:\"Material Symbols Rounded\", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}h3{margin-block-start:0em;margin-block-end:0em}.dialog-box{background-color:#ffffff;display:flex;flex-direction:column;border:1px solid #d5d5d5;border-radius:4px;box-shadow:0px 1px 5px #1111114d}.dialog-box.small{width:400px;min-height:200px
|
|
6
|
+
const tttxDialogBoxCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded{font-family:\"Material Symbols Rounded\", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}h3{margin-block-start:0em;margin-block-end:0em}.dialog-box{background-color:#ffffff;display:flex;flex-direction:column;border:1px solid #d5d5d5;border-radius:4px;box-shadow:0px 1px 5px #1111114d}.dialog-box.small{width:400px;min-height:200px}.dialog-box.regular{width:600px;min-height:200px}.dialog-box.large{width:900px;min-height:200px}.dialog-box.mobile{max-width:424px;width:calc(100vw - 20px)}.dialog-box-clickable{cursor:pointer}.dialog-box-padding{padding:8px 16px}.dialog-box-align-right{margin-left:auto;display:flex}.dialog-box-header-box{border-bottom:1px solid #d5d5d5;display:flex;flex-direction:row;height:36px}.dialog-box-header{display:flex;align-items:center;width:100%}.dialog-box-title{font-size:18;font-weight:500;font-family:\"Roboto\", serif}.dialog-box-icon{padding-right:8px;width:24px;height:24px}.dialog-box-icon-close{margin-left:auto;padding-top:3px;width:24px;height:24px}.dialog-box-content{font-size:16;font-weight:400;font-family:\"Roboto\", serif}.dialog-box-body{overflow:hidden;text-overflow:ellipsis}.dialog-box-body-box{padding:16px}.dialog-box-footer-box{display:flex;flex-direction:row;margin-top:auto;border-top:1px solid #d5d5d5;height:36px}.dialog-box-footer{display:flex;align-items:center;width:100%}.dialog-box-spacing-button{margin-right:8px}.dialog-box-header-box.info{border-bottom:1px solid #1479c6}.dialog-box-header-box.success{border-bottom:1px solid #a2bb31}.dialog-box-header-box.warning{border-bottom:1px solid #f59500}.dialog-box-header-box.critical{border-bottom:1px solid #dc0000}";
|
|
7
7
|
|
|
8
8
|
const TttxDialogBox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
9
9
|
constructor() {
|
|
@@ -9,6 +9,7 @@ const TttxFilter$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
9
9
|
this.__registerHost();
|
|
10
10
|
this.__attachShadow();
|
|
11
11
|
this.filterChangeEvent = createEvent(this, "filterChangeEvent", 7);
|
|
12
|
+
this.toggleFilter = createEvent(this, "toggleFilter", 7);
|
|
12
13
|
this.filterKey = undefined;
|
|
13
14
|
this.filterOptions = [
|
|
14
15
|
{ optionIcon: 'cancel', optionIconColor: 'darkred', optionText: 'Expired' },
|
|
@@ -77,6 +78,7 @@ const TttxFilter$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
77
78
|
}
|
|
78
79
|
togglePopover() {
|
|
79
80
|
this.showPopover = !this.showPopover;
|
|
81
|
+
this.toggleFilter.emit(this.showPopover);
|
|
80
82
|
// if(!this.showPopover) {
|
|
81
83
|
// // this._focussedElementIndex = -1;
|
|
82
84
|
// }
|
|
@@ -9,6 +9,7 @@ const TttxSorter$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
9
9
|
this.__registerHost();
|
|
10
10
|
this.__attachShadow();
|
|
11
11
|
this.sorterChangeEvent = createEvent(this, "sorterChangeEvent", 7);
|
|
12
|
+
this.toggleSorter = createEvent(this, "toggleSorter", 7);
|
|
12
13
|
this.sorterKey = undefined;
|
|
13
14
|
this.defaultSortDirection = 'descending';
|
|
14
15
|
this.fieldOptionsData = null;
|
|
@@ -40,12 +41,14 @@ const TttxSorter$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
40
41
|
}
|
|
41
42
|
onDropdownClicked() {
|
|
42
43
|
this.dropdownExpand = !this.dropdownExpand;
|
|
44
|
+
this.toggleSorter.emit(this.dropdownExpand);
|
|
43
45
|
}
|
|
44
46
|
onDropdownSelected(event) {
|
|
45
47
|
this.dropdownExpand = false;
|
|
46
48
|
const target = event.target;
|
|
47
49
|
this.selectedField = target.innerHTML;
|
|
48
50
|
this.emitSortEvent();
|
|
51
|
+
this.toggleSorter.emit(this.dropdownExpand);
|
|
49
52
|
}
|
|
50
53
|
// getOptionsList() {
|
|
51
54
|
// return this.el.shadowRoot.querySelectorAll('.dropdown-option');
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-9943807e.js';
|
|
2
2
|
|
|
3
3
|
var purify = createCommonjsModule(function (module, exports) {
|
|
4
|
-
/*! @license DOMPurify 3.0.
|
|
4
|
+
/*! @license DOMPurify 3.0.4 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.4/LICENSE */
|
|
5
5
|
|
|
6
6
|
(function (global, factory) {
|
|
7
7
|
module.exports = factory() ;
|
|
@@ -259,7 +259,7 @@ var purify = createCommonjsModule(function (module, exports) {
|
|
|
259
259
|
*/
|
|
260
260
|
|
|
261
261
|
|
|
262
|
-
DOMPurify.version = '3.0.
|
|
262
|
+
DOMPurify.version = '3.0.4';
|
|
263
263
|
/**
|
|
264
264
|
* Array of elements that DOMPurify removed during sanitation.
|
|
265
265
|
* Empty if nothing was removed.
|
|
@@ -1068,10 +1068,10 @@ var purify = createCommonjsModule(function (module, exports) {
|
|
|
1068
1068
|
|
|
1069
1069
|
return true;
|
|
1070
1070
|
}
|
|
1071
|
-
/* Make sure that older browsers don't get
|
|
1071
|
+
/* Make sure that older browsers don't get fallback-tag mXSS */
|
|
1072
1072
|
|
|
1073
1073
|
|
|
1074
|
-
if ((tagName === 'noscript' || tagName === 'noembed') && regExpTest(/<\/no(script|embed)/i, currentNode.innerHTML)) {
|
|
1074
|
+
if ((tagName === 'noscript' || tagName === 'noembed' || tagName === 'noframes') && regExpTest(/<\/no(script|embed|frames)/i, currentNode.innerHTML)) {
|
|
1075
1075
|
_forceRemove(currentNode);
|
|
1076
1076
|
|
|
1077
1077
|
return true;
|
|
@@ -1489,7 +1489,7 @@ var purify = createCommonjsModule(function (module, exports) {
|
|
|
1489
1489
|
returnNode = body;
|
|
1490
1490
|
}
|
|
1491
1491
|
|
|
1492
|
-
if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.
|
|
1492
|
+
if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmode) {
|
|
1493
1493
|
/*
|
|
1494
1494
|
AdoptNode() is not used because internal state is not reset
|
|
1495
1495
|
(e.g. the past names map of a HTMLFormElement), this is safe
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h } from './index-1c711ead.js';
|
|
2
|
-
import { p as purify, d as domSanitiserOptions } from './domsanitiser.options-
|
|
2
|
+
import { p as purify, d as domSanitiserOptions } from './domsanitiser.options-563c1cf3.js';
|
|
3
3
|
import './_commonjsHelpers-9943807e.js';
|
|
4
4
|
|
|
5
|
-
const tttxDialogBoxCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded{font-family:\"Material Symbols Rounded\", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}h3{margin-block-start:0em;margin-block-end:0em}.dialog-box{background-color:#ffffff;display:flex;flex-direction:column;border:1px solid #d5d5d5;border-radius:4px;box-shadow:0px 1px 5px #1111114d}.dialog-box.small{width:400px;min-height:200px
|
|
5
|
+
const tttxDialogBoxCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded{font-family:\"Material Symbols Rounded\", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}h3{margin-block-start:0em;margin-block-end:0em}.dialog-box{background-color:#ffffff;display:flex;flex-direction:column;border:1px solid #d5d5d5;border-radius:4px;box-shadow:0px 1px 5px #1111114d}.dialog-box.small{width:400px;min-height:200px}.dialog-box.regular{width:600px;min-height:200px}.dialog-box.large{width:900px;min-height:200px}.dialog-box.mobile{max-width:424px;width:calc(100vw - 20px)}.dialog-box-clickable{cursor:pointer}.dialog-box-padding{padding:8px 16px}.dialog-box-align-right{margin-left:auto;display:flex}.dialog-box-header-box{border-bottom:1px solid #d5d5d5;display:flex;flex-direction:row;height:36px}.dialog-box-header{display:flex;align-items:center;width:100%}.dialog-box-title{font-size:18;font-weight:500;font-family:\"Roboto\", serif}.dialog-box-icon{padding-right:8px;width:24px;height:24px}.dialog-box-icon-close{margin-left:auto;padding-top:3px;width:24px;height:24px}.dialog-box-content{font-size:16;font-weight:400;font-family:\"Roboto\", serif}.dialog-box-body{overflow:hidden;text-overflow:ellipsis}.dialog-box-body-box{padding:16px}.dialog-box-footer-box{display:flex;flex-direction:row;margin-top:auto;border-top:1px solid #d5d5d5;height:36px}.dialog-box-footer{display:flex;align-items:center;width:100%}.dialog-box-spacing-button{margin-right:8px}.dialog-box-header-box.info{border-bottom:1px solid #1479c6}.dialog-box-header-box.success{border-bottom:1px solid #a2bb31}.dialog-box-header-box.warning{border-bottom:1px solid #f59500}.dialog-box-header-box.critical{border-bottom:1px solid #dc0000}";
|
|
6
6
|
|
|
7
7
|
const TttxDialogBox = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -6,6 +6,7 @@ const TttxFilter = class {
|
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
8
|
this.filterChangeEvent = createEvent(this, "filterChangeEvent", 7);
|
|
9
|
+
this.toggleFilter = createEvent(this, "toggleFilter", 7);
|
|
9
10
|
this.filterKey = undefined;
|
|
10
11
|
this.filterOptions = [
|
|
11
12
|
{ optionIcon: 'cancel', optionIconColor: 'darkred', optionText: 'Expired' },
|
|
@@ -74,6 +75,7 @@ const TttxFilter = class {
|
|
|
74
75
|
}
|
|
75
76
|
togglePopover() {
|
|
76
77
|
this.showPopover = !this.showPopover;
|
|
78
|
+
this.toggleFilter.emit(this.showPopover);
|
|
77
79
|
// if(!this.showPopover) {
|
|
78
80
|
// // this._focussedElementIndex = -1;
|
|
79
81
|
// }
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host } from './index-1c711ead.js';
|
|
2
|
-
import { p as purify, d as domSanitiserOptions } from './domsanitiser.options-
|
|
2
|
+
import { p as purify, d as domSanitiserOptions } from './domsanitiser.options-563c1cf3.js';
|
|
3
3
|
import './_commonjsHelpers-9943807e.js';
|
|
4
4
|
|
|
5
5
|
/**
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h } from './index-1c711ead.js';
|
|
2
|
-
import { p as purify, d as domSanitiserOptions } from './domsanitiser.options-
|
|
2
|
+
import { p as purify, d as domSanitiserOptions } from './domsanitiser.options-563c1cf3.js';
|
|
3
3
|
import './_commonjsHelpers-9943807e.js';
|
|
4
4
|
|
|
5
5
|
const tttxListCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded{font-family:\"Material Symbols Rounded\", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}:host{display:flex;flex-direction:column}.list{margin:0;padding:0}.item{list-style:none;margin:0;padding:8px;border-bottom:1px solid #d5d5d5;min-height:36px;display:flex;align-items:center}.item:first-of-type{border-top:1px solid #d5d5d5}.item.clickable:hover{cursor:pointer}.item.clickable:active{background-color:#e6e6e6}.align-right{margin-left:auto}.item-content{display:flex;align-items:center}";
|
|
@@ -6,6 +6,7 @@ const TttxSorter = class {
|
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
8
|
this.sorterChangeEvent = createEvent(this, "sorterChangeEvent", 7);
|
|
9
|
+
this.toggleSorter = createEvent(this, "toggleSorter", 7);
|
|
9
10
|
this.sorterKey = undefined;
|
|
10
11
|
this.defaultSortDirection = 'descending';
|
|
11
12
|
this.fieldOptionsData = null;
|
|
@@ -37,12 +38,14 @@ const TttxSorter = class {
|
|
|
37
38
|
}
|
|
38
39
|
onDropdownClicked() {
|
|
39
40
|
this.dropdownExpand = !this.dropdownExpand;
|
|
41
|
+
this.toggleSorter.emit(this.dropdownExpand);
|
|
40
42
|
}
|
|
41
43
|
onDropdownSelected(event) {
|
|
42
44
|
this.dropdownExpand = false;
|
|
43
45
|
const target = event.target;
|
|
44
46
|
this.selectedField = target.innerHTML;
|
|
45
47
|
this.emitSortEvent();
|
|
48
|
+
this.toggleSorter.emit(this.dropdownExpand);
|
|
46
49
|
}
|
|
47
50
|
// getOptionsList() {
|
|
48
51
|
// return this.el.shadowRoot.querySelectorAll('.dropdown-option');
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as t,h as r,H as e,g as i}from"./p-c544551b.js";const n=class{constructor(r){o(this,r),this.sorterChangeEvent=t(this,"sorterChangeEvent",7),this.toggleSorter=t(this,"toggleSorter",7),this.sorterKey=void 0,this.defaultSortDirection="descending",this.fieldOptionsData=null,this.defaultOption="",this.selectedField=this.defaultOption,this.sortDirection=this.defaultSortDirection,this.dropdownExpand=!1,this.dropdownOptions=void 0}handleCloseSorter(){this.dropdownExpand=!1}emitSortEvent(){this.sorterChangeEvent.emit({sorterDirection:this.sortDirection,sorterKey:this.sorterKey,sortField:this.selectedField})}onSortToggleClick(o){o.preventDefault(),this.sortDirection="ascending"==this.sortDirection?"descending":"ascending",this.emitSortEvent()}onDropdownClicked(){this.dropdownExpand=!this.dropdownExpand,this.toggleSorter.emit(this.dropdownExpand)}onDropdownSelected(o){this.dropdownExpand=!1,this.selectedField=o.target.innerHTML,this.emitSortEvent(),this.toggleSorter.emit(this.dropdownExpand)}render(){const o="string"==typeof this.fieldOptionsData?JSON.parse(this.fieldOptionsData):this.fieldOptionsData;if(!this.fieldOptionsData)return;const t="ascending"==this.sortDirection?"arrow_upward":"arrow_downward",i=this.dropdownExpand?"expand_less":"expand_more",n=this.selectedField;return r(e,{id:`sorter__${this.sorterKey}`},r("div",{tabindex:0,class:"sorter-container "+(this.dropdownExpand?"--expanded":"")},r("button",{class:"arrow-toggle-button",type:"button",onClick:this.onSortToggleClick.bind(this)},r("tttx-icon",{icon:t,color:"black"})),r("div",{class:"dropdown-selector",onClick:this.onDropdownClicked.bind(this)},r("div",{class:"dropdown-selector-button"},r("div",{class:"dropdown-selector-text"},n),r("div",{class:"dropdown-selector-chevron"},r("tttx-icon",{icon:i,color:"black"})))),this.dropdownExpand&&r("div",{class:"dropdown-options-list"},o.sorterOptions.map((o=>r("div",{class:"dropdown-option",tabIndex:-1,onClick:this.onDropdownSelected.bind(this),key:o.optionLabel},o.optionLabel))))))}get el(){return i(this)}};n.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.sorter-container{display:flex;flex-direction:row;position:relative;border:1px solid #d5d5d5;border-radius:4px;font-weight:400;box-sizing:border-box;height:36px;cursor:pointer;width:220px}@media (max-width: 475px){.sorter-container{width:68px}}.sorter-container .arrow-toggle-button{display:inline-flex;justify-content:center;align-items:center;flex-direction:column;background-color:white;border:none;border-bottom-left-radius:4px;border-top-left-radius:4px}@media (max-width: 475px){.sorter-container .arrow-toggle-button{padding-right:0px;padding-left:8px}}.sorter-container .arrow-toggle-button .hydrated{display:flex;justify-content:center;align-items:center;cursor:pointer}.sorter-container .arrow-toggle-button span{display:block;margin:auto;line-height:16px}.sorter-container .arrow-toggle-button .material-symbols-rounded{color:#212121}.sorter-container .dropdown-selector{display:inline-flex;position:relative;flex-grow:1}.sorter-container .dropdown-selector .dropdown-selector-button{display:inline-flex;flex-direction:row;gap:4px;padding-right:4px;align-items:center;color:#212121;width:100%}@media (max-width: 475px){.sorter-container .dropdown-selector .dropdown-selector-button .dropdown-selector-text{display:none}}.sorter-container .dropdown-selector .dropdown-selector-chevron{display:inline-flex;margin-left:auto;right:0;top:0;flex-direction:row;align-items:center;height:36px}.sorter-container .dropdown-selector .dropdown-selector-chevron .hydrated{height:24px;cursor:pointer}@media (max-width: 475px){.sorter-container .dropdown-selector .dropdown-selector-chevron{padding-right:2px}}.sorter-container .dropdown-options-list{position:absolute;top:36px;left:0;z-index:1;width:220px;line-height:21px;font-size:16px;border-radius:4px;padding-top:8px;padding-bottom:7px;box-shadow:0px 1px 5px #1111114D;box-sizing:border-box;background-color:white}@media (max-width: 475px){.sorter-container .dropdown-options-list{width:220px;padding-top:8px}}.sorter-container .dropdown-options-list .dropdown-option{padding:8px 16px;font-size:16px;line-height:21px}.sorter-container .dropdown-options-list .dropdown-option:hover,.sorter-container .dropdown-options-list .dropdown-option:focus{background-color:#ebfbfc}.sorter-container.--expanded{border-color:#1579c6}@media (max-width: 475px){.sorter-container.--expanded{border:none}}';export{n as tttx_sorter}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as i,h as t,H as o}from"./p-c544551b.js";import{p as n,d as r}from"./p-b0a37c98.js";import"./p-112455b1.js";function a(e,i,t){const o=e.parentElement.querySelector(".errorBubble");if(i){e.classList.add("invalid"),o.classList.add("visible");const i=document.createElement("span");i.className="material-symbols-rounded",i.textContent="warning",o.innerHTML="",o.append(i),o.append(t)}else o.classList.remove("visible"),e.classList.remove("invalid"),o.innerHTML=""}const l=class{constructor(t){e(this,t),this.dataSubmitted=i(this,"dataSubmitted",7),this.dataChanged=i(this,"dataChanged",7),this.template=document.createElement("template"),this.formschema=void 0,this.data=void 0}onFormSchemaChange(e){if(!this.data&&this.form&&this._formSchema){const e=new FormData(this.form);this._data=Object.fromEntries(Object.keys(this._formSchema.properties).map((i=>[i,e.get(i)])))}this._formSchema="string"==typeof e?JSON.parse(e):e}onDataChange(e){this._data="string"==typeof e?JSON.parse(e):e}fieldChanged(e){this.dataChanged.emit({name:e.target.name,value:e.target.value})}async submit(){this.submitButton.click()}doSubmit(e){e.preventDefault();const i=new FormData(e.target);this.dataSubmitted.emit(i)}componentWillLoad(){this.onFormSchemaChange(this.formschema),this.data&&this.onDataChange(this.data)}componentWillRender(){this.template=document.createElement("template"),this.populateFormFromSchema()}createSelect(e,i){const t=document.createElement("select");return t.setAttribute("name",e),i.options.forEach((e=>{this.appendOption(t,e)})),this._data&&this._data[e]&&t.classList.remove("placeholder"),t}appendOption(e,i){const t=document.createElement("option");t.setAttribute("value",i.value),i.placeholder&&(t.setAttribute("disabled",""),t.setAttribute("selected",""),t.setAttribute("hidden",""),e.classList.add("placeholder")),i.label&&(t.innerHTML=n.sanitize(i.label,r)),e.appendChild(t)}createInput(e,i){var t;const o=document.createElement("input");return o.name=e,o.type=i.type,o.placeholder=null!==(t=i.placeholder)&&void 0!==t?t:"",o.autocomplete="off",o.autocapitalize="off",i.readonly&&(o.readOnly=!0),o}applyValidation(e,i){var t,o;i.required&&(e.setAttribute("required",""),e.setAttribute("data-required",null!==(t=i.required.message)&&void 0!==t?t:"")),i.pattern&&(e.setAttribute("pattern",i.pattern.pattern),e.setAttribute("data-pattern",null!==(o=i.pattern.message)&&void 0!==o?o:"")),i.badInput&&e.setAttribute("data-badinput",i.badInput.message),i.minmax&&(e.setAttribute("min",i.minmax.min),e.setAttribute("max",i.minmax.max),e.setAttribute("data-range",i.minmax.message)),i.maxlength&&e.setAttribute("maxlength",i.maxlength)}createErrorBubble(){const e=document.createElement("div");return e.className="errorBubble",e}appendCheckboxInput(e,i,t){if(e.label){const e=document.createElement("br");t.appendChild(e)}if(t.appendChild(i),!e.inlineLabel)return;const o=document.createElement("span");o.className="inlineLabel",o.textContent=e.inlineLabel,t.appendChild(o)}createLabel(e,i,t){const o=document.createElement("label");if(o.className="inputBlock",o.innerText=e.label,!e.validation){const e=document.createElement("span");e.className="optional",e.innerHTML=" (optional)",o.appendChild(e)}return e.readonly&&o.classList.add("readonly"),"checkbox"===e.type?(o.className+=" inlineBlock",this.appendCheckboxInput(e,i,o)):o.appendChild(i),o.appendChild(t),o}populateFormFromSchema(){if(!this._formSchema)return;const e=this._formSchema.properties;Object.keys(e).forEach((i=>{const t=e[i].form,o="select"===t.type?this.createSelect(i,t):this.createInput(i,t);t.validation&&this.applyValidation(o,t.validation);const n=this.createErrorBubble(),r=this.createLabel(t,o,n);this.template.content.append(r)}))}componentDidRender(){if(!this._formSchema)return;const e=this.template.content.cloneNode(!0),i=this._formSchema.properties;Object.keys(i).forEach((t=>{var o;const n=e.querySelector(`[name=${t}]`);if(n.oninvalid=this.validityCheckWrapper.bind(this),n.onblur=this.validityCheckWrapper.bind(this),n.onkeyup=this.fieldChanged.bind(this),n.onchange=this.fieldChanged.bind(this),this._data&&null!=this._data[t]&&(n.value=this._data[t]),null===(o=i[t].form.validation)||void 0===o?void 0:o.invalid){const e=i[t].form.validation.invalid.message;n.setCustomValidity(e),a(n,!0,e)}"select"===i[t].form.type&&n.classList.contains("placeholder")&&n.addEventListener("change",(()=>{n.classList.remove("placeholder")}))})),this.fieldset.replaceChildren(e)}validityCheckWrapper(e){const{target:i,hasError:t,errorMessage:o}=function(e){var i,t,o,n;e.preventDefault();const r=e.target;let a=!0,l="";switch(!0){case r.validity.valueMissing:l=null!==(i=r.dataset.required)&&void 0!==i?i:"This field is required";break;case r.validity.patternMismatch:l=null!==(t=r.dataset.pattern)&&void 0!==t?t:"Incorrect format";break;case r.validity.badInput:l=null!==(o=r.dataset.badinput)&&void 0!==o?o:"Wrong input type";break;case r.validity.rangeOverflow||r.validity.rangeUnderflow:l=null!==(n=r.dataset.range)&&void 0!==n?n:"Invalid value";break;case r.validity.customError:l=r.validationMessage;break;default:a=!1}return{target:r,hasError:a,errorMessage:l}}(e);a(i,t,o)}render(){return t(o,null,t("form",{ref:e=>this.form=e,onSubmit:this.doSubmit.bind(this)},t("fieldset",{ref:e=>this.fieldset=e}),t("input",{type:"submit",ref:e=>this.submitButton=e,style:{display:"none"}})))}static get watchers(){return{formschema:["onFormSchemaChange"],data:["onDataChange"]}}};l.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{font-family:"Material Symbols Rounded", sans-serif;font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}.icon-left,.icon-right{flex-basis:24px}.icon-left span,.icon-right span{font-size:24px;line-height:24px;text-align:center;display:block;width:24px;height:24px;margin-top:4px}.icon-left span{margin-left:4px}.icon-right span{margin-right:4px}.icon-right{margin-top:5px}.icon-left{margin-top:5px;margin-left:4px}.iconleft .input{padding-left:4px}.iconright .input{padding-right:4px}.input-icon{position:absolute;margin-top:9px;margin-left:4px}.errormsg{display:flex;justify-content:center;align-items:center;float:left;margin-bottom:16px;box-sizing:border-box;background-color:transparent;height:26px;font-size:14px;line-height:16px;border-radius:none;z-index:2;color:#dc0000}.errormsg .validationicon{width:16px;height:16px;font-size:16px;line-height:19px;margin-right:4px;vertical-align:middle;color:#dc0000}.danger{color:#dc0000}.optional{color:#757575;font-weight:normal}label.inputBlock{display:block;position:relative;line-height:21px}label.inputInline{display:flex;white-space:nowrap;align-items:center}label.inputInline .input-container{margin:0 4px;width:100%;display:flex;align-items:center;gap:4px;position:relative}label{font-weight:500;font-size:16px;line-height:19px;margin-bottom:16px}input:not([type=submit]){font-family:"Roboto", serif;box-sizing:border-box;width:100%;height:36px;padding:0 16px;font-size:16px;line-height:19px;border:1px solid #d5d5d5;border-radius:4px;margin-top:4px}input[type=date]{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}@media (max-width: 600px){input[type=date]{padding-top:6px}}input.invalid:invalid,input.standalone.invalid{border:1px solid #dc0000}.input-icon~input{padding:0 32px}input~.errorBubble{position:relative;font-size:14px;line-height:16px;font-weight:normal;width:100%;font-family:"Roboto", sans-serif;color:#dc0000;display:flex;align-content:center;align-items:center;justify-items:center;margin-top:4px}input~.errorBubble:not(.visible){display:none}input~.errorBubble span{color:#dc0000;font-size:16px;margin-right:4px}input.invalid:invalid~.errorBubble{position:relative;font-size:14px;font-weight:normal;width:100%;font-family:"Roboto", sans-serif;color:#dc0000}input:focus{border-color:#1479c6}input:focus-visible{outline:none}.secondarylabel{color:#757575;font-size:14px;line-height:16px;font-weight:normal;display:flex;margin-top:4px}label.inputBlock.readonly{pointer-events:none;user-select:none;color:gray}input[readonly]{cursor:default;pointer-events:none;user-select:none;color:gray}button{cursor:pointer}.button{font-family:Roboto, serif;box-sizing:border-box;height:36px;min-width:36px;padding:0;margin:0;background:transparent;color:#212121;border:1px solid #c8c8c8;border-radius:4px;text-transform:uppercase;display:flex;justify-content:left;align-items:center;font-size:14px;font-weight:400}.button-content{display:block;padding:0 16px}.icon-left,.icon-right{margin-top:4px}.iconleft{padding-left:8px}.iconleft .button-content{padding-left:4px}.iconright{padding-right:8px}.iconright .button-content{padding-right:4px}.notext{padding:0 6px}.button:hover{background:rgba(17, 17, 17, 0.1);border:1px solid #D5D5D5}.button:active{background:rgba(17, 17, 17, 0.2);border:1px solid #D5D5D5}.primary{background:#1479c6;border:1px solid #1479c6;color:white}.primary:hover{background:#146EB3;border:1px solid #146EB3}.primary:active{background:#1464A2;border:1px solid #1464A2}.borderless{background:transparent;border:none;color:#212121}.borderless:hover{background:rgba(17, 17, 17, 0.1);border:none}.borderless:active{background:rgba(17, 17, 17, 0.2);border:none}.danger{background:#DC0000;border:1px solid #DC0000;color:white}.danger:hover{background:#C60000;border:1px solid #C60000}.danger:active{background:#B00000;border:1px solid #B00000}.disabled{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:hover{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:active{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}:host{display:block}fieldset{margin:0;padding:0;border:none}label.inputBlock.inlineBlock{display:inline-block}.inlineLabel{font-weight:400;display:inline-block;vertical-align:top;padding-top:4px}input[type=checkbox]{width:18px;height:18px}input~label{font-weight:400}select{font-family:"Roboto", serif;box-sizing:border-box;width:100%;height:36px;padding:0 16px;font-size:16px;border:1px solid #d5d5d5;border-radius:4px;margin-top:4px}.placeholder{color:#9e9e9e}.placeholder option{color:initial}select.invalid:invalid{border:1px solid #dc0000}select~.errorBubble{position:relative;font-size:14px;font-weight:normal;width:100%;font-family:"Roboto", sans-serif;color:#dc0000;display:flex;align-content:center;align-items:center;justify-items:center}select~.errorBubble:not(.visible){visibility:hidden}select~.errorBubble span{color:#dc0000;font-size:16px;margin-right:4px;height:16px}select.invalid:invalid~.errorBubble{position:relative;font-size:14px;font-weight:normal;width:100%;font-family:"Roboto", sans-serif;color:#dc0000;visibility:visible}select:focus{border-color:#1479c6}select:focus-visible{outline:none}.button{padding:0 16px}.footer{display:flex;gap:16px;flex-direction:row-reverse}';export{l as tttx_form}
|
|
1
|
+
import{r as e,c as i,h as t,H as o}from"./p-c544551b.js";import{p as n,d as r}from"./p-d3835fde.js";import"./p-112455b1.js";function a(e,i,t){const o=e.parentElement.querySelector(".errorBubble");if(i){e.classList.add("invalid"),o.classList.add("visible");const i=document.createElement("span");i.className="material-symbols-rounded",i.textContent="warning",o.innerHTML="",o.append(i),o.append(t)}else o.classList.remove("visible"),e.classList.remove("invalid"),o.innerHTML=""}const l=class{constructor(t){e(this,t),this.dataSubmitted=i(this,"dataSubmitted",7),this.dataChanged=i(this,"dataChanged",7),this.template=document.createElement("template"),this.formschema=void 0,this.data=void 0}onFormSchemaChange(e){if(!this.data&&this.form&&this._formSchema){const e=new FormData(this.form);this._data=Object.fromEntries(Object.keys(this._formSchema.properties).map((i=>[i,e.get(i)])))}this._formSchema="string"==typeof e?JSON.parse(e):e}onDataChange(e){this._data="string"==typeof e?JSON.parse(e):e}fieldChanged(e){this.dataChanged.emit({name:e.target.name,value:e.target.value})}async submit(){this.submitButton.click()}doSubmit(e){e.preventDefault();const i=new FormData(e.target);this.dataSubmitted.emit(i)}componentWillLoad(){this.onFormSchemaChange(this.formschema),this.data&&this.onDataChange(this.data)}componentWillRender(){this.template=document.createElement("template"),this.populateFormFromSchema()}createSelect(e,i){const t=document.createElement("select");return t.setAttribute("name",e),i.options.forEach((e=>{this.appendOption(t,e)})),this._data&&this._data[e]&&t.classList.remove("placeholder"),t}appendOption(e,i){const t=document.createElement("option");t.setAttribute("value",i.value),i.placeholder&&(t.setAttribute("disabled",""),t.setAttribute("selected",""),t.setAttribute("hidden",""),e.classList.add("placeholder")),i.label&&(t.innerHTML=n.sanitize(i.label,r)),e.appendChild(t)}createInput(e,i){var t;const o=document.createElement("input");return o.name=e,o.type=i.type,o.placeholder=null!==(t=i.placeholder)&&void 0!==t?t:"",o.autocomplete="off",o.autocapitalize="off",i.readonly&&(o.readOnly=!0),o}applyValidation(e,i){var t,o;i.required&&(e.setAttribute("required",""),e.setAttribute("data-required",null!==(t=i.required.message)&&void 0!==t?t:"")),i.pattern&&(e.setAttribute("pattern",i.pattern.pattern),e.setAttribute("data-pattern",null!==(o=i.pattern.message)&&void 0!==o?o:"")),i.badInput&&e.setAttribute("data-badinput",i.badInput.message),i.minmax&&(e.setAttribute("min",i.minmax.min),e.setAttribute("max",i.minmax.max),e.setAttribute("data-range",i.minmax.message)),i.maxlength&&e.setAttribute("maxlength",i.maxlength)}createErrorBubble(){const e=document.createElement("div");return e.className="errorBubble",e}appendCheckboxInput(e,i,t){if(e.label){const e=document.createElement("br");t.appendChild(e)}if(t.appendChild(i),!e.inlineLabel)return;const o=document.createElement("span");o.className="inlineLabel",o.textContent=e.inlineLabel,t.appendChild(o)}createLabel(e,i,t){const o=document.createElement("label");if(o.className="inputBlock",o.innerText=e.label,!e.validation){const e=document.createElement("span");e.className="optional",e.innerHTML=" (optional)",o.appendChild(e)}return e.readonly&&o.classList.add("readonly"),"checkbox"===e.type?(o.className+=" inlineBlock",this.appendCheckboxInput(e,i,o)):o.appendChild(i),o.appendChild(t),o}populateFormFromSchema(){if(!this._formSchema)return;const e=this._formSchema.properties;Object.keys(e).forEach((i=>{const t=e[i].form,o="select"===t.type?this.createSelect(i,t):this.createInput(i,t);t.validation&&this.applyValidation(o,t.validation);const n=this.createErrorBubble(),r=this.createLabel(t,o,n);this.template.content.append(r)}))}componentDidRender(){if(!this._formSchema)return;const e=this.template.content.cloneNode(!0),i=this._formSchema.properties;Object.keys(i).forEach((t=>{var o;const n=e.querySelector(`[name=${t}]`);if(n.oninvalid=this.validityCheckWrapper.bind(this),n.onblur=this.validityCheckWrapper.bind(this),n.onkeyup=this.fieldChanged.bind(this),n.onchange=this.fieldChanged.bind(this),this._data&&null!=this._data[t]&&(n.value=this._data[t]),null===(o=i[t].form.validation)||void 0===o?void 0:o.invalid){const e=i[t].form.validation.invalid.message;n.setCustomValidity(e),a(n,!0,e)}"select"===i[t].form.type&&n.classList.contains("placeholder")&&n.addEventListener("change",(()=>{n.classList.remove("placeholder")}))})),this.fieldset.replaceChildren(e)}validityCheckWrapper(e){const{target:i,hasError:t,errorMessage:o}=function(e){var i,t,o,n;e.preventDefault();const r=e.target;let a=!0,l="";switch(!0){case r.validity.valueMissing:l=null!==(i=r.dataset.required)&&void 0!==i?i:"This field is required";break;case r.validity.patternMismatch:l=null!==(t=r.dataset.pattern)&&void 0!==t?t:"Incorrect format";break;case r.validity.badInput:l=null!==(o=r.dataset.badinput)&&void 0!==o?o:"Wrong input type";break;case r.validity.rangeOverflow||r.validity.rangeUnderflow:l=null!==(n=r.dataset.range)&&void 0!==n?n:"Invalid value";break;case r.validity.customError:l=r.validationMessage;break;default:a=!1}return{target:r,hasError:a,errorMessage:l}}(e);a(i,t,o)}render(){return t(o,null,t("form",{ref:e=>this.form=e,onSubmit:this.doSubmit.bind(this)},t("fieldset",{ref:e=>this.fieldset=e}),t("input",{type:"submit",ref:e=>this.submitButton=e,style:{display:"none"}})))}static get watchers(){return{formschema:["onFormSchemaChange"],data:["onDataChange"]}}};l.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{font-family:"Material Symbols Rounded", sans-serif;font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}.icon-left,.icon-right{flex-basis:24px}.icon-left span,.icon-right span{font-size:24px;line-height:24px;text-align:center;display:block;width:24px;height:24px;margin-top:4px}.icon-left span{margin-left:4px}.icon-right span{margin-right:4px}.icon-right{margin-top:5px}.icon-left{margin-top:5px;margin-left:4px}.iconleft .input{padding-left:4px}.iconright .input{padding-right:4px}.input-icon{position:absolute;margin-top:9px;margin-left:4px}.errormsg{display:flex;justify-content:center;align-items:center;float:left;margin-bottom:16px;box-sizing:border-box;background-color:transparent;height:26px;font-size:14px;line-height:16px;border-radius:none;z-index:2;color:#dc0000}.errormsg .validationicon{width:16px;height:16px;font-size:16px;line-height:19px;margin-right:4px;vertical-align:middle;color:#dc0000}.danger{color:#dc0000}.optional{color:#757575;font-weight:normal}label.inputBlock{display:block;position:relative;line-height:21px}label.inputInline{display:flex;white-space:nowrap;align-items:center}label.inputInline .input-container{margin:0 4px;width:100%;display:flex;align-items:center;gap:4px;position:relative}label{font-weight:500;font-size:16px;line-height:19px;margin-bottom:16px}input:not([type=submit]){font-family:"Roboto", serif;box-sizing:border-box;width:100%;height:36px;padding:0 16px;font-size:16px;line-height:19px;border:1px solid #d5d5d5;border-radius:4px;margin-top:4px}input[type=date]{background:white;display:block;min-width:calc(100% - 18px);line-height:37px}@media (max-width: 600px){input[type=date]{padding-top:6px}}input.invalid:invalid,input.standalone.invalid{border:1px solid #dc0000}.input-icon~input{padding:0 32px}input~.errorBubble{position:relative;font-size:14px;line-height:16px;font-weight:normal;width:100%;font-family:"Roboto", sans-serif;color:#dc0000;display:flex;align-content:center;align-items:center;justify-items:center;margin-top:4px}input~.errorBubble:not(.visible){display:none}input~.errorBubble span{color:#dc0000;font-size:16px;margin-right:4px}input.invalid:invalid~.errorBubble{position:relative;font-size:14px;font-weight:normal;width:100%;font-family:"Roboto", sans-serif;color:#dc0000}input:focus{border-color:#1479c6}input:focus-visible{outline:none}.secondarylabel{color:#757575;font-size:14px;line-height:16px;font-weight:normal;display:flex;margin-top:4px}label.inputBlock.readonly{pointer-events:none;user-select:none;color:gray}input[readonly]{cursor:default;pointer-events:none;user-select:none;color:gray}button{cursor:pointer}.button{font-family:Roboto, serif;box-sizing:border-box;height:36px;min-width:36px;padding:0;margin:0;background:transparent;color:#212121;border:1px solid #c8c8c8;border-radius:4px;text-transform:uppercase;display:flex;justify-content:left;align-items:center;font-size:14px;font-weight:400}.button-content{display:block;padding:0 16px}.icon-left,.icon-right{margin-top:4px}.iconleft{padding-left:8px}.iconleft .button-content{padding-left:4px}.iconright{padding-right:8px}.iconright .button-content{padding-right:4px}.notext{padding:0 6px}.button:hover{background:rgba(17, 17, 17, 0.1);border:1px solid #D5D5D5}.button:active{background:rgba(17, 17, 17, 0.2);border:1px solid #D5D5D5}.primary{background:#1479c6;border:1px solid #1479c6;color:white}.primary:hover{background:#146EB3;border:1px solid #146EB3}.primary:active{background:#1464A2;border:1px solid #1464A2}.borderless{background:transparent;border:none;color:#212121}.borderless:hover{background:rgba(17, 17, 17, 0.1);border:none}.borderless:active{background:rgba(17, 17, 17, 0.2);border:none}.danger{background:#DC0000;border:1px solid #DC0000;color:white}.danger:hover{background:#C60000;border:1px solid #C60000}.danger:active{background:#B00000;border:1px solid #B00000}.disabled{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:hover{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:active{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}:host{display:block}fieldset{margin:0;padding:0;border:none}label.inputBlock.inlineBlock{display:inline-block}.inlineLabel{font-weight:400;display:inline-block;vertical-align:top;padding-top:4px}input[type=checkbox]{width:18px;height:18px}input~label{font-weight:400}select{font-family:"Roboto", serif;box-sizing:border-box;width:100%;height:36px;padding:0 16px;font-size:16px;border:1px solid #d5d5d5;border-radius:4px;margin-top:4px}.placeholder{color:#9e9e9e}.placeholder option{color:initial}select.invalid:invalid{border:1px solid #dc0000}select~.errorBubble{position:relative;font-size:14px;font-weight:normal;width:100%;font-family:"Roboto", sans-serif;color:#dc0000;display:flex;align-content:center;align-items:center;justify-items:center}select~.errorBubble:not(.visible){visibility:hidden}select~.errorBubble span{color:#dc0000;font-size:16px;margin-right:4px;height:16px}select.invalid:invalid~.errorBubble{position:relative;font-size:14px;font-weight:normal;width:100%;font-family:"Roboto", sans-serif;color:#dc0000;visibility:visible}select:focus{border-color:#1479c6}select:focus-visible{outline:none}.button{padding:0 16px}.footer{display:flex;gap:16px;flex-direction:row-reverse}';export{l as tttx_form}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e}from"./p-c544551b.js";import{p as s,d as o}from"./p-
|
|
1
|
+
import{r as t,c as i,h as e}from"./p-c544551b.js";import{p as s,d as o}from"./p-d3835fde.js";import"./p-112455b1.js";const n=class{constructor(e){t(this,e),this.rowClick=i(this,"listRowClick",7),this.data=void 0,this.name=void 0}onRowClickHandler(t){t.clickable&&t.rowData&&this.rowClick.emit({name:this.name,data:t.rowData})}renderListItem(t){const i=s.sanitize(t.element,o);return e("li",{class:"item "+(t.clickable?"clickable":""),onClick:()=>{this.onRowClickHandler(t)}},t.element&&e("span",{class:"item-content",innerHTML:i}),t.icon&&e("tttx-icon",{class:"align-right ",icon:t.icon}))}render(){if(this.data)return this._data="string"==typeof this.data?JSON.parse(this.data):this.data,e("ul",{class:"list"},this._data.map((t=>this.renderListItem(t))))}};n.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{font-family:"Material Symbols Rounded", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}:host{display:flex;flex-direction:column}.list{margin:0;padding:0}.item{list-style:none;margin:0;padding:8px;border-bottom:1px solid #d5d5d5;min-height:36px;display:flex;align-items:center}.item:first-of-type{border-top:1px solid #d5d5d5}.item.clickable:hover{cursor:pointer}.item.clickable:active{background-color:#e6e6e6}.align-right{margin-left:auto}.item-content{display:flex;align-items:center}';export{n as tttx_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as i,h as t}from"./p-c544551b.js";import{p as d,d as l}from"./p-
|
|
1
|
+
import{r as o,c as i,h as t}from"./p-c544551b.js";import{p as d,d as l}from"./p-d3835fde.js";import"./p-112455b1.js";const e=class{constructor(t){o(this,t),this.closeButtonClick=i(this,"closeButtonClick",6),this.buttonClick=i(this,"buttonClick",7),this.data=void 0,this.size="regular",this.elementSize=void 0}handleResize(){this.elementSize=window.innerWidth<698?"mobile":this.size}onCloseClickHandler(){this.closeButtonClick.emit({close:!0})}onButtonClickHandler(o){this.buttonClick.emit({buttonNumber:o,buttonClicked:!0})}renderHeader(o){const i=o.title,d=!!o.hasClose;return t("div",{class:"dialog-box-header"},!!o.hasIcon&&t("tttx-icon",{class:"dialog-box-icon",icon:o.iconName,color:o.iconColor}),t("h3",{class:"dialog-box-title"},i),d&&t("div",{class:"dialog-box-align-right close-button",onClick:()=>this.onCloseClickHandler()},t("tttx-icon",{class:"dialog-box-icon-close dialog-box-clickable",icon:"close",color:"black"})))}renderContent(o){if(o.isCustomHtml){const i=d.sanitize(o.customHtml,l);return t("div",{class:"dialog-box-body"},t("div",{innerHTML:i}))}return t("div",{class:"dialog-box-body"},t("span",{class:"dialog-box-content"},o.contentText))}renderFooter(o){const i=o.buttons,d=i.length>0,l=i.length>1,e="mobile"===this.elementSize;return t("div",{class:"dialog-box-footer"},t("div",{class:"dialog-box-align-right"},3==i.length&&t("tttx-button",{class:"dialog-box-spacing-button",onClick:()=>this.onButtonClickHandler(3),design:i[2].type,notext:e,icon:i[2].icon},!e&&i[2].name),l&&t("tttx-button",{class:"dialog-box-spacing-button",onClick:()=>this.onButtonClickHandler(2),design:i[1].type,icon:i[1].icon},i[1].name),d&&t("tttx-button",{onClick:()=>this.onButtonClickHandler(1),design:i[0].type,icon:i[0].icon},i[0].name)))}componentWillLoad(){this.elementSize=window.innerWidth<698?"mobile":this.size}render(){if(this.data)return this._data="string"==typeof this.data?JSON.parse(this.data):this.data,t("div",{class:`dialog-box ${this.elementSize}`},t("div",{class:`dialog-box-padding dialog-box-header-box ${this._data.type||""}`},this.renderHeader(this._data.header)),t("div",{class:"dialog-box-padding dialog-box-body-box"},this.renderContent(this._data.body)),t("div",{class:"dialog-box-padding dialog-box-footer-box"},this.renderFooter(this._data.footer)))}};e.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{font-family:"Material Symbols Rounded", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}h3{margin-block-start:0em;margin-block-end:0em}.dialog-box{background-color:#ffffff;display:flex;flex-direction:column;border:1px solid #d5d5d5;border-radius:4px;box-shadow:0px 1px 5px #1111114d}.dialog-box.small{width:400px;min-height:200px}.dialog-box.regular{width:600px;min-height:200px}.dialog-box.large{width:900px;min-height:200px}.dialog-box.mobile{max-width:424px;width:calc(100vw - 20px)}.dialog-box-clickable{cursor:pointer}.dialog-box-padding{padding:8px 16px}.dialog-box-align-right{margin-left:auto;display:flex}.dialog-box-header-box{border-bottom:1px solid #d5d5d5;display:flex;flex-direction:row;height:36px}.dialog-box-header{display:flex;align-items:center;width:100%}.dialog-box-title{font-size:18;font-weight:500;font-family:"Roboto", serif}.dialog-box-icon{padding-right:8px;width:24px;height:24px}.dialog-box-icon-close{margin-left:auto;padding-top:3px;width:24px;height:24px}.dialog-box-content{font-size:16;font-weight:400;font-family:"Roboto", serif}.dialog-box-body{overflow:hidden;text-overflow:ellipsis}.dialog-box-body-box{padding:16px}.dialog-box-footer-box{display:flex;flex-direction:row;margin-top:auto;border-top:1px solid #d5d5d5;height:36px}.dialog-box-footer{display:flex;align-items:center;width:100%}.dialog-box-spacing-button{margin-right:8px}.dialog-box-header-box.info{border-bottom:1px solid #1479c6}.dialog-box-header-box.success{border-bottom:1px solid #a2bb31}.dialog-box-header-box.warning{border-bottom:1px solid #f59500}.dialog-box-header-box.critical{border-bottom:1px solid #dc0000}';export{e as tttx_dialog_box}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as e,H as o,g as n}from"./p-c544551b.js";const r=class{constructor(e){t(this,e),this.filterChangeEvent=i(this,"filterChangeEvent",7),this.toggleFilter=i(this,"toggleFilter",7),this.filterKey=void 0,this.filterOptions=[{optionIcon:"cancel",optionIconColor:"darkred",optionText:"Expired"},{optionIcon:"warning",optionIconColor:"orange",optionText:"Expiring soon"},{optionIcon:"check_circle",optionIconColor:"green",optionText:"Active"}],this.showSelectAll=!0,this.showSearchField=!1,this.showOptionIcons=!0,this.filterButtonStyle="list filter",this.filterHeader="Qualification status",this.defaultFilterOptions=void 0,this.popoverWidth="193px",this.showPopover=!1,this.displayedFilterSettings=void 0,this.selectedFilters=void 0,this.filterSearchTerm="",this.allSelected=void 0}handleCloseFilter(){this.showPopover=!1}emitFilterEvent(){this.filterChangeEvent.emit({selectedFilters:this.selectedFilters,filterKey:this.filterKey,allSelected:this.allSelected})}onFilterButtonClick(){this.togglePopover()}onCloseButtonClick(){this.togglePopover()}onApplyFilterButtonClick(){this.emitFilterEvent(),this.togglePopover()}onFilterOptionSelected(t){this.allSelected=!1,this.selectedFilters=this.selectedFilters.includes(t)?this.selectedFilters.filter((i=>i!=t)):[...this.selectedFilters,t]}componentWillLoad(){if(this.displayedFilterSettings=this.parseFilterOptions(),void 0!==this.defaultFilterOptions){const t=this.parseDefaultFilterOptions();this.selectedFilters=t;let i=!0;this.parseFilterOptions().map((t=>{this.selectedFilters.includes(t.optionText)||(i=!1)})),this.allSelected=i}else this.allSelected=!0,this.selectedFilters=this.displayedFilterSettings.map((t=>t.optionText))}togglePopover(){this.showPopover=!this.showPopover,this.toggleFilter.emit(this.showPopover)}handleFilterChange(t){this.filterSearchTerm=t.target.value;const i=this.parseFilterOptions().filter((t=>{const i=t.optionText.toLowerCase(),e=this.filterSearchTerm.toLowerCase();return i.includes(e)}));this.displayedFilterSettings=i}onSelectAllClick(){this.allSelected=!this.allSelected,this.allSelected?this.displayedFilterSettings.forEach((t=>{this.selectedFilters=[...this.selectedFilters,t.optionText]})):this.selectedFilters=[]}getFilterButtonClassName(t){switch(t){case"table icon":return"--table-icon";case"list icon":return"--list-icon";default:return""}}parseFilterOptions(){return"string"==typeof this.filterOptions?JSON.parse(this.filterOptions):this.filterOptions}parseDefaultFilterOptions(){return"string"==typeof this.defaultFilterOptions?JSON.parse(this.defaultFilterOptions):this.defaultFilterOptions}render(){const t=this.showSearchField?"--with-search-field":"",i=this.allSelected?"check_box":"check_box_outline_blank",n=this.allSelected?"blue":"grey",r=this.getFilterButtonClassName(this.filterButtonStyle);return e(o,{id:`filter__${this.filterKey}`},e("div",{class:"filter-container"},e("button",{class:`filter-button ${r}`,type:"button",onClick:this.onFilterButtonClick.bind(this)},e("tttx-icon",{icon:"filter_list",class:"filter-icon",color:"black"}),"Filter"),this.showPopover&&e("div",{class:`filter-popover-container ${t}`,style:{width:this.popoverWidth}},e("div",{class:"filter-header"},this.filterHeader),this.showSearchField?e("div",{class:"search-field-container"},e("tttx-icon",{icon:"search",class:"search-icon"}),e("input",{type:"text",class:"search-input",placeholder:"Search",value:this.filterSearchTerm,onInput:this.handleFilterChange.bind(this)})):"",e("div",{class:"filter-options-container"},this.showSelectAll?e("div",{class:"filter-option",tabIndex:-1,onClick:this.onSelectAllClick.bind(this)},e("tttx-icon",{icon:i,color:n,class:"select-all-icon"}),e("label",{class:"filter-label"},"Select all")):"",this.displayedFilterSettings.map((t=>{const i=this.selectedFilters.includes(t.optionText)?"check_box":"check_box_outline_blank",o=this.selectedFilters.includes(t.optionText)?"blue":"grey";return e("div",{class:"filter-option",tabIndex:-1,onClick:()=>this.onFilterOptionSelected(t.optionText),key:t.optionText},e("tttx-icon",{icon:i,color:o,class:"checkbox-icon"}),this.showOptionIcons&&e("tttx-icon",{icon:t.optionIcon,color:t.optionIconColor}),e("label",{class:"filter-label"},t.optionText))}))),e("div",{class:"filter-popover-button-container"},e("button",{type:"button",class:"close-button",onClick:this.onCloseButtonClick.bind(this)},"Close"),e("button",{type:"button",class:"apply-button",onClick:this.onApplyFilterButtonClick.bind(this)},"Apply")))))}get el(){return n(this)}};r.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{font-family:"Material Symbols Rounded", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}.filter-container{background-color:white;position:relative}.filter-container .filter-button{display:inline-flex;justify-content:center;align-items:center;font-size:14px;font-weight:400;font-family:"Roboto", serif;text-transform:uppercase;color:#212121;border:1px solid #d5d5d5;border-radius:4px;background:transparent;height:36px;width:95px;margin:0;padding-right:16px;cursor:pointer}@media (max-width: 475px){.filter-container .filter-button{padding-left:4px}}.filter-container .filter-button .filter-icon{padding-left:8px;padding-right:4px}.filter-container .filter-button.--list-icon{font-size:0;width:36px;height:36px;padding:0}.filter-container .filter-button.--list-icon .filter-icon{padding:0}.filter-container .filter-button.--list-icon:hover{background:#e3e3e3}.filter-container .filter-button.--table-icon{font-size:0;width:36px;height:36px;padding:0;border:none}.filter-container .filter-button.--table-icon .filter-icon{padding:0;width:24px;height:24px}.filter-container .filter-button.--table-icon:hover{background:#e3e3e3;border-radius:50%;width:36px;height:36px}.filter-container .filter-button:hover{background:#e3e3e3}.filter-container .filter-popover-container{display:flex;flex-direction:column;gap:8px;border-radius:4px;box-shadow:0px 1px 5px #1111114D;position:absolute;top:36px;left:0px;background-color:white;padding:8px 16px}.filter-container .filter-popover-container .filter-header{color:#757575;text-transform:uppercase;font-size:14px;font-weight:500;font-family:"Roboto", serif;padding-top:4px;padding-bottom:5px}.filter-container .filter-popover-container .filter-options-container{display:flex;flex-direction:column;gap:4px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;padding-bottom:8px}.filter-container .filter-popover-container .filter-option{display:flex;flex-direction:row;align-items:center;min-height:36px;padding-left:8px}.filter-container .filter-popover-container .filter-option .select-all-icon{padding-right:6px}.filter-container .filter-popover-container .filter-option .checkbox-icon{padding-right:8px}.filter-container .filter-popover-container .filter-option .filter-label{padding-left:8px;padding-bottom:3px;font-size:16px;font-weight:500;font-family:"Roboto", serif}.filter-container .filter-popover-container .filter-option:first-child{padding-top:8px}.filter-container .filter-popover-container .filter-popover-button-container{display:flex;justify-content:flex-end;align-items:center}.filter-container .filter-popover-container .filter-popover-button-container .close-button{height:36px;width:74px;background-color:white;border:1px solid #d5d5d5;border-radius:4px;text-transform:uppercase;margin-right:8px;font-size:14px;font-weight:400;font-family:"Roboto", serif;color:#212121}.filter-container .filter-popover-container .filter-popover-button-container .apply-button{height:36px;width:73px;background-color:#1479c6;color:white;border-radius:4px;border:none;text-transform:uppercase;font-size:14px;font-weight:400;font-family:"Roboto", serif}.filter-container .filter-popover-container.--with-search-field .filter-header{border-bottom:1px solid #d5d5d5}.filter-container .filter-popover-container.--with-search-field .search-field-container{position:relative;color:#d5d5d5;height:36px}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-icon{position:absolute;top:6px;left:8px}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input{padding-left:36px;border:1px solid #d5d5d5;border-radius:4px;height:36px;width:100%;font-size:16px;font-family:"Roboto", serif;font-weight:500;box-sizing:border-box}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input:focus-visible,.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input:focus{outline:none;border:1px solid #1479c6}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input::placeholder{color:#9e9e9e;font-size:16px;font-family:"Roboto", serif;font-weight:500}';export{r as tttx_filter}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import{c as t,a as e}from"./p-112455b1.js";var n=t((function(t){
|
|
2
|
-
/*! @license DOMPurify 3.0.
|
|
3
|
-
t.exports=function(){const{entries:t,setPrototypeOf:e,isFrozen:n,getPrototypeOf:o,getOwnPropertyDescriptor:i}=Object;let{freeze:r,seal:a,create:l}=Object,{apply:s,construct:c}="undefined"!=typeof Reflect&&Reflect;s||(s=function(t,e,n){return t.apply(e,n)}),r||(r=function(t){return t}),a||(a=function(t){return t}),c||(c=function(t,e){return new t(...e)});const u=T(Array.prototype.forEach),f=T(Array.prototype.pop),m=T(Array.prototype.push),p=T(String.prototype.toLowerCase),d=T(String.prototype.toString),g=T(String.prototype.match),h=T(String.prototype.replace),y=T(String.prototype.indexOf),b=T(String.prototype.trim),w=T(RegExp.prototype.test),x=(v=TypeError,function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return c(v,e)});var v;function T(t){return function(e){for(var n=arguments.length,o=new Array(n>1?n-1:0),i=1;i<n;i++)o[i-1]=arguments[i];return s(t,e,o)}}function k(t,o,i){var r;i=null!==(r=i)&&void 0!==r?r:p,e&&e(t,null);let a=o.length;for(;a--;){let e=o[a];if("string"==typeof e){const t=i(e);t!==e&&(n(o)||(o[a]=t),e=t)}t[e]=!0}return t}function A(e){const n=l(null);for(const[o,i]of t(e))n[o]=i;return n}function E(t,e){for(;null!==t;){const n=i(t,e);if(n){if(n.get)return T(n.get);if("function"==typeof n.value)return T(n.value)}t=o(t)}return function(t){return console.warn("fallback value for",t),null}}const S=r(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),R=r(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),_=r(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),D=r(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),L=r(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),z=r(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),O=r(["#text"]),I=r(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]),M=r(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),N=r(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),F=r(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),P=a(/\{\{[\w\W]*|[\w\W]*\}\}/gm),C=a(/<%[\w\W]*|[\w\W]*%>/gm),j=a(/\${[\w\W]*}/gm),B=a(/^data-[\-\w.\u00B7-\uFFFF]/),U=a(/^aria-[\-\w]+$/),W=a(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),H=a(/^(?:\w+script|data):/i),q=a(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),Y=a(/^html$/i);var G=Object.freeze({__proto__:null,MUSTACHE_EXPR:P,ERB_EXPR:C,TMPLIT_EXPR:j,DATA_ATTR:B,ARIA_ATTR:U,IS_ALLOWED_URI:W,IS_SCRIPT_OR_DATA:H,ATTR_WHITESPACE:q,DOCTYPE_NAME:Y});const X=()=>"undefined"==typeof window?null:window,$=function(t,e){if("object"!=typeof t||"function"!=typeof t.createPolicy)return null;let n=null;const o="data-tt-policy-suffix";e&&e.hasAttribute(o)&&(n=e.getAttribute(o));const i="dompurify"+(n?"#"+n:"");try{return t.createPolicy(i,{createHTML:t=>t,createScriptURL:t=>t})}catch(t){return console.warn("TrustedTypes policy "+i+" could not be created."),null}};var V=function e(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:X();const o=t=>e(t);if(o.version="3.0.3",o.removed=[],!n||!n.document||9!==n.document.nodeType)return o.isSupported=!1,o;const i=n.document,a=i.currentScript;let{document:l}=n;const{DocumentFragment:s,HTMLTemplateElement:c,Node:v,Element:T,NodeFilter:P,NamedNodeMap:C=n.NamedNodeMap||n.MozNamedAttrMap,HTMLFormElement:j,DOMParser:B,trustedTypes:U}=n,H=T.prototype,q=E(H,"cloneNode"),V=E(H,"nextSibling"),J=E(H,"childNodes"),K=E(H,"parentNode");if("function"==typeof c){const t=l.createElement("template");t.content&&t.content.ownerDocument&&(l=t.content.ownerDocument)}let Q,Z="";const{implementation:tt,createNodeIterator:et,createDocumentFragment:nt,getElementsByTagName:ot}=l,{importNode:it}=i;let rt={};o.isSupported="function"==typeof t&&"function"==typeof K&&tt&&void 0!==tt.createHTMLDocument;const{MUSTACHE_EXPR:at,ERB_EXPR:lt,TMPLIT_EXPR:st,DATA_ATTR:ct,ARIA_ATTR:ut,IS_SCRIPT_OR_DATA:ft,ATTR_WHITESPACE:mt}=G;let{IS_ALLOWED_URI:pt}=G,dt=null;const gt=k({},[...S,...R,..._,...L,...O]);let ht=null;const yt=k({},[...I,...M,...N,...F]);let bt=Object.seal(Object.create(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),wt=null,xt=null,vt=!0,Tt=!0,kt=!1,At=!0,Et=!1,St=!1,Rt=!1,_t=!1,Dt=!1,Lt=!1,zt=!1,Ot=!0,It=!1;const Mt="user-content-";let Nt=!0,Ft=!1,Pt={},Ct=null;const jt=k({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Bt=null;const Ut=k({},["audio","video","img","source","image","track"]);let Wt=null;const Ht=k({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),qt="http://www.w3.org/1998/Math/MathML",Yt="http://www.w3.org/2000/svg",Gt="http://www.w3.org/1999/xhtml";let Xt=Gt,$t=!1,Vt=null;const Jt=k({},[qt,Yt,Gt],d);let Kt;const Qt=["application/xhtml+xml","text/html"],Zt="text/html";let te,ee=null;const ne=l.createElement("form"),oe=function(t){return t instanceof RegExp||t instanceof Function},ie=function(t){if(!ee||ee!==t){if(t&&"object"==typeof t||(t={}),t=A(t),Kt=Kt=-1===Qt.indexOf(t.PARSER_MEDIA_TYPE)?Zt:t.PARSER_MEDIA_TYPE,te="application/xhtml+xml"===Kt?d:p,dt="ALLOWED_TAGS"in t?k({},t.ALLOWED_TAGS,te):gt,ht="ALLOWED_ATTR"in t?k({},t.ALLOWED_ATTR,te):yt,Vt="ALLOWED_NAMESPACES"in t?k({},t.ALLOWED_NAMESPACES,d):Jt,Wt="ADD_URI_SAFE_ATTR"in t?k(A(Ht),t.ADD_URI_SAFE_ATTR,te):Ht,Bt="ADD_DATA_URI_TAGS"in t?k(A(Ut),t.ADD_DATA_URI_TAGS,te):Ut,Ct="FORBID_CONTENTS"in t?k({},t.FORBID_CONTENTS,te):jt,wt="FORBID_TAGS"in t?k({},t.FORBID_TAGS,te):{},xt="FORBID_ATTR"in t?k({},t.FORBID_ATTR,te):{},Pt="USE_PROFILES"in t&&t.USE_PROFILES,vt=!1!==t.ALLOW_ARIA_ATTR,Tt=!1!==t.ALLOW_DATA_ATTR,kt=t.ALLOW_UNKNOWN_PROTOCOLS||!1,At=!1!==t.ALLOW_SELF_CLOSE_IN_ATTR,Et=t.SAFE_FOR_TEMPLATES||!1,St=t.WHOLE_DOCUMENT||!1,Dt=t.RETURN_DOM||!1,Lt=t.RETURN_DOM_FRAGMENT||!1,zt=t.RETURN_TRUSTED_TYPE||!1,_t=t.FORCE_BODY||!1,Ot=!1!==t.SANITIZE_DOM,It=t.SANITIZE_NAMED_PROPS||!1,Nt=!1!==t.KEEP_CONTENT,Ft=t.IN_PLACE||!1,pt=t.ALLOWED_URI_REGEXP||W,Xt=t.NAMESPACE||Gt,bt=t.CUSTOM_ELEMENT_HANDLING||{},t.CUSTOM_ELEMENT_HANDLING&&oe(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(bt.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck),t.CUSTOM_ELEMENT_HANDLING&&oe(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(bt.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),t.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(bt.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),Et&&(Tt=!1),Lt&&(Dt=!0),Pt&&(dt=k({},[...O]),ht=[],!0===Pt.html&&(k(dt,S),k(ht,I)),!0===Pt.svg&&(k(dt,R),k(ht,M),k(ht,F)),!0===Pt.svgFilters&&(k(dt,_),k(ht,M),k(ht,F)),!0===Pt.mathMl&&(k(dt,L),k(ht,N),k(ht,F))),t.ADD_TAGS&&(dt===gt&&(dt=A(dt)),k(dt,t.ADD_TAGS,te)),t.ADD_ATTR&&(ht===yt&&(ht=A(ht)),k(ht,t.ADD_ATTR,te)),t.ADD_URI_SAFE_ATTR&&k(Wt,t.ADD_URI_SAFE_ATTR,te),t.FORBID_CONTENTS&&(Ct===jt&&(Ct=A(Ct)),k(Ct,t.FORBID_CONTENTS,te)),Nt&&(dt["#text"]=!0),St&&k(dt,["html","head","body"]),dt.table&&(k(dt,["tbody"]),delete wt.tbody),t.TRUSTED_TYPES_POLICY){if("function"!=typeof t.TRUSTED_TYPES_POLICY.createHTML)throw x('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof t.TRUSTED_TYPES_POLICY.createScriptURL)throw x('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');Q=t.TRUSTED_TYPES_POLICY,Z=Q.createHTML("")}else void 0===Q&&(Q=$(U,a)),null!==Q&&"string"==typeof Z&&(Z=Q.createHTML(""));r&&r(t),ee=t}},re=k({},["mi","mo","mn","ms","mtext"]),ae=k({},["foreignobject","desc","title","annotation-xml"]),le=k({},["title","style","font","a","script"]),se=k({},R);k(se,_),k(se,D);const ce=k({},L);k(ce,z);const ue=function(t){let e=K(t);e&&e.tagName||(e={namespaceURI:Xt,tagName:"template"});const n=p(t.tagName),o=p(e.tagName);return!!Vt[t.namespaceURI]&&(t.namespaceURI===Yt?e.namespaceURI===Gt?"svg"===n:e.namespaceURI===qt?"svg"===n&&("annotation-xml"===o||re[o]):Boolean(se[n]):t.namespaceURI===qt?e.namespaceURI===Gt?"math"===n:e.namespaceURI===Yt?"math"===n&&ae[o]:Boolean(ce[n]):t.namespaceURI===Gt?!(e.namespaceURI===Yt&&!ae[o])&&!(e.namespaceURI===qt&&!re[o])&&!ce[n]&&(le[n]||!se[n]):!("application/xhtml+xml"!==Kt||!Vt[t.namespaceURI]))},fe=function(t){m(o.removed,{element:t});try{t.parentNode.removeChild(t)}catch(e){t.remove()}},me=function(t,e){try{m(o.removed,{attribute:e.getAttributeNode(t),from:e})}catch(t){m(o.removed,{attribute:null,from:e})}if(e.removeAttribute(t),"is"===t&&!ht[t])if(Dt||Lt)try{fe(e)}catch(t){}else try{e.setAttribute(t,"")}catch(t){}},pe=function(t){let e,n;if(_t)t="<remove></remove>"+t;else{const e=g(t,/^[\r\n\t ]+/);n=e&&e[0]}"application/xhtml+xml"===Kt&&Xt===Gt&&(t='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+t+"</body></html>");const o=Q?Q.createHTML(t):t;if(Xt===Gt)try{e=(new B).parseFromString(o,Kt)}catch(t){}if(!e||!e.documentElement){e=tt.createDocument(Xt,"template",null);try{e.documentElement.innerHTML=$t?Z:o}catch(t){}}const i=e.body||e.documentElement;return t&&n&&i.insertBefore(l.createTextNode(n),i.childNodes[0]||null),Xt===Gt?ot.call(e,St?"html":"body")[0]:St?e.documentElement:i},de=function(t){return et.call(t.ownerDocument||t,t,P.SHOW_ELEMENT|P.SHOW_COMMENT|P.SHOW_TEXT,null,!1)},ge=function(t){return t instanceof j&&("string"!=typeof t.nodeName||"string"!=typeof t.textContent||"function"!=typeof t.removeChild||!(t.attributes instanceof C)||"function"!=typeof t.removeAttribute||"function"!=typeof t.setAttribute||"string"!=typeof t.namespaceURI||"function"!=typeof t.insertBefore||"function"!=typeof t.hasChildNodes)},he=function(t){return"object"==typeof v?t instanceof v:t&&"object"==typeof t&&"number"==typeof t.nodeType&&"string"==typeof t.nodeName},ye=function(t,e,n){rt[t]&&u(rt[t],(t=>{t.call(o,e,n,ee)}))},be=function(t){let e;if(ye("beforeSanitizeElements",t,null),ge(t))return fe(t),!0;const n=te(t.nodeName);if(ye("uponSanitizeElement",t,{tagName:n,allowedTags:dt}),t.hasChildNodes()&&!he(t.firstElementChild)&&(!he(t.content)||!he(t.content.firstElementChild))&&w(/<[/\w]/g,t.innerHTML)&&w(/<[/\w]/g,t.textContent))return fe(t),!0;if(!dt[n]||wt[n]){if(!wt[n]&&xe(n)){if(bt.tagNameCheck instanceof RegExp&&w(bt.tagNameCheck,n))return!1;if(bt.tagNameCheck instanceof Function&&bt.tagNameCheck(n))return!1}if(Nt&&!Ct[n]){const e=K(t)||t.parentNode,n=J(t)||t.childNodes;if(n&&e)for(let o=n.length-1;o>=0;--o)e.insertBefore(q(n[o],!0),V(t))}return fe(t),!0}return t instanceof T&&!ue(t)?(fe(t),!0):"noscript"!==n&&"noembed"!==n||!w(/<\/no(script|embed)/i,t.innerHTML)?(Et&&3===t.nodeType&&(e=t.textContent,e=h(e,at," "),e=h(e,lt," "),e=h(e,st," "),t.textContent!==e&&(m(o.removed,{element:t.cloneNode()}),t.textContent=e)),ye("afterSanitizeElements",t,null),!1):(fe(t),!0)},we=function(t,e,n){if(Ot&&("id"===e||"name"===e)&&(n in l||n in ne))return!1;if(Tt&&!xt[e]&&w(ct,e));else if(vt&&w(ut,e));else if(!ht[e]||xt[e]){if(!(xe(t)&&(bt.tagNameCheck instanceof RegExp&&w(bt.tagNameCheck,t)||bt.tagNameCheck instanceof Function&&bt.tagNameCheck(t))&&(bt.attributeNameCheck instanceof RegExp&&w(bt.attributeNameCheck,e)||bt.attributeNameCheck instanceof Function&&bt.attributeNameCheck(e))||"is"===e&&bt.allowCustomizedBuiltInElements&&(bt.tagNameCheck instanceof RegExp&&w(bt.tagNameCheck,n)||bt.tagNameCheck instanceof Function&&bt.tagNameCheck(n))))return!1}else if(Wt[e]);else if(w(pt,h(n,mt,"")));else if("src"!==e&&"xlink:href"!==e&&"href"!==e||"script"===t||0!==y(n,"data:")||!Bt[t])if(kt&&!w(ft,h(n,mt,"")));else if(n)return!1;return!0},xe=function(t){return t.indexOf("-")>0},ve=function(t){let e,n,i,r;ye("beforeSanitizeAttributes",t,null);const{attributes:a}=t;if(!a)return;const l={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:ht};for(r=a.length;r--;){e=a[r];const{name:s,namespaceURI:c}=e;if(n="value"===s?e.value:b(e.value),i=te(s),l.attrName=i,l.attrValue=n,l.keepAttr=!0,l.forceKeepAttr=void 0,ye("uponSanitizeAttribute",t,l),n=l.attrValue,l.forceKeepAttr)continue;if(me(s,t),!l.keepAttr)continue;if(!At&&w(/\/>/i,n)){me(s,t);continue}Et&&(n=h(n,at," "),n=h(n,lt," "),n=h(n,st," "));const u=te(t.nodeName);if(we(u,i,n)){if(!It||"id"!==i&&"name"!==i||(me(s,t),n=Mt+n),Q&&"object"==typeof U&&"function"==typeof U.getAttributeType)if(c);else switch(U.getAttributeType(u,i)){case"TrustedHTML":n=Q.createHTML(n);break;case"TrustedScriptURL":n=Q.createScriptURL(n)}try{c?t.setAttributeNS(c,s,n):t.setAttribute(s,n),f(o.removed)}catch(t){}}}ye("afterSanitizeAttributes",t,null)},Te=function t(e){let n;const o=de(e);for(ye("beforeSanitizeShadowDOM",e,null);n=o.nextNode();)ye("uponSanitizeShadowNode",n,null),be(n)||(n.content instanceof s&&t(n.content),ve(n));ye("afterSanitizeShadowDOM",e,null)};return o.sanitize=function(t){let e,n,r,a,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if($t=!t,$t&&(t="\x3c!--\x3e"),"string"!=typeof t&&!he(t)){if("function"!=typeof t.toString)throw x("toString is not a function");if("string"!=typeof(t=t.toString()))throw x("dirty is not a string, aborting")}if(!o.isSupported)return t;if(Rt||ie(l),o.removed=[],"string"==typeof t&&(Ft=!1),Ft){if(t.nodeName){const e=te(t.nodeName);if(!dt[e]||wt[e])throw x("root node is forbidden and cannot be sanitized in-place")}}else if(t instanceof v)e=pe("\x3c!----\x3e"),n=e.ownerDocument.importNode(t,!0),1===n.nodeType&&"BODY"===n.nodeName||"HTML"===n.nodeName?e=n:e.appendChild(n);else{if(!Dt&&!Et&&!St&&-1===t.indexOf("<"))return Q&&zt?Q.createHTML(t):t;if(e=pe(t),!e)return Dt?null:zt?Z:""}e&&_t&&fe(e.firstChild);const c=de(Ft?t:e);for(;r=c.nextNode();)be(r)||(r.content instanceof s&&Te(r.content),ve(r));if(Ft)return t;if(Dt){if(Lt)for(a=nt.call(e.ownerDocument);e.firstChild;)a.appendChild(e.firstChild);else a=e;return(ht.shadowroot||ht.shadowrootmod)&&(a=it.call(i,a,!0)),a}let u=St?e.outerHTML:e.innerHTML;return St&&dt["!doctype"]&&e.ownerDocument&&e.ownerDocument.doctype&&e.ownerDocument.doctype.name&&w(Y,e.ownerDocument.doctype.name)&&(u="<!DOCTYPE "+e.ownerDocument.doctype.name+">\n"+u),Et&&(u=h(u,at," "),u=h(u,lt," "),u=h(u,st," ")),Q&&zt?Q.createHTML(u):u},o.setConfig=function(t){ie(t),Rt=!0},o.clearConfig=function(){ee=null,Rt=!1},o.isValidAttribute=function(t,e,n){ee||ie({});const o=te(t),i=te(e);return we(o,i,n)},o.addHook=function(t,e){"function"==typeof e&&(rt[t]=rt[t]||[],m(rt[t],e))},o.removeHook=function(t){if(rt[t])return f(rt[t])},o.removeHooks=function(t){rt[t]&&(rt[t]=[])},o.removeAllHooks=function(){rt={}},o}();return V}()}));const o={CUSTOM_ELEMENT_HANDLING:{tagNameCheck:function(t){return RegExp(/^tttx-/).exec(t)},attributeNameCheck:function(){return!0},allowCustomizedBuiltInElements:!1}};export{o as d,n as p}
|
|
2
|
+
/*! @license DOMPurify 3.0.4 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.4/LICENSE */
|
|
3
|
+
t.exports=function(){const{entries:t,setPrototypeOf:e,isFrozen:n,getPrototypeOf:o,getOwnPropertyDescriptor:i}=Object;let{freeze:r,seal:a,create:l}=Object,{apply:s,construct:c}="undefined"!=typeof Reflect&&Reflect;s||(s=function(t,e,n){return t.apply(e,n)}),r||(r=function(t){return t}),a||(a=function(t){return t}),c||(c=function(t,e){return new t(...e)});const f=T(Array.prototype.forEach),u=T(Array.prototype.pop),m=T(Array.prototype.push),p=T(String.prototype.toLowerCase),d=T(String.prototype.toString),g=T(String.prototype.match),h=T(String.prototype.replace),y=T(String.prototype.indexOf),b=T(String.prototype.trim),w=T(RegExp.prototype.test),x=(v=TypeError,function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return c(v,e)});var v;function T(t){return function(e){for(var n=arguments.length,o=new Array(n>1?n-1:0),i=1;i<n;i++)o[i-1]=arguments[i];return s(t,e,o)}}function k(t,o,i){var r;i=null!==(r=i)&&void 0!==r?r:p,e&&e(t,null);let a=o.length;for(;a--;){let e=o[a];if("string"==typeof e){const t=i(e);t!==e&&(n(o)||(o[a]=t),e=t)}t[e]=!0}return t}function A(e){const n=l(null);for(const[o,i]of t(e))n[o]=i;return n}function E(t,e){for(;null!==t;){const n=i(t,e);if(n){if(n.get)return T(n.get);if("function"==typeof n.value)return T(n.value)}t=o(t)}return function(t){return console.warn("fallback value for",t),null}}const S=r(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),R=r(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),_=r(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),D=r(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),L=r(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),z=r(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),O=r(["#text"]),I=r(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]),M=r(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),N=r(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),F=r(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),P=a(/\{\{[\w\W]*|[\w\W]*\}\}/gm),C=a(/<%[\w\W]*|[\w\W]*%>/gm),j=a(/\${[\w\W]*}/gm),B=a(/^data-[\-\w.\u00B7-\uFFFF]/),U=a(/^aria-[\-\w]+$/),W=a(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),H=a(/^(?:\w+script|data):/i),q=a(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),Y=a(/^html$/i);var G=Object.freeze({__proto__:null,MUSTACHE_EXPR:P,ERB_EXPR:C,TMPLIT_EXPR:j,DATA_ATTR:B,ARIA_ATTR:U,IS_ALLOWED_URI:W,IS_SCRIPT_OR_DATA:H,ATTR_WHITESPACE:q,DOCTYPE_NAME:Y});const X=()=>"undefined"==typeof window?null:window,$=function(t,e){if("object"!=typeof t||"function"!=typeof t.createPolicy)return null;let n=null;const o="data-tt-policy-suffix";e&&e.hasAttribute(o)&&(n=e.getAttribute(o));const i="dompurify"+(n?"#"+n:"");try{return t.createPolicy(i,{createHTML:t=>t,createScriptURL:t=>t})}catch(t){return console.warn("TrustedTypes policy "+i+" could not be created."),null}};var V=function e(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:X();const o=t=>e(t);if(o.version="3.0.4",o.removed=[],!n||!n.document||9!==n.document.nodeType)return o.isSupported=!1,o;const i=n.document,a=i.currentScript;let{document:l}=n;const{DocumentFragment:s,HTMLTemplateElement:c,Node:v,Element:T,NodeFilter:P,NamedNodeMap:C=n.NamedNodeMap||n.MozNamedAttrMap,HTMLFormElement:j,DOMParser:B,trustedTypes:U}=n,H=T.prototype,q=E(H,"cloneNode"),V=E(H,"nextSibling"),J=E(H,"childNodes"),K=E(H,"parentNode");if("function"==typeof c){const t=l.createElement("template");t.content&&t.content.ownerDocument&&(l=t.content.ownerDocument)}let Q,Z="";const{implementation:tt,createNodeIterator:et,createDocumentFragment:nt,getElementsByTagName:ot}=l,{importNode:it}=i;let rt={};o.isSupported="function"==typeof t&&"function"==typeof K&&tt&&void 0!==tt.createHTMLDocument;const{MUSTACHE_EXPR:at,ERB_EXPR:lt,TMPLIT_EXPR:st,DATA_ATTR:ct,ARIA_ATTR:ft,IS_SCRIPT_OR_DATA:ut,ATTR_WHITESPACE:mt}=G;let{IS_ALLOWED_URI:pt}=G,dt=null;const gt=k({},[...S,...R,..._,...L,...O]);let ht=null;const yt=k({},[...I,...M,...N,...F]);let bt=Object.seal(Object.create(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),wt=null,xt=null,vt=!0,Tt=!0,kt=!1,At=!0,Et=!1,St=!1,Rt=!1,_t=!1,Dt=!1,Lt=!1,zt=!1,Ot=!0,It=!1;const Mt="user-content-";let Nt=!0,Ft=!1,Pt={},Ct=null;const jt=k({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Bt=null;const Ut=k({},["audio","video","img","source","image","track"]);let Wt=null;const Ht=k({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),qt="http://www.w3.org/1998/Math/MathML",Yt="http://www.w3.org/2000/svg",Gt="http://www.w3.org/1999/xhtml";let Xt=Gt,$t=!1,Vt=null;const Jt=k({},[qt,Yt,Gt],d);let Kt;const Qt=["application/xhtml+xml","text/html"],Zt="text/html";let te,ee=null;const ne=l.createElement("form"),oe=function(t){return t instanceof RegExp||t instanceof Function},ie=function(t){if(!ee||ee!==t){if(t&&"object"==typeof t||(t={}),t=A(t),Kt=Kt=-1===Qt.indexOf(t.PARSER_MEDIA_TYPE)?Zt:t.PARSER_MEDIA_TYPE,te="application/xhtml+xml"===Kt?d:p,dt="ALLOWED_TAGS"in t?k({},t.ALLOWED_TAGS,te):gt,ht="ALLOWED_ATTR"in t?k({},t.ALLOWED_ATTR,te):yt,Vt="ALLOWED_NAMESPACES"in t?k({},t.ALLOWED_NAMESPACES,d):Jt,Wt="ADD_URI_SAFE_ATTR"in t?k(A(Ht),t.ADD_URI_SAFE_ATTR,te):Ht,Bt="ADD_DATA_URI_TAGS"in t?k(A(Ut),t.ADD_DATA_URI_TAGS,te):Ut,Ct="FORBID_CONTENTS"in t?k({},t.FORBID_CONTENTS,te):jt,wt="FORBID_TAGS"in t?k({},t.FORBID_TAGS,te):{},xt="FORBID_ATTR"in t?k({},t.FORBID_ATTR,te):{},Pt="USE_PROFILES"in t&&t.USE_PROFILES,vt=!1!==t.ALLOW_ARIA_ATTR,Tt=!1!==t.ALLOW_DATA_ATTR,kt=t.ALLOW_UNKNOWN_PROTOCOLS||!1,At=!1!==t.ALLOW_SELF_CLOSE_IN_ATTR,Et=t.SAFE_FOR_TEMPLATES||!1,St=t.WHOLE_DOCUMENT||!1,Dt=t.RETURN_DOM||!1,Lt=t.RETURN_DOM_FRAGMENT||!1,zt=t.RETURN_TRUSTED_TYPE||!1,_t=t.FORCE_BODY||!1,Ot=!1!==t.SANITIZE_DOM,It=t.SANITIZE_NAMED_PROPS||!1,Nt=!1!==t.KEEP_CONTENT,Ft=t.IN_PLACE||!1,pt=t.ALLOWED_URI_REGEXP||W,Xt=t.NAMESPACE||Gt,bt=t.CUSTOM_ELEMENT_HANDLING||{},t.CUSTOM_ELEMENT_HANDLING&&oe(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(bt.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck),t.CUSTOM_ELEMENT_HANDLING&&oe(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(bt.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),t.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(bt.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),Et&&(Tt=!1),Lt&&(Dt=!0),Pt&&(dt=k({},[...O]),ht=[],!0===Pt.html&&(k(dt,S),k(ht,I)),!0===Pt.svg&&(k(dt,R),k(ht,M),k(ht,F)),!0===Pt.svgFilters&&(k(dt,_),k(ht,M),k(ht,F)),!0===Pt.mathMl&&(k(dt,L),k(ht,N),k(ht,F))),t.ADD_TAGS&&(dt===gt&&(dt=A(dt)),k(dt,t.ADD_TAGS,te)),t.ADD_ATTR&&(ht===yt&&(ht=A(ht)),k(ht,t.ADD_ATTR,te)),t.ADD_URI_SAFE_ATTR&&k(Wt,t.ADD_URI_SAFE_ATTR,te),t.FORBID_CONTENTS&&(Ct===jt&&(Ct=A(Ct)),k(Ct,t.FORBID_CONTENTS,te)),Nt&&(dt["#text"]=!0),St&&k(dt,["html","head","body"]),dt.table&&(k(dt,["tbody"]),delete wt.tbody),t.TRUSTED_TYPES_POLICY){if("function"!=typeof t.TRUSTED_TYPES_POLICY.createHTML)throw x('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof t.TRUSTED_TYPES_POLICY.createScriptURL)throw x('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');Q=t.TRUSTED_TYPES_POLICY,Z=Q.createHTML("")}else void 0===Q&&(Q=$(U,a)),null!==Q&&"string"==typeof Z&&(Z=Q.createHTML(""));r&&r(t),ee=t}},re=k({},["mi","mo","mn","ms","mtext"]),ae=k({},["foreignobject","desc","title","annotation-xml"]),le=k({},["title","style","font","a","script"]),se=k({},R);k(se,_),k(se,D);const ce=k({},L);k(ce,z);const fe=function(t){let e=K(t);e&&e.tagName||(e={namespaceURI:Xt,tagName:"template"});const n=p(t.tagName),o=p(e.tagName);return!!Vt[t.namespaceURI]&&(t.namespaceURI===Yt?e.namespaceURI===Gt?"svg"===n:e.namespaceURI===qt?"svg"===n&&("annotation-xml"===o||re[o]):Boolean(se[n]):t.namespaceURI===qt?e.namespaceURI===Gt?"math"===n:e.namespaceURI===Yt?"math"===n&&ae[o]:Boolean(ce[n]):t.namespaceURI===Gt?!(e.namespaceURI===Yt&&!ae[o])&&!(e.namespaceURI===qt&&!re[o])&&!ce[n]&&(le[n]||!se[n]):!("application/xhtml+xml"!==Kt||!Vt[t.namespaceURI]))},ue=function(t){m(o.removed,{element:t});try{t.parentNode.removeChild(t)}catch(e){t.remove()}},me=function(t,e){try{m(o.removed,{attribute:e.getAttributeNode(t),from:e})}catch(t){m(o.removed,{attribute:null,from:e})}if(e.removeAttribute(t),"is"===t&&!ht[t])if(Dt||Lt)try{ue(e)}catch(t){}else try{e.setAttribute(t,"")}catch(t){}},pe=function(t){let e,n;if(_t)t="<remove></remove>"+t;else{const e=g(t,/^[\r\n\t ]+/);n=e&&e[0]}"application/xhtml+xml"===Kt&&Xt===Gt&&(t='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+t+"</body></html>");const o=Q?Q.createHTML(t):t;if(Xt===Gt)try{e=(new B).parseFromString(o,Kt)}catch(t){}if(!e||!e.documentElement){e=tt.createDocument(Xt,"template",null);try{e.documentElement.innerHTML=$t?Z:o}catch(t){}}const i=e.body||e.documentElement;return t&&n&&i.insertBefore(l.createTextNode(n),i.childNodes[0]||null),Xt===Gt?ot.call(e,St?"html":"body")[0]:St?e.documentElement:i},de=function(t){return et.call(t.ownerDocument||t,t,P.SHOW_ELEMENT|P.SHOW_COMMENT|P.SHOW_TEXT,null,!1)},ge=function(t){return t instanceof j&&("string"!=typeof t.nodeName||"string"!=typeof t.textContent||"function"!=typeof t.removeChild||!(t.attributes instanceof C)||"function"!=typeof t.removeAttribute||"function"!=typeof t.setAttribute||"string"!=typeof t.namespaceURI||"function"!=typeof t.insertBefore||"function"!=typeof t.hasChildNodes)},he=function(t){return"object"==typeof v?t instanceof v:t&&"object"==typeof t&&"number"==typeof t.nodeType&&"string"==typeof t.nodeName},ye=function(t,e,n){rt[t]&&f(rt[t],(t=>{t.call(o,e,n,ee)}))},be=function(t){let e;if(ye("beforeSanitizeElements",t,null),ge(t))return ue(t),!0;const n=te(t.nodeName);if(ye("uponSanitizeElement",t,{tagName:n,allowedTags:dt}),t.hasChildNodes()&&!he(t.firstElementChild)&&(!he(t.content)||!he(t.content.firstElementChild))&&w(/<[/\w]/g,t.innerHTML)&&w(/<[/\w]/g,t.textContent))return ue(t),!0;if(!dt[n]||wt[n]){if(!wt[n]&&xe(n)){if(bt.tagNameCheck instanceof RegExp&&w(bt.tagNameCheck,n))return!1;if(bt.tagNameCheck instanceof Function&&bt.tagNameCheck(n))return!1}if(Nt&&!Ct[n]){const e=K(t)||t.parentNode,n=J(t)||t.childNodes;if(n&&e)for(let o=n.length-1;o>=0;--o)e.insertBefore(q(n[o],!0),V(t))}return ue(t),!0}return t instanceof T&&!fe(t)?(ue(t),!0):"noscript"!==n&&"noembed"!==n&&"noframes"!==n||!w(/<\/no(script|embed|frames)/i,t.innerHTML)?(Et&&3===t.nodeType&&(e=t.textContent,e=h(e,at," "),e=h(e,lt," "),e=h(e,st," "),t.textContent!==e&&(m(o.removed,{element:t.cloneNode()}),t.textContent=e)),ye("afterSanitizeElements",t,null),!1):(ue(t),!0)},we=function(t,e,n){if(Ot&&("id"===e||"name"===e)&&(n in l||n in ne))return!1;if(Tt&&!xt[e]&&w(ct,e));else if(vt&&w(ft,e));else if(!ht[e]||xt[e]){if(!(xe(t)&&(bt.tagNameCheck instanceof RegExp&&w(bt.tagNameCheck,t)||bt.tagNameCheck instanceof Function&&bt.tagNameCheck(t))&&(bt.attributeNameCheck instanceof RegExp&&w(bt.attributeNameCheck,e)||bt.attributeNameCheck instanceof Function&&bt.attributeNameCheck(e))||"is"===e&&bt.allowCustomizedBuiltInElements&&(bt.tagNameCheck instanceof RegExp&&w(bt.tagNameCheck,n)||bt.tagNameCheck instanceof Function&&bt.tagNameCheck(n))))return!1}else if(Wt[e]);else if(w(pt,h(n,mt,"")));else if("src"!==e&&"xlink:href"!==e&&"href"!==e||"script"===t||0!==y(n,"data:")||!Bt[t])if(kt&&!w(ut,h(n,mt,"")));else if(n)return!1;return!0},xe=function(t){return t.indexOf("-")>0},ve=function(t){let e,n,i,r;ye("beforeSanitizeAttributes",t,null);const{attributes:a}=t;if(!a)return;const l={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:ht};for(r=a.length;r--;){e=a[r];const{name:s,namespaceURI:c}=e;if(n="value"===s?e.value:b(e.value),i=te(s),l.attrName=i,l.attrValue=n,l.keepAttr=!0,l.forceKeepAttr=void 0,ye("uponSanitizeAttribute",t,l),n=l.attrValue,l.forceKeepAttr)continue;if(me(s,t),!l.keepAttr)continue;if(!At&&w(/\/>/i,n)){me(s,t);continue}Et&&(n=h(n,at," "),n=h(n,lt," "),n=h(n,st," "));const f=te(t.nodeName);if(we(f,i,n)){if(!It||"id"!==i&&"name"!==i||(me(s,t),n=Mt+n),Q&&"object"==typeof U&&"function"==typeof U.getAttributeType)if(c);else switch(U.getAttributeType(f,i)){case"TrustedHTML":n=Q.createHTML(n);break;case"TrustedScriptURL":n=Q.createScriptURL(n)}try{c?t.setAttributeNS(c,s,n):t.setAttribute(s,n),u(o.removed)}catch(t){}}}ye("afterSanitizeAttributes",t,null)},Te=function t(e){let n;const o=de(e);for(ye("beforeSanitizeShadowDOM",e,null);n=o.nextNode();)ye("uponSanitizeShadowNode",n,null),be(n)||(n.content instanceof s&&t(n.content),ve(n));ye("afterSanitizeShadowDOM",e,null)};return o.sanitize=function(t){let e,n,r,a,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if($t=!t,$t&&(t="\x3c!--\x3e"),"string"!=typeof t&&!he(t)){if("function"!=typeof t.toString)throw x("toString is not a function");if("string"!=typeof(t=t.toString()))throw x("dirty is not a string, aborting")}if(!o.isSupported)return t;if(Rt||ie(l),o.removed=[],"string"==typeof t&&(Ft=!1),Ft){if(t.nodeName){const e=te(t.nodeName);if(!dt[e]||wt[e])throw x("root node is forbidden and cannot be sanitized in-place")}}else if(t instanceof v)e=pe("\x3c!----\x3e"),n=e.ownerDocument.importNode(t,!0),1===n.nodeType&&"BODY"===n.nodeName||"HTML"===n.nodeName?e=n:e.appendChild(n);else{if(!Dt&&!Et&&!St&&-1===t.indexOf("<"))return Q&&zt?Q.createHTML(t):t;if(e=pe(t),!e)return Dt?null:zt?Z:""}e&&_t&&ue(e.firstChild);const c=de(Ft?t:e);for(;r=c.nextNode();)be(r)||(r.content instanceof s&&Te(r.content),ve(r));if(Ft)return t;if(Dt){if(Lt)for(a=nt.call(e.ownerDocument);e.firstChild;)a.appendChild(e.firstChild);else a=e;return(ht.shadowroot||ht.shadowrootmode)&&(a=it.call(i,a,!0)),a}let f=St?e.outerHTML:e.innerHTML;return St&&dt["!doctype"]&&e.ownerDocument&&e.ownerDocument.doctype&&e.ownerDocument.doctype.name&&w(Y,e.ownerDocument.doctype.name)&&(f="<!DOCTYPE "+e.ownerDocument.doctype.name+">\n"+f),Et&&(f=h(f,at," "),f=h(f,lt," "),f=h(f,st," ")),Q&&zt?Q.createHTML(f):f},o.setConfig=function(t){ie(t),Rt=!0},o.clearConfig=function(){ee=null,Rt=!1},o.isValidAttribute=function(t,e,n){ee||ie({});const o=te(t),i=te(e);return we(o,i,n)},o.addHook=function(t,e){"function"==typeof e&&(rt[t]=rt[t]||[],m(rt[t],e))},o.removeHook=function(t){if(rt[t])return u(rt[t])},o.removeHooks=function(t){rt[t]&&(rt[t]=[])},o.removeAllHooks=function(){rt={}},o}();return V}()}));const o={CUSTOM_ELEMENT_HANDLING:{tagNameCheck:function(t){return RegExp(/^tttx-/).exec(t)},attributeNameCheck:function(){return!0},allowCustomizedBuiltInElements:!1}};export{o as d,n as p}
|
package/dist/tttx/tttx.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-c544551b.js";export{s as setNonce}from"./p-c544551b.js";(()=>{const t=import.meta.url,o={};return""!==t&&(o.resourcesUrl=new URL(".",t).href),e(o)})().then((e=>t([["p-
|
|
1
|
+
import{p as e,b as t}from"./p-c544551b.js";export{s as setNonce}from"./p-c544551b.js";(()=>{const t=import.meta.url,o={};return""!==t&&(o.resourcesUrl=new URL(".",t).href),e(o)})().then((e=>t([["p-909c090d",[[1,"tttx-dialog-box",{data:[1025],size:[1],elementSize:[32]},[[9,"resize","handleResize"]]]]],["p-a658e1ac",[[1,"tttx-filter",{filterKey:[1,"filter-key"],filterOptions:[1,"filter-options"],showSelectAll:[4,"show-select-all"],showSearchField:[4,"show-search-field"],showOptionIcons:[4,"show-option-icons"],filterButtonStyle:[1,"filter-button-style"],filterHeader:[1,"filter-header"],defaultFilterOptions:[1,"default-filter-options"],popoverWidth:[1,"popover-width"],showPopover:[32],displayedFilterSettings:[32],selectedFilters:[32],filterSearchTerm:[32],allSelected:[32]},[[0,"closeFilter","handleCloseFilter"]]]]],["p-8b511fff",[[1,"tttx-list",{data:[1025],name:[1]}]]],["p-225e6fa6",[[1,"tttx-sorter",{sorterKey:[1,"sorter-key"],defaultSortDirection:[1,"default-sort-direction"],fieldOptionsData:[1,"field-options-data"],defaultOption:[1,"default-option"],selectedField:[32],sortDirection:[32],dropdownExpand:[32],dropdownOptions:[32]},[[0,"closeSorter","handleCloseSorter"]]]]],["p-e6bbdae3",[[2,"tttx-standalone-input",{label:[1],secondarylabel:[1],showerrormsg:[4],showerrorbubble:[4],errormsg:[1],iconleft:[1],iconleftcolor:[1],iconright:[1],iconrightcolor:[1],inputicon:[1],inputiconcolor:[1],inline:[4],inputautocapitalize:[1],inputautofocus:[4],inputkeyhint:[1],inputindex:[8],inputtitle:[1],autocomplete:[1],checked:[4],disabled:[4],max:[8],maxlength:[8],min:[8],minlength:[8],name:[1],pattern:[1],placeholder:[1],readonly:[8],required:[4],step:[8],type:[1],value:[1032]}]]],["p-58d7c978",[[1,"tttx-form",{formschema:[1032],data:[1032],submit:[64]}]]],["p-f80ab1d8",[[1,"tttx-keyvalue-block",{keyvalues:[8],horizontal:[4]}]]],["p-3467c62e",[[1,"tttx-loading-spinner",{loadingMessage:[1028,"loading-message"],size:[1025]}]]],["p-cff962bf",[[1,"tttx-qrcode",{link:[1025],size:[1026]}]]],["p-4879a614",[[1,"tttx-toolbar",{border:[4]}]]],["p-53fa8b4d",[[1,"tttx-icon",{icon:[1],color:[1]}]]],["p-f37acea5",[[1,"tttx-button",{notext:[4],icon:[1],iconposition:[1],design:[1]}]]]],e)));
|
|
@@ -244,6 +244,7 @@ declare namespace LocalJSX {
|
|
|
244
244
|
"filterKey"?: string;
|
|
245
245
|
"filterOptions"?: string | FilterSettings[];
|
|
246
246
|
"onFilterChangeEvent"?: (event: TttxFilterCustomEvent<FilterChangeEvent>) => void;
|
|
247
|
+
"onToggleFilter"?: (event: TttxFilterCustomEvent<boolean>) => void;
|
|
247
248
|
"popoverWidth"?: string;
|
|
248
249
|
"showOptionIcons"?: boolean;
|
|
249
250
|
"showSearchField"?: boolean;
|
|
@@ -281,6 +282,7 @@ declare namespace LocalJSX {
|
|
|
281
282
|
"defaultSortDirection"?: 'ascending' | 'descending';
|
|
282
283
|
"fieldOptionsData"?: string | SorterData;
|
|
283
284
|
"onSorterChangeEvent"?: (event: TttxSorterCustomEvent<SorterChangeEvent>) => void;
|
|
285
|
+
"onToggleSorter"?: (event: TttxSorterCustomEvent<boolean>) => void;
|
|
284
286
|
"sorterKey"?: string;
|
|
285
287
|
}
|
|
286
288
|
interface TttxStandaloneInput {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@3t-transform/threeteeui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.57",
|
|
4
4
|
"description": "3t Design System",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -73,4 +73,4 @@
|
|
|
73
73
|
"storybook": "^7.0.6",
|
|
74
74
|
"ts-qrcode": "^0.0.4"
|
|
75
75
|
}
|
|
76
|
-
}
|
|
76
|
+
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as t,h as r,H as e,g as i}from"./p-c544551b.js";const n=class{constructor(r){o(this,r),this.sorterChangeEvent=t(this,"sorterChangeEvent",7),this.sorterKey=void 0,this.defaultSortDirection="descending",this.fieldOptionsData=null,this.defaultOption="",this.selectedField=this.defaultOption,this.sortDirection=this.defaultSortDirection,this.dropdownExpand=!1,this.dropdownOptions=void 0}handleCloseSorter(){this.dropdownExpand=!1}emitSortEvent(){this.sorterChangeEvent.emit({sorterDirection:this.sortDirection,sorterKey:this.sorterKey,sortField:this.selectedField})}onSortToggleClick(o){o.preventDefault(),this.sortDirection="ascending"==this.sortDirection?"descending":"ascending",this.emitSortEvent()}onDropdownClicked(){this.dropdownExpand=!this.dropdownExpand}onDropdownSelected(o){this.dropdownExpand=!1,this.selectedField=o.target.innerHTML,this.emitSortEvent()}render(){const o="string"==typeof this.fieldOptionsData?JSON.parse(this.fieldOptionsData):this.fieldOptionsData;if(!this.fieldOptionsData)return;const t="ascending"==this.sortDirection?"arrow_upward":"arrow_downward",i=this.dropdownExpand?"expand_less":"expand_more",n=this.selectedField;return r(e,{id:`sorter__${this.sorterKey}`},r("div",{tabindex:0,class:"sorter-container "+(this.dropdownExpand?"--expanded":"")},r("button",{class:"arrow-toggle-button",type:"button",onClick:this.onSortToggleClick.bind(this)},r("tttx-icon",{icon:t,color:"black"})),r("div",{class:"dropdown-selector",onClick:this.onDropdownClicked.bind(this)},r("div",{class:"dropdown-selector-button"},r("div",{class:"dropdown-selector-text"},n),r("div",{class:"dropdown-selector-chevron"},r("tttx-icon",{icon:i,color:"black"})))),this.dropdownExpand&&r("div",{class:"dropdown-options-list"},o.sorterOptions.map((o=>r("div",{class:"dropdown-option",tabIndex:-1,onClick:this.onDropdownSelected.bind(this),key:o.optionLabel},o.optionLabel))))))}get el(){return i(this)}};n.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.sorter-container{display:flex;flex-direction:row;position:relative;border:1px solid #d5d5d5;border-radius:4px;font-weight:400;box-sizing:border-box;height:36px;cursor:pointer;width:220px}@media (max-width: 475px){.sorter-container{width:68px}}.sorter-container .arrow-toggle-button{display:inline-flex;justify-content:center;align-items:center;flex-direction:column;background-color:white;border:none;border-bottom-left-radius:4px;border-top-left-radius:4px}@media (max-width: 475px){.sorter-container .arrow-toggle-button{padding-right:0px;padding-left:8px}}.sorter-container .arrow-toggle-button .hydrated{display:flex;justify-content:center;align-items:center;cursor:pointer}.sorter-container .arrow-toggle-button span{display:block;margin:auto;line-height:16px}.sorter-container .arrow-toggle-button .material-symbols-rounded{color:#212121}.sorter-container .dropdown-selector{display:inline-flex;position:relative;flex-grow:1}.sorter-container .dropdown-selector .dropdown-selector-button{display:inline-flex;flex-direction:row;gap:4px;padding-right:4px;align-items:center;color:#212121;width:100%}@media (max-width: 475px){.sorter-container .dropdown-selector .dropdown-selector-button .dropdown-selector-text{display:none}}.sorter-container .dropdown-selector .dropdown-selector-chevron{display:inline-flex;margin-left:auto;right:0;top:0;flex-direction:row;align-items:center;height:36px}.sorter-container .dropdown-selector .dropdown-selector-chevron .hydrated{height:24px;cursor:pointer}@media (max-width: 475px){.sorter-container .dropdown-selector .dropdown-selector-chevron{padding-right:2px}}.sorter-container .dropdown-options-list{position:absolute;top:36px;left:0;z-index:1;width:220px;line-height:21px;font-size:16px;border-radius:4px;padding-top:8px;padding-bottom:7px;box-shadow:0px 1px 5px #1111114D;box-sizing:border-box;background-color:white}@media (max-width: 475px){.sorter-container .dropdown-options-list{width:220px;padding-top:8px}}.sorter-container .dropdown-options-list .dropdown-option{padding:8px 16px;font-size:16px;line-height:21px}.sorter-container .dropdown-options-list .dropdown-option:hover,.sorter-container .dropdown-options-list .dropdown-option:focus{background-color:#ebfbfc}.sorter-container.--expanded{border-color:#1579c6}@media (max-width: 475px){.sorter-container.--expanded{border:none}}';export{n as tttx_sorter}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as o,g as n}from"./p-c544551b.js";const r=class{constructor(e){t(this,e),this.filterChangeEvent=i(this,"filterChangeEvent",7),this.filterKey=void 0,this.filterOptions=[{optionIcon:"cancel",optionIconColor:"darkred",optionText:"Expired"},{optionIcon:"warning",optionIconColor:"orange",optionText:"Expiring soon"},{optionIcon:"check_circle",optionIconColor:"green",optionText:"Active"}],this.showSelectAll=!0,this.showSearchField=!1,this.showOptionIcons=!0,this.filterButtonStyle="list filter",this.filterHeader="Qualification status",this.defaultFilterOptions=void 0,this.popoverWidth="193px",this.showPopover=!1,this.displayedFilterSettings=void 0,this.selectedFilters=void 0,this.filterSearchTerm="",this.allSelected=void 0}handleCloseFilter(){this.showPopover=!1}emitFilterEvent(){this.filterChangeEvent.emit({selectedFilters:this.selectedFilters,filterKey:this.filterKey,allSelected:this.allSelected})}onFilterButtonClick(){this.togglePopover()}onCloseButtonClick(){this.togglePopover()}onApplyFilterButtonClick(){this.emitFilterEvent(),this.togglePopover()}onFilterOptionSelected(t){this.allSelected=!1,this.selectedFilters=this.selectedFilters.includes(t)?this.selectedFilters.filter((i=>i!=t)):[...this.selectedFilters,t]}componentWillLoad(){if(this.displayedFilterSettings=this.parseFilterOptions(),void 0!==this.defaultFilterOptions){const t=this.parseDefaultFilterOptions();this.selectedFilters=t;let i=!0;this.parseFilterOptions().map((t=>{this.selectedFilters.includes(t.optionText)||(i=!1)})),this.allSelected=i}else this.allSelected=!0,this.selectedFilters=this.displayedFilterSettings.map((t=>t.optionText))}togglePopover(){this.showPopover=!this.showPopover}handleFilterChange(t){this.filterSearchTerm=t.target.value;const i=this.parseFilterOptions().filter((t=>{const i=t.optionText.toLowerCase(),e=this.filterSearchTerm.toLowerCase();return i.includes(e)}));this.displayedFilterSettings=i}onSelectAllClick(){this.allSelected=!this.allSelected,this.allSelected?this.displayedFilterSettings.forEach((t=>{this.selectedFilters=[...this.selectedFilters,t.optionText]})):this.selectedFilters=[]}getFilterButtonClassName(t){switch(t){case"table icon":return"--table-icon";case"list icon":return"--list-icon";default:return""}}parseFilterOptions(){return"string"==typeof this.filterOptions?JSON.parse(this.filterOptions):this.filterOptions}parseDefaultFilterOptions(){return"string"==typeof this.defaultFilterOptions?JSON.parse(this.defaultFilterOptions):this.defaultFilterOptions}render(){const t=this.showSearchField?"--with-search-field":"",i=this.allSelected?"check_box":"check_box_outline_blank",n=this.allSelected?"blue":"grey",r=this.getFilterButtonClassName(this.filterButtonStyle);return e(o,{id:`filter__${this.filterKey}`},e("div",{class:"filter-container"},e("button",{class:`filter-button ${r}`,type:"button",onClick:this.onFilterButtonClick.bind(this)},e("tttx-icon",{icon:"filter_list",class:"filter-icon",color:"black"}),"Filter"),this.showPopover&&e("div",{class:`filter-popover-container ${t}`,style:{width:this.popoverWidth}},e("div",{class:"filter-header"},this.filterHeader),this.showSearchField?e("div",{class:"search-field-container"},e("tttx-icon",{icon:"search",class:"search-icon"}),e("input",{type:"text",class:"search-input",placeholder:"Search",value:this.filterSearchTerm,onInput:this.handleFilterChange.bind(this)})):"",e("div",{class:"filter-options-container"},this.showSelectAll?e("div",{class:"filter-option",tabIndex:-1,onClick:this.onSelectAllClick.bind(this)},e("tttx-icon",{icon:i,color:n,class:"select-all-icon"}),e("label",{class:"filter-label"},"Select all")):"",this.displayedFilterSettings.map((t=>{const i=this.selectedFilters.includes(t.optionText)?"check_box":"check_box_outline_blank",o=this.selectedFilters.includes(t.optionText)?"blue":"grey";return e("div",{class:"filter-option",tabIndex:-1,onClick:()=>this.onFilterOptionSelected(t.optionText),key:t.optionText},e("tttx-icon",{icon:i,color:o,class:"checkbox-icon"}),this.showOptionIcons&&e("tttx-icon",{icon:t.optionIcon,color:t.optionIconColor}),e("label",{class:"filter-label"},t.optionText))}))),e("div",{class:"filter-popover-button-container"},e("button",{type:"button",class:"close-button",onClick:this.onCloseButtonClick.bind(this)},"Close"),e("button",{type:"button",class:"apply-button",onClick:this.onApplyFilterButtonClick.bind(this)},"Apply")))))}get el(){return n(this)}};r.style='.material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-rounded{font-family:"Material Symbols Rounded", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}.filter-container{background-color:white;position:relative}.filter-container .filter-button{display:inline-flex;justify-content:center;align-items:center;font-size:14px;font-weight:400;font-family:"Roboto", serif;text-transform:uppercase;color:#212121;border:1px solid #d5d5d5;border-radius:4px;background:transparent;height:36px;width:95px;margin:0;padding-right:16px;cursor:pointer}@media (max-width: 475px){.filter-container .filter-button{padding-left:4px}}.filter-container .filter-button .filter-icon{padding-left:8px;padding-right:4px}.filter-container .filter-button.--list-icon{font-size:0;width:36px;height:36px;padding:0}.filter-container .filter-button.--list-icon .filter-icon{padding:0}.filter-container .filter-button.--list-icon:hover{background:#e3e3e3}.filter-container .filter-button.--table-icon{font-size:0;width:36px;height:36px;padding:0;border:none}.filter-container .filter-button.--table-icon .filter-icon{padding:0;width:24px;height:24px}.filter-container .filter-button.--table-icon:hover{background:#e3e3e3;border-radius:50%;width:36px;height:36px}.filter-container .filter-button:hover{background:#e3e3e3}.filter-container .filter-popover-container{display:flex;flex-direction:column;gap:8px;border-radius:4px;box-shadow:0px 1px 5px #1111114D;position:absolute;top:36px;left:0px;background-color:white;padding:8px 16px}.filter-container .filter-popover-container .filter-header{color:#757575;text-transform:uppercase;font-size:14px;font-weight:500;font-family:"Roboto", serif;padding-top:4px;padding-bottom:5px}.filter-container .filter-popover-container .filter-options-container{display:flex;flex-direction:column;gap:4px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;padding-bottom:8px}.filter-container .filter-popover-container .filter-option{display:flex;flex-direction:row;align-items:center;min-height:36px;padding-left:8px}.filter-container .filter-popover-container .filter-option .select-all-icon{padding-right:6px}.filter-container .filter-popover-container .filter-option .checkbox-icon{padding-right:8px}.filter-container .filter-popover-container .filter-option .filter-label{padding-left:8px;padding-bottom:3px;font-size:16px;font-weight:500;font-family:"Roboto", serif}.filter-container .filter-popover-container .filter-option:first-child{padding-top:8px}.filter-container .filter-popover-container .filter-popover-button-container{display:flex;justify-content:flex-end;align-items:center}.filter-container .filter-popover-container .filter-popover-button-container .close-button{height:36px;width:74px;background-color:white;border:1px solid #d5d5d5;border-radius:4px;text-transform:uppercase;margin-right:8px;font-size:14px;font-weight:400;font-family:"Roboto", serif;color:#212121}.filter-container .filter-popover-container .filter-popover-button-container .apply-button{height:36px;width:73px;background-color:#1479c6;color:white;border-radius:4px;border:none;text-transform:uppercase;font-size:14px;font-weight:400;font-family:"Roboto", serif}.filter-container .filter-popover-container.--with-search-field .filter-header{border-bottom:1px solid #d5d5d5}.filter-container .filter-popover-container.--with-search-field .search-field-container{position:relative;color:#d5d5d5;height:36px}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-icon{position:absolute;top:6px;left:8px}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input{padding-left:36px;border:1px solid #d5d5d5;border-radius:4px;height:36px;width:100%;font-size:16px;font-family:"Roboto", serif;font-weight:500;box-sizing:border-box}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input:focus-visible,.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input:focus{outline:none;border:1px solid #1479c6}.filter-container .filter-popover-container.--with-search-field .search-field-container .search-input::placeholder{color:#9e9e9e;font-size:16px;font-family:"Roboto", serif;font-weight:500}';export{r as tttx_filter}
|