@mgdis/mg-components 6.23.0 → 6.24.0
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/mg-action-more_36.cjs.entry.js +20 -12
- package/dist/cjs/mg-input-combobox.cjs.entry.js +7 -6
- package/dist/cjs/mg-input-rich-text-editor.cjs.entry.js +808 -135
- package/dist/cjs/mg-progress.cjs.entry.js +1 -1
- package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.js +7 -6
- package/dist/collection/components/molecules/mg-message/mg-message.js +2 -2
- package/dist/collection/components/molecules/mg-modal/mg-modal.js +2 -2
- package/dist/collection/components/molecules/mg-panel/mg-panel.js +1 -1
- 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 +10 -2
- package/dist/collection/components/molecules/mg-progress/mg-progress.js +1 -1
- package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.js +1 -1
- package/dist/collection/components/molecules/mg-tabs/mg-tabs.js +1 -1
- package/dist/components/mg-illustrated-message.js +1 -1
- package/dist/components/mg-input-combobox.js +1 -1
- package/dist/components/mg-input-rich-text-editor.js +238 -239
- 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/mg-action-more_36.entry.js +20 -12
- package/dist/esm/mg-input-combobox.entry.js +7 -6
- package/dist/esm/mg-input-rich-text-editor.entry.js +808 -135
- package/dist/esm/mg-progress.entry.js +1 -1
- package/dist/mg-components/mg-components.esm.js +1 -1
- package/dist/mg-components/{p-236bb1d2.entry.js → p-08d3d957.entry.js} +1 -1
- package/dist/mg-components/p-9953b835.entry.js +1 -0
- package/dist/mg-components/{p-d698fa67.entry.js → p-9c0a9fc7.entry.js} +203 -204
- package/dist/mg-components/p-a338088e.entry.js +1 -0
- package/ide/intellij/web-types.json +1 -1
- package/package.json +18 -18
- package/dist/mg-components/p-79265ad3.entry.js +0 -1
- package/dist/mg-components/p-a0e2c886.entry.js +0 -1
|
@@ -1205,7 +1205,7 @@ const sizes$1 = ['small', 'medium', 'large'];
|
|
|
1205
1205
|
*/
|
|
1206
1206
|
const directions = ['vertical', 'horizontal'];
|
|
1207
1207
|
|
|
1208
|
-
const mgIllustratedMessageCss = () => `.mg-c-illustrated-message{display:flex;box-sizing:border-box;flex-direction:column;justify-content:center;padding:var(--mg-c-illustrated-message-spacing-vertical) var(--mg-b-size-16);margin:auto;gap:var(--mg-b-size-16) var(--mg-b-size-64);max-inline-size:calc(60*var(--mg-b-size-8));text-align:center}.mg-c-illustrated-message__illustration{max-block-size:calc(15*var(--mg-b-size-8))}.mg-c-illustrated-message__illustration ::slotted([slot=illustration]){block-size:auto;inline-size:100%;max-block-size:calc(15*var(--mg-b-size-8));max-inline-size:calc(15*var(--mg-b-size-8))}.mg-c-illustrated-message__slots{display:flex;flex-direction:column;gap:var(--mg-b-size-8)}.mg-c-illustrated-message__slots ::slotted([slot=title]){margin:0;font-family:var(--mg-b-font-family-heading) !important;font-size:var(--mg-b-font-size-h2) !important}.mg-c-illustrated-message__slots ::slotted([slot=details]){margin:0}.mg-c-illustrated-message.mg-c-illustrated-message--size-small{--mg-c-illustrated-message-spacing-vertical:var(--mg-b-size-24)}.mg-c-illustrated-message.mg-c-illustrated-message--size-small .mg-c-illustrated-message__slots{gap:calc(var(--mg-b-size-4)/2)}.mg-c-illustrated-message.mg-c-illustrated-message--size-small .mg-c-illustrated-message__illustration{max-block-size:var(--mg-b-size-64)}.mg-c-illustrated-message.mg-c-illustrated-message--size-small .mg-c-illustrated-message__illustration ::slotted([slot=illustration]){max-block-size:var(--mg-b-size-64);max-inline-size:var(--mg-b-size-64)}.mg-c-illustrated-message.mg-c-illustrated-message--size-large .mg-c-illustrated-message__illustration{max-block-size:calc(23*var(--mg-b-size-8))}.mg-c-illustrated-message.mg-c-illustrated-message--size-large .mg-c-illustrated-message__illustration ::slotted([slot=illustration]){max-block-size:calc(23*var(--mg-b-size-8));max-inline-size:calc(23*var(--mg-b-size-8))}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal{max-inline-size:unset}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal .mg-c-illustrated-message__slots{max-inline-size:calc(60*var(--mg-b-size-8))}@container (width > 52.8rem){.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal{flex-direction:row;align-items:center;column-gap:var(--mg-b-size-48);text-align:left}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal .mg-c-illustrated-message__slots{max-inline-size:unset}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal .mg-c-illustrated-message__illustration{flex:1 0 auto;max-inline-size:fit-content}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal.mg-c-illustrated-message--size-small{column-gap:var(--mg-b-size-24)}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal.mg-c-illustrated-message--size-large{column-gap:var(--mg-b-size-64)}}:host{display:block;container-type:inline-size}`;
|
|
1208
|
+
const mgIllustratedMessageCss = () => `.mg-c-illustrated-message{display:flex;box-sizing:border-box;flex-direction:column;justify-content:center;padding:var(--mg-c-illustrated-message-spacing-vertical) var(--mg-b-size-16);margin:auto;gap:var(--mg-b-size-16) var(--mg-b-size-64);max-inline-size:calc(60*var(--mg-b-size-8));text-align:center}.mg-c-illustrated-message__illustration{max-block-size:calc(15*var(--mg-b-size-8))}.mg-c-illustrated-message__illustration ::slotted([slot=illustration]){block-size:auto;inline-size:100%;max-block-size:calc(15*var(--mg-b-size-8));max-inline-size:calc(15*var(--mg-b-size-8))}.mg-c-illustrated-message__slots{display:flex;flex-direction:column;gap:var(--mg-b-size-8)}.mg-c-illustrated-message__slots ::slotted([slot=title]){margin:0;font-family:var(--mg-b-font-family-heading) !important;font-size:var(--mg-b-font-size-h2) !important}.mg-c-illustrated-message__slots ::slotted([slot=details]){margin:0}.mg-c-illustrated-message.mg-c-illustrated-message--size-small{--mg-c-illustrated-message-spacing-vertical:var(--mg-b-size-24)}.mg-c-illustrated-message.mg-c-illustrated-message--size-small .mg-c-illustrated-message__slots{gap:calc(var(--mg-b-size-4)/2)}.mg-c-illustrated-message.mg-c-illustrated-message--size-small .mg-c-illustrated-message__illustration{max-block-size:var(--mg-b-size-64)}.mg-c-illustrated-message.mg-c-illustrated-message--size-small .mg-c-illustrated-message__illustration ::slotted([slot=illustration]){max-block-size:var(--mg-b-size-64);max-inline-size:var(--mg-b-size-64)}.mg-c-illustrated-message.mg-c-illustrated-message--size-large .mg-c-illustrated-message__illustration{max-block-size:calc(23*var(--mg-b-size-8))}.mg-c-illustrated-message.mg-c-illustrated-message--size-large .mg-c-illustrated-message__illustration ::slotted([slot=illustration]){max-block-size:calc(23*var(--mg-b-size-8));max-inline-size:calc(23*var(--mg-b-size-8))}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal{max-inline-size:unset}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal .mg-c-illustrated-message__slots{max-inline-size:calc(60*var(--mg-b-size-8))}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal .mg-c-illustrated-message__illustration ::slotted(img[slot=illustration]){block-size:calc(15*var(--mg-b-size-8));inline-size:auto}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal.mg-c-illustrated-message--size-small .mg-c-illustrated-message__illustration ::slotted(img[slot=illustration]){block-size:var(--mg-b-size-64)}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal.mg-c-illustrated-message--size-large .mg-c-illustrated-message__illustration ::slotted(img[slot=illustration]){block-size:calc(23*var(--mg-b-size-8))}@container (width > 52.8rem){.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal{flex-direction:row;align-items:center;column-gap:var(--mg-b-size-48);text-align:left}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal .mg-c-illustrated-message__slots{max-inline-size:unset}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal .mg-c-illustrated-message__illustration{flex:1 0 auto;max-inline-size:fit-content}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal.mg-c-illustrated-message--size-small{column-gap:var(--mg-b-size-24)}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal.mg-c-illustrated-message--size-large{column-gap:var(--mg-b-size-64)}}:host{display:block;container-type:inline-size;inline-size:100%}`;
|
|
1209
1209
|
|
|
1210
1210
|
const MgIllustratedMessage = class {
|
|
1211
1211
|
constructor(hostRef) {
|
|
@@ -6252,7 +6252,7 @@ const variants$1 = ['info', 'warning', 'success', 'danger'];
|
|
|
6252
6252
|
*/
|
|
6253
6253
|
const variantStyles = ['bar-left', 'background'];
|
|
6254
6254
|
|
|
6255
|
-
const mgMessageCss = () => `:host{--mg-c-card-spacing:0;--mg-c-card-border-radius:var(--mg-c-message-border-radius);--mg-c-card-border:none;--mg-c-card-overflow:hidden}.mg-c-message{display:inline-block;min-block-size:var(--mg-b-size-min-height)}.mg-c-message.mg-c-message--danger .mg-c-message__icon{color:var(--mg-b-color-danger)}.mg-c-message.mg-c-message--danger.mg-c-message--bar-left .mg-c-
|
|
6255
|
+
const mgMessageCss = () => `:host{--mg-c-card-spacing:0;--mg-c-card-border-radius:var(--mg-c-message-border-radius);--mg-c-card-border:none;--mg-c-card-overflow:hidden}.mg-c-message{display:inline-block;min-block-size:var(--mg-b-size-min-height)}.mg-c-message.mg-c-message--danger .mg-c-message__icon{color:var(--mg-b-color-danger)}.mg-c-message.mg-c-message--danger.mg-c-message--bar-left .mg-c-message__content{border-inline-start:var(--mg-b-size-4) solid var(--mg-b-color-danger)}.mg-c-message.mg-c-message--danger.mg-c-message--background{--mg-c-card-color-background:var(--mg-b-color-red-20, color-mix(in srgb, var(--mg-b-color-danger), white 80%))}.mg-c-message.mg-c-message--info .mg-c-message__icon{color:var(--mg-b-color-info)}.mg-c-message.mg-c-message--info.mg-c-message--bar-left .mg-c-message__content{border-inline-start:var(--mg-b-size-4) solid var(--mg-b-color-info)}.mg-c-message.mg-c-message--info.mg-c-message--background{--mg-c-card-color-background:var(--mg-b-color-blue-20, color-mix(in srgb, var(--mg-b-color-info), white 80%))}.mg-c-message.mg-c-message--success .mg-c-message__icon{color:var(--mg-b-color-success)}.mg-c-message.mg-c-message--success.mg-c-message--bar-left .mg-c-message__content{border-inline-start:var(--mg-b-size-4) solid var(--mg-b-color-success)}.mg-c-message.mg-c-message--success.mg-c-message--background{--mg-c-card-color-background:var(--mg-b-color-green-20, color-mix(in srgb, var(--mg-b-color-success), white 80%))}.mg-c-message.mg-c-message--warning .mg-c-message__icon{color:var(--mg-b-color-warning)}.mg-c-message.mg-c-message--warning.mg-c-message--bar-left .mg-c-message__content{border-inline-start:var(--mg-b-size-4) solid var(--mg-b-color-warning)}.mg-c-message.mg-c-message--warning.mg-c-message--background{--mg-c-card-color-background:var(--mg-b-color-yellow-20, color-mix(in srgb, var(--mg-b-color-warning), white 80%))}.mg-c-message.mg-c-message--background{--mg-c-card-border-radius:var(--mg-b-size-8)}.mg-c-message ::slotted(*){padding:0;margin:0}.mg-c-message__icon{position:absolute;inset-block-start:calc((var(--mg-b-size-min-height) - var(--mg-b-size-16))/2);inset-inline-start:var(--mg-b-size-8);line-height:1}.mg-c-message.mg-c-message--bar-left .mg-c-message__icon{inset-inline-start:calc(var(--mg-b-size-4) + var(--mg-b-size-8))}.mg-c-message__content{display:flex;box-sizing:border-box;flex-wrap:wrap;padding-block:0;padding-inline:calc(var(--mg-b-size-8) + var(--mg-b-size-16) + var(--mg-b-size-8)) var(--mg-b-size-8);place-content:stretch flex-end}.mg-c-message__content-slot{flex-grow:1;margin:var(--mg-b-size-8) 0}.mg-c-message__content-separator{display:inline-block;block-size:0;inline-size:var(--mg-b-size-40)}.mg-c-message__content-actions-slot{padding:var(--mg-b-size-8) 0;text-align:end}.mg-c-message ::slotted(*:not(mg-panel,mg-message,mg-modal)){--mg-c-card-border:var(--mg-c-card-border-default);--mg-c-card-spacing:var(--mg-c-card-spacing-default);--mg-c-card-border-radius:var(--mg-c-card-border-radius-default);--mg-c-card-color-background:var(--mg-c-card-color-background-default);--mg-c-card-box-shadow:var(--mg-c-card-box-shadow-default);--mg-c-card-max-width:unset;--mg-c-card-min-width:unset;--mg-c-card-max-height:unset;--mg-c-card-overflow:var(--mg-c-card-overflow-default)}.mg-c-message,.mg-c-message mg-message{max-inline-size:100%}.mg-c-message.mg-c-message--full-width{display:block;inline-size:100%}`;
|
|
6256
6256
|
|
|
6257
6257
|
const MgMessage = class {
|
|
6258
6258
|
constructor(hostRef) {
|
|
@@ -6348,9 +6348,9 @@ const MgMessage = class {
|
|
|
6348
6348
|
* @returns HTML Element
|
|
6349
6349
|
*/
|
|
6350
6350
|
render() {
|
|
6351
|
-
return (index.h("div", { key: '7a91fbc1a334d006013cdc8dd8ce6bce52947b90', class: this.classCollection.join() }, index.h("mg-card", { key: '
|
|
6351
|
+
return (index.h("div", { key: '7a91fbc1a334d006013cdc8dd8ce6bce52947b90', class: this.classCollection.join() }, index.h("mg-card", { key: '8cffef0275a4c8e10f13974577fedc7857a41b7b', shadow: this.variantStyle !== 'background' }, index.h("span", { key: '7dea80369d39b5662a2257f7990b847115e7547f', class: "mg-c-message__icon" }, index.h("mg-icon", { key: '843d6ba95d234f7e0e7986fc904058bd8e7dca95', icon: this.getIcon() })), index.h("div", { key: '903125d7b30bbc386bd9f5c690b38cd3df67a661', class: "mg-c-message__content" }, index.h("span", { key: '3efffe2f4ebe5db86a4d42f156517caf4888e0c9', class: "mg-c-message__content-slot" }, index.h("slot", { key: 'f4dc15ab614ab7eb7a6d4c5ad11baba8037f6f18' })), this.hasActions && [
|
|
6352
6352
|
index.h("span", { class: "mg-c-message__content-separator", key: "content-separator" }),
|
|
6353
|
-
index.h("span", { class: "mg-c-message__content-actions-slot", key: "content-actions-slot" }, index.h("slot", { key: '
|
|
6353
|
+
index.h("span", { class: "mg-c-message__content-actions-slot", key: "content-actions-slot" }, index.h("slot", { key: '4b3861414a1ca22792bb77d0d7bf38280d812aa1', name: "actions" })),
|
|
6354
6354
|
]))));
|
|
6355
6355
|
}
|
|
6356
6356
|
get element() { return index.getElement(this); }
|
|
@@ -6479,11 +6479,11 @@ const MgModal = class {
|
|
|
6479
6479
|
* @returns HTML Element
|
|
6480
6480
|
*/
|
|
6481
6481
|
render() {
|
|
6482
|
-
return (index.h("dialog", { key: '
|
|
6482
|
+
return (index.h("dialog", { key: '7e07f2e52ec70012b98a8cf1097a9a3fde516e90', role: this.dialogRole, id: this.identifier, class: this.classCollection.join(), "aria-labelledby": this.titleId, ref: (el) => {
|
|
6483
6483
|
if (el !== null) {
|
|
6484
6484
|
this.dialog = el;
|
|
6485
6485
|
}
|
|
6486
|
-
} }, index.h("mg-card", { key: '
|
|
6486
|
+
} }, index.h("mg-card", { key: '8c1465a6bb2ee834dfb5e56c847ed989de3e7f85', shadow: true }, index.h("div", { key: '5897cc498704d96f11e0c164f6ca9f466dd796e2', class: "mg-c-modal__dialog" }, index.h("header", { key: '362442dfe15aa7a1a0ee9c5d108eeb4d06267216', class: "mg-c-modal__header" }, this.closeButton && (index.h("span", { key: '3e67791bec888b3d79433ecdfc61f47d6b3be8ec', class: "mg-c-modal__close-button" }, index.h("mg-button", { key: '7d7c4b9947737392e178ce125f77bb6c7d376322', "is-icon": true, variant: "flat", label: this.messages.modal.closeButton, onClick: this.handleClose }, index.h("mg-icon", { key: '27d293b26e3b2e7b36cf92fc02ed7ffae90da736', icon: "cross" })))), index.h("h1", { key: 'fa0a8c9db3a3cd0e7facf944dd0e23786b59191d', class: "mg-c-modal__title", id: this.titleId }, this.modalTitle)), index.h("article", { key: '60079c102f0db39e5b05613ed0b03db167740d47', class: "mg-c-modal__content" }, index.h("slot", { key: '5c52b794b06d07c2206aa05e4ca809f369c06811' })), this.hasActions && (index.h("footer", { key: '793cf6f99e16b10f5af17691194fd2dd6101a3b7', class: "mg-c-modal__footer" }, index.h("slot", { key: '7d2b3b264a7bf167d5066b14db8fed880e985013', name: "actions" })))))));
|
|
6487
6487
|
}
|
|
6488
6488
|
get element() { return index.getElement(this); }
|
|
6489
6489
|
static get watchers() { return {
|
|
@@ -6906,7 +6906,7 @@ const MgPanel = class {
|
|
|
6906
6906
|
*/
|
|
6907
6907
|
render() {
|
|
6908
6908
|
const headerId = `${this.identifier}-header`;
|
|
6909
|
-
return (index.h("section", { key: '
|
|
6909
|
+
return (index.h("section", { key: '39d956a9b2c54b794c7ab9f2896dd1152834e8ef', class: this.classCollection.join(), id: this.identifier }, index.h("mg-card", { key: '13d0facc8eb2f4cf0c5cfc7580aafd49d3debf9a', shadow: this.shadow }, index.h("header", { key: 'e008bee0a091c655b41712f8f9dff3beadaf437d', class: { 'mg-c-panel__header': true, 'mg-c-panel__header--reverse': this.titlePosition === 'right' }, id: headerId }, this.renderHeaderChildren()), index.h("article", { key: 'a2efbe980ed634f9aeb296eb4c0f7a3f117a8e51', class: "mg-c-panel__content", id: `${this.identifier}-content`, "aria-labelledby": headerId, hidden: !this.expanded }, index.h("slot", { key: '20849cd8295bed06e647e5befd3906e787dae698' })))));
|
|
6910
6910
|
}
|
|
6911
6911
|
get element() { return index.getElement(this); }
|
|
6912
6912
|
static get watchers() { return {
|
|
@@ -8764,7 +8764,15 @@ const MgPopover = class {
|
|
|
8764
8764
|
* @param event - mouse event
|
|
8765
8765
|
*/
|
|
8766
8766
|
this.clickOutside = (event) => {
|
|
8767
|
-
|
|
8767
|
+
// `click` is a composed event, so `composedPath()` lists every node it travels
|
|
8768
|
+
// through, including across shadow boundaries. Relying on it instead of
|
|
8769
|
+
// `event.target` keeps the popover open when it (or its guarded trigger) is
|
|
8770
|
+
// nested inside another component's shadow DOM: there `event.target` is
|
|
8771
|
+
// retargeted to the outer shadow host and `closest()` cannot reach the popover
|
|
8772
|
+
// nor the `data-mg-popover-guard` element.
|
|
8773
|
+
const path = event.composedPath();
|
|
8774
|
+
const isInside = path.includes(this.element) || path.some(node => node instanceof HTMLElement && node.dataset.mgPopoverGuard === this.identifier);
|
|
8775
|
+
if (!this.disabled && !isInside) {
|
|
8768
8776
|
this.display = false;
|
|
8769
8777
|
}
|
|
8770
8778
|
};
|
|
@@ -8968,7 +8976,7 @@ const MgPopover = class {
|
|
|
8968
8976
|
* @returns HTML Element
|
|
8969
8977
|
*/
|
|
8970
8978
|
render() {
|
|
8971
|
-
return (index.h(index.Host, { key: '
|
|
8979
|
+
return (index.h(index.Host, { key: '422ac3fe8b6d3784bd667074096996ffe6f52cb6' }, index.h("slot", { key: 'c8a2b51b1ca454f823d73ed2e72fff9aa1162b3f' }), index.h("slot", { key: '3f7c21389b13c497204de5415613c90aeabe3c86', name: "content" })));
|
|
8972
8980
|
}
|
|
8973
8981
|
get element() { return index.getElement(this); }
|
|
8974
8982
|
static get watchers() { return {
|
|
@@ -9034,7 +9042,7 @@ const MgPopoverContent = class {
|
|
|
9034
9042
|
* @returns HTML Element
|
|
9035
9043
|
*/
|
|
9036
9044
|
render() {
|
|
9037
|
-
return (index.h(index.Host, { key: '
|
|
9045
|
+
return (index.h(index.Host, { key: 'e3de7dc2ddf9cba900f1980a6237e95f7a5daea1' }, index.h("mg-card", { key: '775c623b0cfd3f5cb08ce34281ac558a5dfd52df', class: this.classCollection.join(), shadow: true }, this.closeButton && (index.h("mg-button", { key: '48269416813e32ef03cc4f02dae4e42fb542b053', "is-icon": true, variant: "flat", label: this.messages.general.close, onClick: this.handleCloseButton }, index.h("mg-icon", { key: 'd947151a3751052261c3a1d67eca570b6f991d80', icon: "cross" }))), index.h("div", { key: '6c447184b41381b2563dcee874153a55521ff7aa', class: "mg-c-popover-content__title" }, index.h("slot", { key: '5b05e6c30fa020a8765f83d7008b4b9ecad63433', name: "title" })), index.h("slot", { key: '386dbb305a8862cb55f8b06aa35d08b65051a07d', name: "content" })), index.h("slot", { key: '16093d6e34d8558677222da720142b7afe443adf', name: "arrow" })));
|
|
9038
9046
|
}
|
|
9039
9047
|
get element() { return index.getElement(this); }
|
|
9040
9048
|
};
|
|
@@ -9079,7 +9087,7 @@ const MgSkipLinks = class {
|
|
|
9079
9087
|
* @returns HTML Element
|
|
9080
9088
|
*/
|
|
9081
9089
|
render() {
|
|
9082
|
-
return (index.h("nav", { key: '
|
|
9090
|
+
return (index.h("nav", { key: 'ddae15101123757391d8dced8c88854c852563c1', class: "mg-c-skip-links", role: "navigation", "aria-label": this.messages.skipLinks.navLabel }, index.h("ul", { key: 'df27b144dbf68f3e2fceeeb8575a81c51b74c4d4', class: "mg-c-skip-links__list", role: "list" }, this.links.map(link => (index.h("li", { key: link.href }, index.h("a", { class: "mg-c-skip-links__link", href: link.href, onClick: this.handleLinkCLick }, link.label)))))));
|
|
9083
9091
|
}
|
|
9084
9092
|
get element() { return index.getElement(this); }
|
|
9085
9093
|
static get watchers() { return {
|
|
@@ -9613,7 +9621,7 @@ const MgTabs = class {
|
|
|
9613
9621
|
* @returns HTML Element
|
|
9614
9622
|
*/
|
|
9615
9623
|
render() {
|
|
9616
|
-
return (index.h("div", { key: '
|
|
9624
|
+
return (index.h("div", { key: '25edcc3793e5f060bd3df862ec0c2963c4ec6bdd', class: this.classCollection.join() }, index.h("header", { key: 'fe9f0e13f798bb88a4c00e2e5ad8e9adf841b05e', role: "tablist", "aria-label": this.label, class: "mg-c-tabs__header" }, this.tabs.map((tab, index$1) => (index.h("button", { key: tab.label, role: "tab", id: this.getElementId(this.identifier, index$1), class: {
|
|
9617
9625
|
[`${this.buttonTabBaseClass}`]: true,
|
|
9618
9626
|
[`${this.buttonTabBaseClass}--horizontal`]: true,
|
|
9619
9627
|
[`${this.getNavigationButtonClass(Status.ACTIVE)}`]: this.tabHasStatus(tab, Status.ACTIVE),
|
|
@@ -481,11 +481,12 @@ const MgInputCombobox = class {
|
|
|
481
481
|
});
|
|
482
482
|
const total = Number(index$1.getObjectValueFromKey(json, this.fetchmappings.response.total, 0));
|
|
483
483
|
let next = index$1.getObjectValueFromKey(json, this.fetchmappings.response.next);
|
|
484
|
-
if (
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
484
|
+
if (Boolean(next) && !URL.canParse(next)) {
|
|
485
|
+
// `next` is a relative link returned by the API: resolve it against the request URL (RFC 3986).
|
|
486
|
+
// The request URL is first made absolute against the document base so a root-relative `fetchurl`
|
|
487
|
+
// resolves the next page on the API path, not against the document location (which would 404).
|
|
488
|
+
const requestUrl = new URL(updateUrl, this.element.ownerDocument.baseURI);
|
|
489
|
+
next = new URL(next, requestUrl).toString();
|
|
489
490
|
}
|
|
490
491
|
return { items, total, next, top: items.length };
|
|
491
492
|
}
|
|
@@ -770,7 +771,7 @@ const MgInputCombobox = class {
|
|
|
770
771
|
else {
|
|
771
772
|
activeDescendant = (_e = this.value) === null || _e === void 0 ? void 0 : _e.value;
|
|
772
773
|
}
|
|
773
|
-
return (index.h("mg-input", { key: '
|
|
774
|
+
return (index.h("mg-input", { key: '5c24478bb10ab8f1d292d38a9be162e370b0fdb2', label: this.label, identifier: this.identifier, class: this.classCollection.classes.join(' '), ariaDescribedbyIDs: popoverContent && popoverContent !== 'list' ? popoverContent : undefined, 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 ? (readonlyValue && index.h("b", { class: "mg-c-input__readonly-value" }, readonlyValue)) : (index.h("mg-popover", { identifier: this.popoverId, placement: "bottom-start", display: this.popoverDisplay, "arrow-hide": true, style: {
|
|
774
775
|
'--mg-c-input-list-width': ((_f = this.input) === null || _f === void 0 ? void 0 : _f.offsetWidth) > 0 ? `${this.input.offsetWidth}px` : undefined,
|
|
775
776
|
}, "data-fallback-placement": "bottom-end", "onDisplay-change": this.handlePopoverDisplay }, index.h("div", { class: "mg-c-input__input-group-container" }, index.h("mg-icon", { icon: "magnifying-glass" }), index.h("input", { type: "text", role: "combobox", class: "mg-c-input__box mg-c-input__box--width", value: this.filter, id: this.identifier, name: this.name, placeholder: this.placeholder, title: this.placeholder, disabled: this.disabled, required: this.required, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.popoverDisplay.toString(), "aria-controls": listId, "aria-invalid": (this.invalid === true).toString(), "aria-activedescendant": index$1.formatID(activeDescendant), onInput: this.handleFilterInput, onBlur: this.handleFilterBlur, onFocus: this.handleFilterFocus, onKeyDown: this.handleFilterKeydown, ref: (el) => {
|
|
776
777
|
if (el !== null)
|