@mgdis/mg-components 6.22.0 → 6.22.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{index-C2viYwrR.js → index-Dz2LAZQT.js} +325 -1789
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{mg-action-more_37.cjs.entry.js → mg-action-more_36.cjs.entry.js} +109 -130
- package/dist/cjs/mg-alert.cjs.entry.js +2 -2
- package/dist/cjs/mg-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/mg-components.cjs.js +3 -3
- package/dist/cjs/mg-fieldset.cjs.entry.js +2 -2
- package/dist/cjs/mg-input-combobox.cjs.entry.js +2 -2
- package/dist/cjs/mg-input-file.cjs.entry.js +3 -3
- package/dist/cjs/mg-input-rich-text-editor.cjs.entry.js +2498 -2474
- package/dist/cjs/mg-loader.cjs.entry.js +2 -2
- package/dist/cjs/mg-progress.cjs.entry.js +2 -2
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/atoms/mg-badge/mg-badge.js +2 -1
- package/dist/collection/components/atoms/mg-button/mg-button.js +6 -3
- package/dist/collection/components/atoms/mg-card/mg-card.js +2 -1
- package/dist/collection/components/atoms/mg-icon/mg-icon.js +8 -4
- package/dist/collection/components/atoms/mg-tag/mg-tag.js +2 -1
- package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.js +2 -1
- package/dist/collection/components/molecules/inputs/mg-input/mg-input.js +4 -2
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxPaginated.js +38 -0
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf.js +3 -2
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js +47 -26
- package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.js +13 -7
- package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js +3 -2
- package/dist/collection/components/molecules/inputs/mg-input-file/mg-input-file.js +4 -3
- package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js +9 -5
- package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js +5 -3
- package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js +5 -3
- package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.js +7 -4
- package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js +22 -8
- package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.js +11 -6
- package/dist/collection/components/molecules/inputs/mg-input-textarea/mg-input-textarea.js +5 -3
- package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.js +7 -4
- package/dist/collection/components/molecules/internals/mg-item-more/mg-item-more.js +5 -3
- package/dist/collection/components/molecules/menus/mg-menu/mg-menu.js +5 -3
- package/dist/collection/components/molecules/menus/mg-menu-item/mg-menu-item.js +4 -2
- package/dist/collection/components/molecules/mg-action-more/mg-action-more.js +11 -7
- package/dist/collection/components/molecules/mg-alert/mg-alert.js +5 -3
- package/dist/collection/components/molecules/mg-breadcrumb/mg-breadcrumb.js +3 -2
- package/dist/collection/components/molecules/mg-details/mg-details.js +1 -1
- package/dist/collection/components/molecules/mg-fieldset/mg-fieldset.js +3 -2
- package/dist/collection/components/molecules/mg-form/mg-form.js +5 -3
- package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js +5 -3
- package/dist/collection/components/molecules/mg-loader/mg-loader.js +1 -1
- package/dist/collection/components/molecules/mg-message/mg-message.js +6 -4
- package/dist/collection/components/molecules/mg-modal/mg-modal.js +4 -3
- package/dist/collection/components/molecules/mg-pagination/mg-pagination.js +2 -1
- package/dist/collection/components/molecules/mg-panel/mg-panel.js +5 -3
- package/dist/collection/components/molecules/mg-popover/mg-popover-content/mg-popover-content.js +1 -1
- package/dist/collection/components/molecules/mg-popover/mg-popover.js +3 -2
- package/dist/collection/components/molecules/mg-progress/mg-progress.js +3 -2
- package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.js +3 -2
- package/dist/collection/components/molecules/mg-table/mg-table.js +4 -2
- package/dist/collection/components/molecules/mg-tabs/mg-tabs.js +3 -2
- package/dist/components/index2.js +1 -1
- package/dist/components/mg-action-more.js +1 -1
- package/dist/components/mg-alert.js +1 -1
- package/dist/components/mg-breadcrumb.js +1 -1
- package/dist/components/mg-details.js +1 -1
- package/dist/components/mg-fieldset.js +1 -1
- package/dist/components/mg-form.js +1 -1
- package/dist/components/mg-illustrated-message.js +1 -1
- package/dist/components/mg-input-checkbox.js +1 -1
- package/dist/components/mg-input-combobox.js +1 -1
- package/dist/components/mg-input-date.js +1 -1
- package/dist/components/mg-input-file.js +1 -1
- package/dist/components/mg-input-numeric.js +1 -1
- package/dist/components/mg-input-password.js +1 -1
- package/dist/components/mg-input-radio.js +1 -1
- package/dist/components/mg-input-rich-text-editor.js +2 -2
- package/dist/components/mg-input-select2.js +1 -1
- package/dist/components/mg-input-text2.js +1 -1
- package/dist/components/mg-input-textarea.js +1 -1
- package/dist/components/mg-input-toggle.js +1 -1
- package/dist/components/mg-item-more2.js +1 -1
- package/dist/components/mg-loader2.js +1 -1
- package/dist/components/mg-message2.js +1 -1
- package/dist/components/mg-modal.js +1 -1
- package/dist/components/mg-panel.js +1 -1
- package/dist/components/mg-popover-content2.js +1 -1
- package/dist/components/mg-popover2.js +1 -1
- package/dist/components/mg-progress.js +1 -1
- package/dist/components/mg-skip-links.js +1 -1
- package/dist/components/mg-tabs2.js +1 -1
- package/dist/esm/{index-DFwaH2hS.js → index-C3jUhxdI.js} +325 -1789
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{mg-action-more_37.entry.js → mg-action-more_36.entry.js} +111 -131
- package/dist/esm/mg-alert.entry.js +2 -2
- package/dist/esm/mg-breadcrumb.entry.js +2 -2
- package/dist/esm/mg-components.js +4 -4
- package/dist/esm/mg-fieldset.entry.js +2 -2
- package/dist/esm/mg-input-combobox.entry.js +2 -2
- package/dist/esm/mg-input-file.entry.js +3 -3
- package/dist/esm/mg-input-rich-text-editor.entry.js +2498 -2474
- package/dist/esm/mg-loader.entry.js +2 -2
- package/dist/esm/mg-progress.entry.js +2 -2
- package/dist/mg-components/mg-components.esm.js +1 -1
- package/dist/mg-components/{p-2ee92f38.entry.js → p-06fbdb2f.entry.js} +1 -1
- package/dist/mg-components/{p-3b653226.entry.js → p-188b9ca9.entry.js} +1 -1
- package/dist/mg-components/p-4667078d.entry.js +1 -0
- package/dist/mg-components/{p-c63f97f0.entry.js → p-5a859ecf.entry.js} +2 -2
- package/dist/mg-components/{p-d5e69c95.entry.js → p-661da56b.entry.js} +1 -1
- package/dist/mg-components/{p-adec7fcc.entry.js → p-8e256086.entry.js} +1 -1
- package/dist/mg-components/p-C3jUhxdI.js +2 -0
- package/dist/mg-components/{p-cc793586.entry.js → p-b0b8c58f.entry.js} +1 -1
- package/dist/mg-components/{p-5745fbea.entry.js → p-bbcef41c.entry.js} +1 -1
- package/dist/mg-components/{p-c8c8cfc1.entry.js → p-c1aeb277.entry.js} +1 -1
- package/dist/types/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxList.d.ts +2 -2
- package/dist/types/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxPaginated.d.ts +8 -0
- package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf.d.ts +16 -8
- package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.d.ts +15 -5
- package/dist/types/components/molecules/inputs/mg-input-select/mg-input-select.d.ts +1 -1
- package/dist/types/components.d.ts +525 -170
- package/dist/types/stencil-public-runtime.d.ts +52 -2
- package/ide/intellij/web-types.json +7 -7
- package/ide/vscode/html-custom-data.json +3 -3
- package/package.json +19 -19
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.js +0 -245
- package/dist/components/mg-input-checkbox-paginated.d.ts +0 -11
- package/dist/components/mg-input-checkbox-paginated.js +0 -1
- package/dist/components/mg-input-checkbox-paginated2.js +0 -1
- package/dist/mg-components/p-0482eb9f.entry.js +0 -1
- package/dist/mg-components/p-DFwaH2hS.js +0 -2
- package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.d.ts +0 -77
|
@@ -248,7 +248,7 @@ export class MgInputPassword {
|
|
|
248
248
|
* @returns HTML Element
|
|
249
249
|
*/
|
|
250
250
|
render() {
|
|
251
|
-
return (h("mg-input", { key: '
|
|
251
|
+
return (h("mg-input", { key: 'bfa5f289eb4d357c21cd9a753550bab1df846df8', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === undefined ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly ? (this.value !== undefined && h("b", { class: "mg-c-input__readonly-value" }, '•'.repeat(this.value.length))) : (h("span", { class: "mg-c-input__input-group" }, h("input", { type: this.displayPassword ? 'text' : 'password', class: "mg-c-input__box mg-c-input__box--width", value: this.value, id: this.identifier, name: this.name, placeholder: this.placeholder, title: this.placeholder, disabled: this.disabled, required: this.required, maxlength: this.maxlength, "aria-invalid": (this.invalid === true).toString(), onInput: this.handleInput, onBlur: this.handleBlur, ref: (el) => {
|
|
252
252
|
if (el !== null)
|
|
253
253
|
this.input = el;
|
|
254
254
|
} }), h("mg-button", { label: this.messages.input.password[this.displayPassword ? 'hide' : 'display'], disabled: this.disabled, variant: "flat", class: "mg-c-input__append-button", "is-icon": true, onClick: this.toggleDisplayPassword, "aria-controls": this.identifier }, h("mg-icon", { class: "mg-c-input__input-icon", icon: (this.displayPassword ? 'eye-slash' : 'eye') }))))));
|
|
@@ -492,7 +492,8 @@ export class MgInputPassword {
|
|
|
492
492
|
"Width": {
|
|
493
493
|
"location": "import",
|
|
494
494
|
"path": "../mg-input/mg-input.conf",
|
|
495
|
-
"id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::Width"
|
|
495
|
+
"id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::Width",
|
|
496
|
+
"referenceLocation": "Width"
|
|
496
497
|
}
|
|
497
498
|
}
|
|
498
499
|
},
|
|
@@ -537,7 +538,8 @@ export class MgInputPassword {
|
|
|
537
538
|
"TooltipPosition": {
|
|
538
539
|
"location": "import",
|
|
539
540
|
"path": "../mg-input/mg-input.conf",
|
|
540
|
-
"id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition"
|
|
541
|
+
"id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition",
|
|
542
|
+
"referenceLocation": "TooltipPosition"
|
|
541
543
|
}
|
|
542
544
|
}
|
|
543
545
|
},
|
|
@@ -284,7 +284,7 @@ export class MgInputRadio {
|
|
|
284
284
|
* @returns HTML Element
|
|
285
285
|
*/
|
|
286
286
|
render() {
|
|
287
|
-
return (h("mg-input", { key: '
|
|
287
|
+
return (h("mg-input", { key: 'a24a80156ef3e7760d02a52900d93099cd570db8', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && !this.value ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly ? (this.readonlyValue && h("b", { class: "mg-c-input__readonly-value" }, this.readonlyValue)) : (h("div", { class: "mg-c-input__input-group-container" }, this.options.map((input, index) => (h("div", { key: input.title, class: { 'mg-c-input__input-group': true, 'mg-c-input__input-group--disabled': this.disabled || input.disabled } }, h("input", { type: "radio", id: this.identifier + '_' + index, name: this.identifier, value: index, checked: JSON.stringify(this.value) === JSON.stringify(this.options[index].value), disabled: this.disabled || input.disabled, required: this.required, onBlur: this.handleBlur, onInput: this.handleInput, ref: (el) => {
|
|
288
288
|
if (el !== null)
|
|
289
289
|
this.inputs[index] = el;
|
|
290
290
|
} }), h("label", { htmlFor: this.identifier + '_' + index }, input.title))))))));
|
|
@@ -332,7 +332,8 @@ export class MgInputRadio {
|
|
|
332
332
|
"RadioOption": {
|
|
333
333
|
"location": "import",
|
|
334
334
|
"path": "./mg-input-radio.conf",
|
|
335
|
-
"id": "src/components/molecules/inputs/mg-input-radio/mg-input-radio.conf.ts::RadioOption"
|
|
335
|
+
"id": "src/components/molecules/inputs/mg-input-radio/mg-input-radio.conf.ts::RadioOption",
|
|
336
|
+
"referenceLocation": "RadioOption"
|
|
336
337
|
}
|
|
337
338
|
}
|
|
338
339
|
},
|
|
@@ -552,7 +553,8 @@ export class MgInputRadio {
|
|
|
552
553
|
"TooltipPosition": {
|
|
553
554
|
"location": "import",
|
|
554
555
|
"path": "../mg-input/mg-input.conf",
|
|
555
|
-
"id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition"
|
|
556
|
+
"id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition",
|
|
557
|
+
"referenceLocation": "TooltipPosition"
|
|
556
558
|
}
|
|
557
559
|
}
|
|
558
560
|
},
|
|
@@ -375,7 +375,7 @@ export class MgInputRichTextEditor {
|
|
|
375
375
|
* @returns HTML mg-input Element
|
|
376
376
|
*/
|
|
377
377
|
render() {
|
|
378
|
-
return (h("mg-input", { key: '
|
|
378
|
+
return (h("mg-input", { key: '019cea088aa4a3938d533d7214ba7a8a1e750c0d', identifier: this.identifier, class: this.classCollection.join(), label: this.label, labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.tooltipPosition, helpText: this.helpText, errorMessage: this.hasDisplayedError ? this.errorMessage : undefined }, this.readonly ? (h("div", { class: "mg-c-input__readonly-value", innerHTML: this.value })) : (h("div", { id: this.identifier, class: "mg-c-input__wrapper" }, h("textarea", { name: this.name, ref: (el) => {
|
|
379
379
|
if (el !== null)
|
|
380
380
|
this.editorElement = el;
|
|
381
381
|
} })))));
|
|
@@ -678,7 +678,8 @@ export class MgInputRichTextEditor {
|
|
|
678
678
|
"TooltipPosition": {
|
|
679
679
|
"location": "import",
|
|
680
680
|
"path": "../mg-input/mg-input.conf",
|
|
681
|
-
"id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition"
|
|
681
|
+
"id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition",
|
|
682
|
+
"referenceLocation": "TooltipPosition"
|
|
682
683
|
}
|
|
683
684
|
}
|
|
684
685
|
},
|
|
@@ -723,7 +724,8 @@ export class MgInputRichTextEditor {
|
|
|
723
724
|
"ButtonsOption": {
|
|
724
725
|
"location": "import",
|
|
725
726
|
"path": "./editor/editor.conf",
|
|
726
|
-
"id": "src/components/molecules/inputs/mg-input-rich-text-editor/editor/editor.conf.ts::ButtonsOption"
|
|
727
|
+
"id": "src/components/molecules/inputs/mg-input-rich-text-editor/editor/editor.conf.ts::ButtonsOption",
|
|
728
|
+
"referenceLocation": "ButtonsOption"
|
|
727
729
|
}
|
|
728
730
|
}
|
|
729
731
|
},
|
|
@@ -748,7 +750,8 @@ export class MgInputRichTextEditor {
|
|
|
748
750
|
"SanitizerOptions": {
|
|
749
751
|
"location": "import",
|
|
750
752
|
"path": "@mgdis/sanitize-html",
|
|
751
|
-
"id": "../sanitize-html/dist/index.d.ts::SanitizerOptions"
|
|
753
|
+
"id": "../sanitize-html/dist/index.d.ts::SanitizerOptions",
|
|
754
|
+
"referenceLocation": "SanitizerOptions"
|
|
752
755
|
}
|
|
753
756
|
}
|
|
754
757
|
},
|
|
@@ -129,11 +129,19 @@ export class MgInputSelect {
|
|
|
129
129
|
}
|
|
130
130
|
};
|
|
131
131
|
/**
|
|
132
|
-
* Method to compare item
|
|
132
|
+
* Method to compare item with input.value
|
|
133
133
|
* @param item - item to compare with
|
|
134
134
|
* @returns truthy if input.value is an item
|
|
135
135
|
*/
|
|
136
|
-
this.isInputValue = (item) => {
|
|
136
|
+
this.isInputValue = (item) => {
|
|
137
|
+
if (this.input === undefined)
|
|
138
|
+
return false;
|
|
139
|
+
// String items keep native DOM values.
|
|
140
|
+
if (allItemsAreString(this.items))
|
|
141
|
+
return item.title === this.input.value;
|
|
142
|
+
// Object items use stringified values.
|
|
143
|
+
return toString(item.value) === this.input.value;
|
|
144
|
+
};
|
|
137
145
|
/**
|
|
138
146
|
* Handle blur event
|
|
139
147
|
*/
|
|
@@ -178,7 +186,10 @@ export class MgInputSelect {
|
|
|
178
186
|
* @param option - to render
|
|
179
187
|
* @returns render option
|
|
180
188
|
*/
|
|
181
|
-
this.renderOption = (option) =>
|
|
189
|
+
this.renderOption = (option) => {
|
|
190
|
+
const serializedValue = allItemsAreString(this.items) ? option.title : toString(option.value);
|
|
191
|
+
return (h("option", { key: serializedValue, value: serializedValue, selected: JSON.stringify(this.value) === JSON.stringify(option.value), disabled: option.disabled }, option.title));
|
|
192
|
+
};
|
|
182
193
|
}
|
|
183
194
|
validateValue(newValue) {
|
|
184
195
|
setTimeout(() => {
|
|
@@ -372,7 +383,7 @@ export class MgInputSelect {
|
|
|
372
383
|
*/
|
|
373
384
|
render() {
|
|
374
385
|
const readonlyValue = this.getReadonlyValue();
|
|
375
|
-
return (h("mg-input", { key: '
|
|
386
|
+
return (h("mg-input", { key: '7d544e8f67a37d5781697da10d3d4f47cc5027e3', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && readonlyValue === null ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly ? (readonlyValue && h("b", { class: "mg-c-input__readonly-value" }, readonlyValue)) : (h("select", { class: "mg-c-input__box", id: this.identifier, name: this.name, title: this.placeholder, disabled: this.disabled, required: this.required, "aria-invalid": (this.invalid === true).toString(), onInput: this.handleInput, onBlur: this.handleBlur, ref: (el) => {
|
|
376
387
|
if (el !== null)
|
|
377
388
|
this.input = el;
|
|
378
389
|
} }, (!this.placeholderHide || !this.valueExist) && ( // In case passed value does not match any option we display the placeholder
|
|
@@ -421,7 +432,8 @@ export class MgInputSelect {
|
|
|
421
432
|
"SelectOption": {
|
|
422
433
|
"location": "import",
|
|
423
434
|
"path": "./mg-input-select.conf",
|
|
424
|
-
"id": "src/components/molecules/inputs/mg-input-select/mg-input-select.conf.ts::SelectOption"
|
|
435
|
+
"id": "src/components/molecules/inputs/mg-input-select/mg-input-select.conf.ts::SelectOption",
|
|
436
|
+
"referenceLocation": "SelectOption"
|
|
425
437
|
}
|
|
426
438
|
}
|
|
427
439
|
},
|
|
@@ -661,7 +673,8 @@ export class MgInputSelect {
|
|
|
661
673
|
"Width": {
|
|
662
674
|
"location": "import",
|
|
663
675
|
"path": "../mg-input/mg-input.conf",
|
|
664
|
-
"id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::Width"
|
|
676
|
+
"id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::Width",
|
|
677
|
+
"referenceLocation": "Width"
|
|
665
678
|
}
|
|
666
679
|
}
|
|
667
680
|
},
|
|
@@ -705,7 +718,8 @@ export class MgInputSelect {
|
|
|
705
718
|
"TooltipPosition": {
|
|
706
719
|
"location": "import",
|
|
707
720
|
"path": "../mg-input/mg-input.conf",
|
|
708
|
-
"id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition"
|
|
721
|
+
"id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition",
|
|
722
|
+
"referenceLocation": "TooltipPosition"
|
|
709
723
|
}
|
|
710
724
|
}
|
|
711
725
|
},
|
|
@@ -801,7 +815,7 @@ export class MgInputSelect {
|
|
|
801
815
|
},
|
|
802
816
|
"complexType": {
|
|
803
817
|
"original": "HTMLMgInputCheckboxElement['value']",
|
|
804
|
-
"resolved": "
|
|
818
|
+
"resolved": "ICheckboxValue[]",
|
|
805
819
|
"references": {
|
|
806
820
|
"HTMLMgInputCheckboxElement": {
|
|
807
821
|
"location": "global",
|
|
@@ -375,7 +375,7 @@ export class MgInputText {
|
|
|
375
375
|
* @returns HTML Element
|
|
376
376
|
*/
|
|
377
377
|
render() {
|
|
378
|
-
return (h("mg-input", { key: '
|
|
378
|
+
return (h("mg-input", { key: '068e38b82ef4e2254fb8d37f21ecf11dc4f3a012', label: this.label, identifier: this.identifier, class: this.classCollection.join(), ariaDescribedbyIDs: this.characterLeftId, labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === undefined ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly
|
|
379
379
|
? this.value && this.renderReadonly()
|
|
380
380
|
: [
|
|
381
381
|
h("div", { key: "input", class: "mg-c-input__input-group-container", style: {
|
|
@@ -528,7 +528,8 @@ export class MgInputText {
|
|
|
528
528
|
"TextType": {
|
|
529
529
|
"location": "import",
|
|
530
530
|
"path": "./mg-input-text.conf",
|
|
531
|
-
"id": "src/components/molecules/inputs/mg-input-text/mg-input-text.conf.ts::TextType"
|
|
531
|
+
"id": "src/components/molecules/inputs/mg-input-text/mg-input-text.conf.ts::TextType",
|
|
532
|
+
"referenceLocation": "TextType"
|
|
532
533
|
}
|
|
533
534
|
}
|
|
534
535
|
},
|
|
@@ -554,7 +555,8 @@ export class MgInputText {
|
|
|
554
555
|
"IconType": {
|
|
555
556
|
"location": "import",
|
|
556
557
|
"path": "../../../../components",
|
|
557
|
-
"id": "src/components.d.ts::IconType"
|
|
558
|
+
"id": "src/components.d.ts::IconType",
|
|
559
|
+
"referenceLocation": "IconType"
|
|
558
560
|
}
|
|
559
561
|
}
|
|
560
562
|
},
|
|
@@ -598,7 +600,8 @@ export class MgInputText {
|
|
|
598
600
|
"OptionType": {
|
|
599
601
|
"location": "import",
|
|
600
602
|
"path": "./mg-input-text.conf",
|
|
601
|
-
"id": "src/components/molecules/inputs/mg-input-text/mg-input-text.conf.ts::OptionType"
|
|
603
|
+
"id": "src/components/molecules/inputs/mg-input-text/mg-input-text.conf.ts::OptionType",
|
|
604
|
+
"referenceLocation": "OptionType"
|
|
602
605
|
}
|
|
603
606
|
}
|
|
604
607
|
},
|
|
@@ -701,7 +704,8 @@ export class MgInputText {
|
|
|
701
704
|
"Width": {
|
|
702
705
|
"location": "import",
|
|
703
706
|
"path": "../mg-input/mg-input.conf",
|
|
704
|
-
"id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::Width"
|
|
707
|
+
"id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::Width",
|
|
708
|
+
"referenceLocation": "Width"
|
|
705
709
|
}
|
|
706
710
|
}
|
|
707
711
|
},
|
|
@@ -784,7 +788,8 @@ export class MgInputText {
|
|
|
784
788
|
"TooltipPosition": {
|
|
785
789
|
"location": "import",
|
|
786
790
|
"path": "../mg-input/mg-input.conf",
|
|
787
|
-
"id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition"
|
|
791
|
+
"id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition",
|
|
792
|
+
"referenceLocation": "TooltipPosition"
|
|
788
793
|
}
|
|
789
794
|
}
|
|
790
795
|
},
|
|
@@ -284,7 +284,7 @@ export class MgInputTextarea {
|
|
|
284
284
|
* @returns HTML Element
|
|
285
285
|
*/
|
|
286
286
|
render() {
|
|
287
|
-
return (h("mg-input", { key: '
|
|
287
|
+
return (h("mg-input", { key: '021aa902aa952730d98fbc2eaa5136975b484319', label: this.label, identifier: this.identifier, class: this.classCollection.join(), ariaDescribedbyIDs: this.characterLeftId, labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === undefined ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly ? (this.value && h("b", { class: "mg-c-input__readonly-value" }, this.value)) : (h("div", { class: "mg-c-input__input-group-container" }, h("textarea", { class: {
|
|
288
288
|
'mg-c-input__box': true,
|
|
289
289
|
'mg-c-input__box--width': true,
|
|
290
290
|
'mg-c-input__box--resizable': this.resizable === 'both',
|
|
@@ -535,7 +535,8 @@ export class MgInputTextarea {
|
|
|
535
535
|
"Width": {
|
|
536
536
|
"location": "import",
|
|
537
537
|
"path": "../mg-input/mg-input.conf",
|
|
538
|
-
"id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::Width"
|
|
538
|
+
"id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::Width",
|
|
539
|
+
"referenceLocation": "Width"
|
|
539
540
|
}
|
|
540
541
|
}
|
|
541
542
|
},
|
|
@@ -638,7 +639,8 @@ export class MgInputTextarea {
|
|
|
638
639
|
"TooltipPosition": {
|
|
639
640
|
"location": "import",
|
|
640
641
|
"path": "../mg-input/mg-input.conf",
|
|
641
|
-
"id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition"
|
|
642
|
+
"id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition",
|
|
643
|
+
"referenceLocation": "TooltipPosition"
|
|
642
644
|
}
|
|
643
645
|
}
|
|
644
646
|
},
|
|
@@ -270,7 +270,7 @@ export class MgInputToggle {
|
|
|
270
270
|
*/
|
|
271
271
|
render() {
|
|
272
272
|
const currentOption = this.options[this.getCurrentOptionIndex(this.value)];
|
|
273
|
-
return (h("mg-input", { key: '
|
|
273
|
+
return (h("mg-input", { key: '3f440a16156b4fc89590addba025b350218ccf9c', label: this.label, helpText: this.helpText, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: undefined, tooltip: this.tooltip, tooltipPosition: this.tooltipPosition, errorMessage: this.errorMessage }, this.readonly ? (currentOption && h("b", { class: "mg-c-input__readonly-value" }, currentOption.title)) : (h("button", { type: "button", role: "switch", "aria-checked": this.isChecked(this.value).toString(), "aria-readonly": this.disabled || this.readonly, id: this.identifier, class: "mg-c-input__button-toggle", disabled: this.disabled || this.readonly, onClick: this.handleSwitchButton, ref: el => {
|
|
274
274
|
if (el !== null)
|
|
275
275
|
this.button = el;
|
|
276
276
|
} }, h("span", { "aria-hidden": "true", class: "mg-c-input__toggle-item-container" }, h("slot", { name: "item-1" })), h("span", { "aria-hidden": "true", class: "mg-c-input__toggle-item-container" }, h("slot", { name: "item-2" }))))));
|
|
@@ -299,7 +299,8 @@ export class MgInputToggle {
|
|
|
299
299
|
"ToggleOption": {
|
|
300
300
|
"location": "import",
|
|
301
301
|
"path": "../../../../types",
|
|
302
|
-
"id": "src/types/index.ts::Option"
|
|
302
|
+
"id": "src/types/index.ts::Option",
|
|
303
|
+
"referenceLocation": "Option"
|
|
303
304
|
}
|
|
304
305
|
}
|
|
305
306
|
},
|
|
@@ -322,7 +323,8 @@ export class MgInputToggle {
|
|
|
322
323
|
"ToggleOption": {
|
|
323
324
|
"location": "import",
|
|
324
325
|
"path": "../../../../types",
|
|
325
|
-
"id": "src/types/index.ts::Option"
|
|
326
|
+
"id": "src/types/index.ts::Option",
|
|
327
|
+
"referenceLocation": "Option"
|
|
326
328
|
}
|
|
327
329
|
}
|
|
328
330
|
},
|
|
@@ -542,7 +544,8 @@ export class MgInputToggle {
|
|
|
542
544
|
"TooltipPosition": {
|
|
543
545
|
"location": "import",
|
|
544
546
|
"path": "../mg-input/mg-input.conf",
|
|
545
|
-
"id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition"
|
|
547
|
+
"id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition",
|
|
548
|
+
"referenceLocation": "TooltipPosition"
|
|
546
549
|
}
|
|
547
550
|
}
|
|
548
551
|
},
|
|
@@ -99,12 +99,13 @@ export class MgItemMore {
|
|
|
99
99
|
"mutable": false,
|
|
100
100
|
"complexType": {
|
|
101
101
|
"original": "IconType",
|
|
102
|
-
"resolved": "{ icon: \"filter\" | \"
|
|
102
|
+
"resolved": "{ icon: \"filter\" | \"address-card\" | \"address-card-outline\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"arrows-up-down\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building\" | \"building-outline\" | \"calculator\" | \"calculator-outline\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-exclamation\" | \"comment-exclamation-outline\" | \"comment-outline\" | \"comment-question\" | \"comment-question-outline\" | \"comment-sms\" | \"comment-sms-outline\" | \"conversation\" | \"conversation-outline\" | \"copy\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"download\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-outline\" | \"eye-slash\" | \"eye-slash-outline\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-cog-outline\" | \"file-download\" | \"file-download-outline\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-upload-outline\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-checked\" | \"floppy-disk-checked-outline\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folder-star-outline\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-euro\" | \"hand-euro-outline\" | \"hand-up\" | \"history\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"key\" | \"laptop\" | \"layers\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"link\" | \"list\" | \"loader\" | \"location\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-open\" | \"mail-open-outline\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-outline\" | \"paper-plane-slash\" | \"paper-plane-slash-outline\" | \"paperclip\" | \"pause\" | \"pause-outline\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"plus-circle-outline\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sidebar-arrow-left\" | \"sidebar-arrow-right\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"table\" | \"tag\" | \"tag-outline\" | \"tags\" | \"tags-outline\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"universal-access-outline\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-group-outline\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"; }",
|
|
103
103
|
"references": {
|
|
104
104
|
"IconType": {
|
|
105
105
|
"location": "import",
|
|
106
106
|
"path": "./mg-item-more.conf",
|
|
107
|
-
"id": "src/components/molecules/internals/mg-item-more/mg-item-more.conf.ts::IconType"
|
|
107
|
+
"id": "src/components/molecules/internals/mg-item-more/mg-item-more.conf.ts::IconType",
|
|
108
|
+
"referenceLocation": "IconType"
|
|
108
109
|
}
|
|
109
110
|
}
|
|
110
111
|
},
|
|
@@ -128,7 +129,8 @@ export class MgItemMore {
|
|
|
128
129
|
"SlotLabelType": {
|
|
129
130
|
"location": "import",
|
|
130
131
|
"path": "./mg-item-more.conf",
|
|
131
|
-
"id": "src/components/molecules/internals/mg-item-more/mg-item-more.conf.ts::SlotLabelType"
|
|
132
|
+
"id": "src/components/molecules/internals/mg-item-more/mg-item-more.conf.ts::SlotLabelType",
|
|
133
|
+
"referenceLocation": "SlotLabelType"
|
|
132
134
|
}
|
|
133
135
|
}
|
|
134
136
|
},
|
|
@@ -153,7 +153,7 @@ export class MgMenu {
|
|
|
153
153
|
* @returns HTML Element
|
|
154
154
|
*/
|
|
155
155
|
render() {
|
|
156
|
-
return (h(Host, { key: '
|
|
156
|
+
return (h(Host, { key: 'c16a69485fabb9a7a91efe032501fafa98862882', role: "list", "aria-label": this.label }, h("slot", { key: 'f5bca6fdb93d9273e5fcc753d2c58c0a0504c0d0' })));
|
|
157
157
|
}
|
|
158
158
|
static get is() { return "mg-menu"; }
|
|
159
159
|
static get encapsulation() { return "shadow"; }
|
|
@@ -198,7 +198,8 @@ export class MgMenu {
|
|
|
198
198
|
"Direction": {
|
|
199
199
|
"location": "import",
|
|
200
200
|
"path": "../../../../types",
|
|
201
|
-
"id": "src/types/index.ts::Direction"
|
|
201
|
+
"id": "src/types/index.ts::Direction",
|
|
202
|
+
"referenceLocation": "Direction"
|
|
202
203
|
}
|
|
203
204
|
}
|
|
204
205
|
},
|
|
@@ -244,7 +245,8 @@ export class MgMenu {
|
|
|
244
245
|
"ItemMoreType": {
|
|
245
246
|
"location": "import",
|
|
246
247
|
"path": "./mg-menu.conf",
|
|
247
|
-
"id": "src/components/molecules/menus/mg-menu/mg-menu.conf.ts::ItemMoreType"
|
|
248
|
+
"id": "src/components/molecules/menus/mg-menu/mg-menu.conf.ts::ItemMoreType",
|
|
249
|
+
"referenceLocation": "ItemMoreType"
|
|
248
250
|
}
|
|
249
251
|
}
|
|
250
252
|
},
|
|
@@ -439,7 +439,8 @@ export class MgMenuItem {
|
|
|
439
439
|
"TargetType": {
|
|
440
440
|
"location": "import",
|
|
441
441
|
"path": "./mg-menu-item.conf",
|
|
442
|
-
"id": "src/components/molecules/menus/mg-menu-item/mg-menu-item.conf.ts::TargetType"
|
|
442
|
+
"id": "src/components/molecules/menus/mg-menu-item/mg-menu-item.conf.ts::TargetType",
|
|
443
|
+
"referenceLocation": "TargetType"
|
|
443
444
|
}
|
|
444
445
|
}
|
|
445
446
|
},
|
|
@@ -464,7 +465,8 @@ export class MgMenuItem {
|
|
|
464
465
|
"MgMenuStatusType": {
|
|
465
466
|
"location": "import",
|
|
466
467
|
"path": "./mg-menu-item.conf",
|
|
467
|
-
"id": "src/components/molecules/menus/mg-menu-item/mg-menu-item.conf.ts::MgMenuStatusType"
|
|
468
|
+
"id": "src/components/molecules/menus/mg-menu-item/mg-menu-item.conf.ts::MgMenuStatusType",
|
|
469
|
+
"referenceLocation": "MgMenuStatusType"
|
|
468
470
|
}
|
|
469
471
|
}
|
|
470
472
|
},
|
|
@@ -141,7 +141,7 @@ export class MgActionMore {
|
|
|
141
141
|
[`${this.classBase}__chevron--rotate`]: this.expanded === true,
|
|
142
142
|
} }, h("mg-icon", { icon: "chevron-down" })));
|
|
143
143
|
}
|
|
144
|
-
return (h(Host, { key: '
|
|
144
|
+
return (h(Host, { key: '184355435ec346d682c2df4aa8b33bf5f54e77e7', "data-mg-popover-guard": this.mgPopoverIdentifier }, h("span", { key: '8176489e5dd7741311745d015b8ef7f2a4f63ea9', class: this.classBase }, h("mg-popover", { key: '3ee64b21556ee9e910939ad2fc9e3fbf8e4bd964', identifier: this.mgPopoverIdentifier, display: this.expanded, "onDisplay-change": this.handleDisplayChange }, h("mg-button", { key: 'cf8f7f4f736d6a8338a4f6eebce04b4e2be49825', variant: this.button.variant, isIcon: this.button.isIcon, disabled: this.button.disabled, type: "button", label: buttonLabel, onClick: this.handleButton }, this.icon && h("mg-icon", Object.assign({ key: 'ee8b4f13bac85ccdd5e9d72edbaa957054c304ec' }, this.icon)), !this.button.isIcon && buttonContent), h("div", { key: '1c78fb9a98d59fa5422c5105ecb13d2f2884c7d2', slot: "content" }, h("mg-menu", { key: '522d915d4a38529f7709640bb96eebb81ccc86af', direction: directions.VERTICAL, label: this.messages.label }, this.items.map(item => {
|
|
145
145
|
var _a, _b;
|
|
146
146
|
return isMgActionMoreDivider(item) ? (h("mg-divider", { class: "mg-c-action-more__divider", key: "divider", "full-width": true })) : (h("mg-menu-item", { key: item.label, status: item.status || Status.VISIBLE, target: item.target, href: item.href,
|
|
147
147
|
// eslint-disable-next-line react/jsx-no-bind
|
|
@@ -172,12 +172,14 @@ export class MgActionMore {
|
|
|
172
172
|
"MgActionMoreItemType": {
|
|
173
173
|
"location": "import",
|
|
174
174
|
"path": "./mg-action-more.conf",
|
|
175
|
-
"id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreItemType"
|
|
175
|
+
"id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreItemType",
|
|
176
|
+
"referenceLocation": "MgActionMoreItemType"
|
|
176
177
|
},
|
|
177
178
|
"MgActionMoreDividerType": {
|
|
178
179
|
"location": "import",
|
|
179
180
|
"path": "./mg-action-more.conf",
|
|
180
|
-
"id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreDividerType"
|
|
181
|
+
"id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreDividerType",
|
|
182
|
+
"referenceLocation": "MgActionMoreDividerType"
|
|
181
183
|
}
|
|
182
184
|
}
|
|
183
185
|
},
|
|
@@ -195,12 +197,13 @@ export class MgActionMore {
|
|
|
195
197
|
"mutable": true,
|
|
196
198
|
"complexType": {
|
|
197
199
|
"original": "MgActionMoreIconType",
|
|
198
|
-
"resolved": "{ icon: \"filter\" | \"
|
|
200
|
+
"resolved": "{ icon: \"filter\" | \"address-card\" | \"address-card-outline\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"arrows-up-down\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building\" | \"building-outline\" | \"calculator\" | \"calculator-outline\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-exclamation\" | \"comment-exclamation-outline\" | \"comment-outline\" | \"comment-question\" | \"comment-question-outline\" | \"comment-sms\" | \"comment-sms-outline\" | \"conversation\" | \"conversation-outline\" | \"copy\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"download\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-outline\" | \"eye-slash\" | \"eye-slash-outline\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-cog-outline\" | \"file-download\" | \"file-download-outline\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-upload-outline\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-checked\" | \"floppy-disk-checked-outline\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folder-star-outline\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-euro\" | \"hand-euro-outline\" | \"hand-up\" | \"history\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"key\" | \"laptop\" | \"layers\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"link\" | \"list\" | \"loader\" | \"location\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-open\" | \"mail-open-outline\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-outline\" | \"paper-plane-slash\" | \"paper-plane-slash-outline\" | \"paperclip\" | \"pause\" | \"pause-outline\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"plus-circle-outline\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sidebar-arrow-left\" | \"sidebar-arrow-right\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"table\" | \"tag\" | \"tag-outline\" | \"tags\" | \"tags-outline\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"universal-access-outline\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-group-outline\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"; }",
|
|
199
201
|
"references": {
|
|
200
202
|
"MgActionMoreIconType": {
|
|
201
203
|
"location": "import",
|
|
202
204
|
"path": "./mg-action-more.conf",
|
|
203
|
-
"id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreIconType"
|
|
205
|
+
"id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreIconType",
|
|
206
|
+
"referenceLocation": "MgActionMoreIconType"
|
|
204
207
|
}
|
|
205
208
|
}
|
|
206
209
|
},
|
|
@@ -218,12 +221,13 @@ export class MgActionMore {
|
|
|
218
221
|
"mutable": false,
|
|
219
222
|
"complexType": {
|
|
220
223
|
"original": "MgActionMoreButtonType",
|
|
221
|
-
"resolved": "{
|
|
224
|
+
"resolved": "{ variant: \"flat\" | \"info\" | \"link\" | \"success\" | \"danger\" | \"danger-alt\" | \"primary\" | \"secondary\"; label?: string; disabled?: boolean; isIcon: boolean; }",
|
|
222
225
|
"references": {
|
|
223
226
|
"MgActionMoreButtonType": {
|
|
224
227
|
"location": "import",
|
|
225
228
|
"path": "./mg-action-more.conf",
|
|
226
|
-
"id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreButtonType"
|
|
229
|
+
"id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreButtonType",
|
|
230
|
+
"referenceLocation": "MgActionMoreButtonType"
|
|
227
231
|
}
|
|
228
232
|
}
|
|
229
233
|
},
|
|
@@ -142,7 +142,7 @@ export class MgAlert {
|
|
|
142
142
|
* @returns HTML Element
|
|
143
143
|
*/
|
|
144
144
|
render() {
|
|
145
|
-
return (h("mg-message", { key: '
|
|
145
|
+
return (h("mg-message", { key: '9041d8643bf4d0d44f20d30ac3c1d9aa46d6e060', class: this.classCollection.join(), role: ['info', 'success'].includes(this.variant) ? 'status' : 'alert', variant: this.variant, variantStyle: this.variantStyle }, h("slot", { key: '94d1a430e9af605fa2ea2b557e82fc15f1cc148b' }), this.hasActions ? (h("span", { slot: "actions" }, h("slot", { name: "actions" }))) : (h("span", { class: "mg-c-alert__close-button" }, h("mg-button", { "is-icon": true, variant: "flat", label: this.messages.alert.closeButton, onClick: this.handleClose }, h("mg-icon", { icon: "cross" }))))));
|
|
146
146
|
}
|
|
147
147
|
static get is() { return "mg-alert"; }
|
|
148
148
|
static get encapsulation() { return "shadow"; }
|
|
@@ -187,7 +187,8 @@ export class MgAlert {
|
|
|
187
187
|
"VariantType": {
|
|
188
188
|
"location": "import",
|
|
189
189
|
"path": "./mg-alert.conf",
|
|
190
|
-
"id": "src/components/molecules/mg-alert/mg-alert.conf.ts::VariantType"
|
|
190
|
+
"id": "src/components/molecules/mg-alert/mg-alert.conf.ts::VariantType",
|
|
191
|
+
"referenceLocation": "VariantType"
|
|
191
192
|
}
|
|
192
193
|
}
|
|
193
194
|
},
|
|
@@ -213,7 +214,8 @@ export class MgAlert {
|
|
|
213
214
|
"VariantStyleType": {
|
|
214
215
|
"location": "import",
|
|
215
216
|
"path": "./mg-alert.conf",
|
|
216
|
-
"id": "src/components/molecules/mg-alert/mg-alert.conf.ts::VariantStyleType"
|
|
217
|
+
"id": "src/components/molecules/mg-alert/mg-alert.conf.ts::VariantStyleType",
|
|
218
|
+
"referenceLocation": "VariantStyleType"
|
|
217
219
|
}
|
|
218
220
|
}
|
|
219
221
|
},
|
|
@@ -38,7 +38,7 @@ export class MgBreadcrumb {
|
|
|
38
38
|
this.messages = initLocales(this.element).messages.breadcrumb;
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return (h("nav", { key: '
|
|
41
|
+
return (h("nav", { key: 'af5c541e6a268af67762eb9d384269511fe0be17', "aria-label": this.messages.label, class: "mg-c-breadcrumb" }, h("ol", { key: 'b5fdfe61eb2c826b3462bdd65cacfb73d4f00484', class: "mg-c-breadcrumb__list" }, this.items.map((item, index) => {
|
|
42
42
|
var _a;
|
|
43
43
|
return (h("li", { key: `${index}-${(_a = item.href) !== null && _a !== void 0 ? _a : item.label}`, class: "mg-c-breadcrumb__list-item" }, this.renderItem(item, index === this.items.length - 1)));
|
|
44
44
|
}))));
|
|
@@ -67,7 +67,8 @@ export class MgBreadcrumb {
|
|
|
67
67
|
"BreadcrumbItemType": {
|
|
68
68
|
"location": "import",
|
|
69
69
|
"path": "./mg-breadcrumb.conf",
|
|
70
|
-
"id": "src/components/molecules/mg-breadcrumb/mg-breadcrumb.conf.ts::BreadcrumbItemType"
|
|
70
|
+
"id": "src/components/molecules/mg-breadcrumb/mg-breadcrumb.conf.ts::BreadcrumbItemType",
|
|
71
|
+
"referenceLocation": "BreadcrumbItemType"
|
|
71
72
|
}
|
|
72
73
|
}
|
|
73
74
|
},
|
|
@@ -53,7 +53,7 @@ export class MgDetails {
|
|
|
53
53
|
* @returns HTML Element
|
|
54
54
|
*/
|
|
55
55
|
render() {
|
|
56
|
-
return (h("details", { key: '
|
|
56
|
+
return (h("details", { key: 'bbaac6909fa5f3fbd3236b2a8ace0f7c80b2580b', class: { 'mg-c-details': true, 'mg-c-details--empty-summary': this.isEmptySummary }, onToggle: this.handleToggle, open: this.expanded, ref: (el) => (this.details = el) }, h("summary", { key: '2ed8228b63403dd9b386bf3fa70c9094516b6f0e' }, h("slot", { key: '5461d77d2b2869b14737a5c7cfc40a1f9584ee03', name: "summary" }), h("span", { key: 'bb089365bdeaa7b934b97cff6f5f7c67587048e1', class: "mg-c-details__toggle" }, h("mg-icon", { key: 'dc1a30338703ad4182d50f9953a903ae0f68ecb1', icon: "chevron-up", class: { 'mg-c-details__toggle-icon': true, 'mg-c-details__toggle-icon--reverse': !this.expanded } }), h("span", { key: 'a32cbaf9e38b71540deeaa8980895c34a7288ecb', class: { 'mg-u-visually-hidden': this.hideSummary } }, this.expanded ? this.toggleOpened : this.toggleClosed))), h("div", { key: 'b9c2bc7d681da8ac8b4dec5ff25287bc68975fb6', class: "mg-c-details__details" }, h("slot", { key: '069f05b4c133ff13055681e0b05bb98744303137', name: "details" }))));
|
|
57
57
|
}
|
|
58
58
|
static get is() { return "mg-details"; }
|
|
59
59
|
static get encapsulation() { return "shadow"; }
|