@mgdis/mg-components 6.25.0 → 6.27.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.
Files changed (95) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/mg-action-more_36.cjs.entry.js +217 -95
  3. package/dist/cjs/mg-components.cjs.js +1 -1
  4. package/dist/cjs/mg-illustration.cjs.entry.js +1 -1
  5. package/dist/cjs/mg-input-combobox.cjs.entry.js +25 -7
  6. package/dist/cjs/mg-input-file.cjs.entry.js +1 -1
  7. package/dist/cjs/mg-input-rich-text-editor.cjs.entry.js +1595 -637
  8. package/dist/cjs/mg-loader.cjs.entry.js +1 -1
  9. package/dist/cjs/mg-progress.cjs.entry.js +1 -1
  10. package/dist/collection/assets/illustrations/index.js +1 -1
  11. package/dist/collection/assets/jodit/jodit.css +5834 -0
  12. package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.js +103 -55
  13. package/dist/collection/components/molecules/inputs/mg-input/mg-input.js +39 -4
  14. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js +2 -4
  15. package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.js +24 -6
  16. package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js +3 -2
  17. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/editor/custom-properties.css +50 -0
  18. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.js +3 -3
  19. package/dist/collection/components/molecules/mg-details/mg-details.js +5 -1
  20. package/dist/collection/components/molecules/mg-form/mg-form.js +10 -2
  21. package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.conf.js +4 -0
  22. package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js +51 -2
  23. package/dist/collection/components/molecules/mg-loader/mg-loader.js +1 -1
  24. package/dist/collection/components/molecules/mg-message/mg-message.js +3 -3
  25. package/dist/collection/components/molecules/mg-modal/mg-modal.js +2 -2
  26. package/dist/collection/components/molecules/mg-panel/mg-panel.js +1 -1
  27. package/dist/collection/components/molecules/mg-popover/mg-popover-content/mg-popover-content.js +1 -1
  28. package/dist/collection/components/molecules/mg-popover/mg-popover.js +4 -1
  29. package/dist/collection/components/molecules/mg-progress/mg-progress.js +1 -1
  30. package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.js +1 -1
  31. package/dist/collection/components/molecules/mg-tabs/mg-tabs.js +1 -1
  32. package/dist/components/mg-button2.js +1 -1
  33. package/dist/components/mg-card2.js +1 -1
  34. package/dist/components/mg-details.js +1 -1
  35. package/dist/components/mg-form.js +1 -1
  36. package/dist/components/mg-illustrated-message.js +1 -1
  37. package/dist/components/mg-illustration.js +1 -1
  38. package/dist/components/mg-input-checkbox.js +1 -1
  39. package/dist/components/mg-input-combobox.js +1 -1
  40. package/dist/components/mg-input-date.js +1 -1
  41. package/dist/components/mg-input-file.js +1 -1
  42. package/dist/components/mg-input-numeric.js +1 -1
  43. package/dist/components/mg-input-password.js +1 -1
  44. package/dist/components/mg-input-radio.js +1 -1
  45. package/dist/components/mg-input-rich-text-editor.js +282 -282
  46. package/dist/components/mg-input-select2.js +1 -1
  47. package/dist/components/mg-input-text2.js +1 -1
  48. package/dist/components/mg-input-textarea.js +1 -1
  49. package/dist/components/mg-input-toggle.js +1 -1
  50. package/dist/components/mg-input2.js +1 -1
  51. package/dist/components/mg-loader2.js +1 -1
  52. package/dist/components/mg-menu-item2.js +1 -1
  53. package/dist/components/mg-message2.js +1 -1
  54. package/dist/components/mg-modal.js +1 -1
  55. package/dist/components/mg-panel.js +1 -1
  56. package/dist/components/mg-popover-content2.js +1 -1
  57. package/dist/components/mg-popover2.js +1 -1
  58. package/dist/components/mg-progress.js +1 -1
  59. package/dist/components/mg-skip-links.js +1 -1
  60. package/dist/components/mg-tabs2.js +1 -1
  61. package/dist/components/mg-tooltip2.js +1 -1
  62. package/dist/custom-elements.json +19 -0
  63. package/dist/esm/loader.js +1 -1
  64. package/dist/esm/mg-action-more_36.entry.js +217 -95
  65. package/dist/esm/mg-components.js +1 -1
  66. package/dist/esm/mg-illustration.entry.js +1 -1
  67. package/dist/esm/mg-input-combobox.entry.js +25 -7
  68. package/dist/esm/mg-input-file.entry.js +1 -1
  69. package/dist/esm/mg-input-rich-text-editor.entry.js +1595 -637
  70. package/dist/esm/mg-loader.entry.js +1 -1
  71. package/dist/esm/mg-progress.entry.js +1 -1
  72. package/dist/mg-components/mg-components.esm.js +1 -1
  73. package/dist/mg-components/{p-3ad7441c.entry.js → p-32a55ddb.entry.js} +1 -1
  74. package/dist/mg-components/p-6f492676.entry.js +1667 -0
  75. package/dist/mg-components/p-813d69c7.entry.js +1 -0
  76. package/dist/mg-components/p-85ebacd6.entry.js +1 -0
  77. package/dist/mg-components/p-a2445605.entry.js +1 -0
  78. package/dist/mg-components/{p-96fc508e.entry.js → p-c2beff2c.entry.js} +1 -1
  79. package/dist/mg-components/p-f308e2e4.entry.js +1 -0
  80. package/dist/types/components/atoms/mg-tooltip/mg-tooltip.d.ts +33 -6
  81. package/dist/types/components/molecules/inputs/mg-input/mg-input.d.ts +2 -1
  82. package/dist/types/components/molecules/inputs/mg-input-combobox/mg-input-combobox.d.ts +11 -0
  83. package/dist/types/components/molecules/mg-form/mg-form.d.ts +4 -0
  84. package/dist/types/components/molecules/mg-illustrated-message/mg-illustrated-message.conf.d.ts +8 -0
  85. package/dist/types/components/molecules/mg-illustrated-message/mg-illustrated-message.d.ts +9 -1
  86. package/dist/types/components.d.ts +13 -2
  87. package/ide/intellij/web-types.json +12 -2
  88. package/ide/vscode/html-custom-data.json +26 -1
  89. package/package.json +20 -20
  90. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/editor/custom-properties.scss +0 -212
  91. package/dist/mg-components/p-4693077a.entry.js +0 -1
  92. package/dist/mg-components/p-5dff879a.entry.js +0 -1
  93. package/dist/mg-components/p-b20f3698.entry.js +0 -1
  94. package/dist/mg-components/p-ec4bd337.entry.js +0 -1667
  95. package/dist/mg-components/p-f8e58181.entry.js +0 -1
@@ -1 +1 @@
1
- import{transformTag as t,proxyCustomElement as e,HTMLElement as i,createEvent as a,h as s}from"@stencil/core/internal/client";import{c as n,C as l,a as o,t as r,i as c}from"./index2.js";import{n as d}from"./index3.js";import{i as h}from"./index4.js";import{d as m}from"./mg-button2.js";import{d as g}from"./mg-card2.js";import{d as p}from"./mg-character-left2.js";import{d as u}from"./mg-icon2.js";import{d as b}from"./mg-input2.js";import{d as f}from"./mg-input-text2.js";import{d as v}from"./mg-input-title2.js";import{d as x}from"./mg-tooltip2.js";import{d as _}from"./mg-tooltip-content2.js";const E=["text","icon"],w=["left","right"],T=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.titleChange=a(this,"title-change",7),this.expandedChange=a(this,"expanded-change",7),this.identifier=n("mg-panel"),this.titleEditable=!1,this.titlePosition="left",this.expanded=!1,this.expandToggleDisplay="text",this.expandToggleDisabled=!1,this.shadow=!1,this.classCollection=new l(["mg-c-panel"]),this.isEditing=!1,this.hasPanelTitleSlot=()=>null!==this.element.querySelector('[slot="panel-title"]'),this.toggleIsEditing=()=>{this.isEditing=!this.isEditing},this.handleCollapseButton=()=>{this.expandToggleDisabled||(this.expanded=!this.expanded)},this.handleEditButton=()=>{this.toggleIsEditing()},this.handleUpdateTitle=t=>{this.updatedPanelTitle=t.detail},this.handleCancelEditButton=()=>{this.updatedPanelTitle=void 0,this.toggleIsEditing()},this.handleValidateEditButton=()=>{this.editInputElement.valid&&(void 0!==this.updatedPanelTitle&&(this.panelTitle=this.updatedPanelTitle),this.toggleIsEditing())},this.renderCollapseButton=()=>s("mg-button",{onClick:this.handleCollapseButton,variant:"flat","aria-expanded":""+this.expanded,"aria-controls":this.identifier+"-content",disabled:this.expandToggleDisabled,isIcon:"icon"===this.expandToggleDisplay,label:"icon"===this.expandToggleDisplay?this.panelTitle:void 0},s("span",{class:"mg-c-panel__collapse-button-content"},s("mg-icon",{icon:"chevron-up",class:{"mg-c-panel__collapse-button-icon":!0,"mg-c-panel__collapse-button-icon--reverse":!this.expanded}}),!this.isEditing&&"icon"!==this.expandToggleDisplay&&(this.hasPanelTitleSlot()?s("slot",{name:"panel-title"}):this.panelTitle))),this.renderEditButton=()=>s("mg-button",{key:"edit-button","is-icon":!0,variant:"flat",label:this.messages.panel.editLabel,onClick:this.handleEditButton},s("mg-icon",{icon:"pen"})),this.renderEditInput=()=>s("mg-input-text",{key:"edition-input",label:this.messages.panel.editLabel,"label-hide":!0,value:this.panelTitle,"onValue-change":this.handleUpdateTitle,characterLeftHide:!0,pattern:this.titlePattern,"pattern-error-message":this.titlePatternErrorMessage,identifier:this.identifier+"-edition-input",ref:t=>this.editInputElement=t},s("mg-button",{slot:"append-input",label:this.messages.general.cancel,"is-icon":!0,variant:"secondary",onClick:this.handleCancelEditButton},s("mg-icon",{icon:"cross"})),s("mg-button",{slot:"append-input",label:this.messages.general.confirm,"is-icon":!0,variant:"secondary",onClick:this.handleValidateEditButton},s("mg-icon",{icon:"check"}))),this.renderTitle=()=>{const t=[this.renderCollapseButton()];return this.titleEditable&&!this.hasPanelTitleSlot()&&t.push(this.isEditing?this.renderEditInput():this.renderEditButton()),"right"===this.titlePosition?t.reverse():t},this.renderHeaderChildren=()=>{const t=[s("div",{class:{"mg-c-panel__header-title":!0,"mg-c-panel__header-title--full":this.isEditing,"mg-c-panel__header-title--reverse":"right"===this.titlePosition},key:this.panelTitle},this.renderTitle()),s("div",{class:"mg-c-panel__header-content",key:"slot-header"},s("slot",{name:"header-right"}))];return"right"===this.titlePosition?t.reverse():t}}watchIdentifier(t){o(t)||console.error(`<mg-panel> prop "identifier" value is invalid. Passed value: ${r(t)}.`)}validatePanelTitle(t){if(void 0!==t){if(!c(t))throw Error(`<mg-panel> prop "panelTitle" must be a string. Passed value: ${r(t)}.`);this.titleChange.emit(t)}}validateTitlePattern(t){if(void 0!==t&&!this.titleEditable)throw Error('<mg-panel> prop "titleEditable" must be set to "true".')}validateTitleEditable(t){if(t&&this.hasPanelTitleSlot())throw Error('<mg-panel> prop "titleEditable" cannot be used with panel-title slot.')}validateTitlePosition(t){if(t+""!=""){if(!w.includes(t))throw Error(`<mg-panel> prop "titlePosition" must be one of: ${w.join(", ")}. Passed value: ${r(t)}.`)}else this.titlePosition="left"}handleExpanded(t){this.expandedChange.emit(t)}validateExpandToggleDisplay(t){if(t+""!=""){if(!E.includes(t))throw Error(`<mg-panel> prop "expandToggleDisplay" must be one of: ${E.join(", ")}. Passed value: ${r(t)}.`);if("icon"===t&&this.titleEditable&&(this.titleEditable=!1),"icon"===t&&this.hasPanelTitleSlot())throw Error('<mg-panel> prop "expandToggleDisplay" cannot be "icon" when panel-title slot is used.')}else this.expandToggleDisplay="text"}componentWillLoad(){if(this.messages=h(this.element).messages,d(this),this.watchIdentifier(this.identifier),this.validateTitlePattern(this.titlePattern),this.validateTitlePattern(this.titlePatternErrorMessage),!this.hasPanelTitleSlot()){if(!c(this.panelTitle))throw Error('<mg-panel> prop "panelTitle" is required when panel-title slot is not used.');this.validatePanelTitle(this.panelTitle)}this.validateExpandToggleDisplay(this.expandToggleDisplay),this.validateTitlePosition(this.titlePosition),this.validateTitleEditable(this.titleEditable)}componentDidRender(){this.isEditing&&this.editInputElement.setFocus()}render(){const t=this.identifier+"-header";return s("section",{key:"33e6da36cbb92f19bcd957de7758c1a13ced5e83",class:this.classCollection.join(),id:this.identifier},s("mg-card",{key:"df278e46b4604d8c5dce2abeffb2e979b02f34e9",shadow:this.shadow},s("header",{key:"b68012115af4bb5b62b6357fc07cbf50876ac08f",class:{"mg-c-panel__header":!0,"mg-c-panel__header--reverse":"right"===this.titlePosition},id:t},this.renderHeaderChildren()),s("article",{key:"3dfec67e6531fc0dff866e102ac36bd6c6a48834",class:"mg-c-panel__content",id:this.identifier+"-content","aria-labelledby":t,hidden:!this.expanded},s("slot",{key:"56c63dd0b0e98968594ff713c2c6ee2a3269b74b"}))))}get element(){return this}static get watchers(){return{identifier:[{watchIdentifier:0}],panelTitle:[{validatePanelTitle:0}],titlePattern:[{validateTitlePattern:0}],titlePatternErrorMessage:[{validateTitlePattern:0}],titleEditable:[{validateTitleEditable:0}],titlePosition:[{validateTitlePosition:0}],expanded:[{handleExpanded:0}],expandToggleDisplay:[{validateExpandToggleDisplay:0}]}}static get style(){return":host{--mg-c-card-spacing:0;--mg-c-card-border-radius:var(--mg-c-panel-border-radius);--mg-c-card-color-background:var(--mg-c-panel-color-background);--mg-c-card-box-shadow:var(--mg-c-panel-box-shadow)}.mg-c-panel__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;padding:0 var(--mg-b-size-4)}.mg-c-panel__header-title,.mg-c-panel__header-content{display:flex;margin:var(--mg-b-size-4) 0}.mg-c-panel__header-content{min-height:var(--mg-b-size-min-height);flex:1 auto;align-items:center;padding-left:var(--mg-b-size-4)}.mg-c-panel__header-title mg-input-text{flex-grow:1;margin-left:var(--mg-b-size-4)}.mg-c-panel__header-title mg-button+mg-button:not([slot=append-input]){margin-left:var(--mg-b-size-4)}.mg-c-panel__header-title.mg-c-panel__header-title--full{flex:1 1 auto}.mg-c-panel__collapse-button-content{--mg-b-font-size:var(--mg-b-font-size-h5);--mg-c-button-font-weight:600}.mg-c-panel__collapse-button-icon.mg-c-panel__collapse-button-icon--reverse{transform:rotate(180deg)}.mg-c-panel__content{padding:var(--mg-c-panel-content-spacing)}.mg-c-panel ::slotted([slot=header-right]){display:flex;flex-wrap:wrap;margin-left:auto;gap:var(--mg-b-spacing-actions)}.mg-c-panel ::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)}"}},[257,"mg-panel",{identifier:[1],panelTitle:[1025,"panel-title"],titlePattern:[1,"title-pattern"],titlePatternErrorMessage:[1,"title-pattern-error-message"],titleEditable:[1028,"title-editable"],titlePosition:[1025,"title-position"],expanded:[1028],expandToggleDisplay:[1025,"expand-toggle-display"],expandToggleDisabled:[4,"expand-toggle-disabled"],shadow:[4],classCollection:[32],isEditing:[32],updatedPanelTitle:[32]},void 0,{identifier:[{watchIdentifier:0}],panelTitle:[{validatePanelTitle:0}],titlePattern:[{validateTitlePattern:0}],titlePatternErrorMessage:[{validateTitlePattern:0}],titleEditable:[{validateTitleEditable:0}],titlePosition:[{validateTitlePosition:0}],expanded:[{handleExpanded:0}],expandToggleDisplay:[{validateExpandToggleDisplay:0}]}]);function k(){"undefined"!=typeof customElements&&["mg-panel","mg-button","mg-card","mg-character-left","mg-icon","mg-input","mg-input-text","mg-input-title","mg-tooltip","mg-tooltip-content"].forEach((e=>{switch(e){case"mg-panel":customElements.get(t(e))||customElements.define(t(e),T);break;case"mg-button":customElements.get(t(e))||m();break;case"mg-card":customElements.get(t(e))||g();break;case"mg-character-left":customElements.get(t(e))||p();break;case"mg-icon":customElements.get(t(e))||u();break;case"mg-input":customElements.get(t(e))||b();break;case"mg-input-text":customElements.get(t(e))||f();break;case"mg-input-title":customElements.get(t(e))||v();break;case"mg-tooltip":customElements.get(t(e))||x();break;case"mg-tooltip-content":customElements.get(t(e))||_()}}))}k();const y=T,P=k;export{y as MgPanel,P as defineCustomElement}
1
+ import{transformTag as t,proxyCustomElement as e,HTMLElement as i,createEvent as a,h as s}from"@stencil/core/internal/client";import{c as n,C as l,a as o,t as r,i as c}from"./index2.js";import{n as d}from"./index3.js";import{i as h}from"./index4.js";import{d as m}from"./mg-button2.js";import{d as g}from"./mg-card2.js";import{d as p}from"./mg-character-left2.js";import{d as u}from"./mg-icon2.js";import{d as b}from"./mg-input2.js";import{d as f}from"./mg-input-text2.js";import{d as v}from"./mg-input-title2.js";import{d as x}from"./mg-tooltip2.js";import{d as _}from"./mg-tooltip-content2.js";const E=["text","icon"],w=["left","right"],T=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.titleChange=a(this,"title-change",7),this.expandedChange=a(this,"expanded-change",7),this.identifier=n("mg-panel"),this.titleEditable=!1,this.titlePosition="left",this.expanded=!1,this.expandToggleDisplay="text",this.expandToggleDisabled=!1,this.shadow=!1,this.classCollection=new l(["mg-c-panel"]),this.isEditing=!1,this.hasPanelTitleSlot=()=>null!==this.element.querySelector('[slot="panel-title"]'),this.toggleIsEditing=()=>{this.isEditing=!this.isEditing},this.handleCollapseButton=()=>{this.expandToggleDisabled||(this.expanded=!this.expanded)},this.handleEditButton=()=>{this.toggleIsEditing()},this.handleUpdateTitle=t=>{this.updatedPanelTitle=t.detail},this.handleCancelEditButton=()=>{this.updatedPanelTitle=void 0,this.toggleIsEditing()},this.handleValidateEditButton=()=>{this.editInputElement.valid&&(void 0!==this.updatedPanelTitle&&(this.panelTitle=this.updatedPanelTitle),this.toggleIsEditing())},this.renderCollapseButton=()=>s("mg-button",{onClick:this.handleCollapseButton,variant:"flat","aria-expanded":""+this.expanded,"aria-controls":this.identifier+"-content",disabled:this.expandToggleDisabled,isIcon:"icon"===this.expandToggleDisplay,label:"icon"===this.expandToggleDisplay?this.panelTitle:void 0},s("span",{class:"mg-c-panel__collapse-button-content"},s("mg-icon",{icon:"chevron-up",class:{"mg-c-panel__collapse-button-icon":!0,"mg-c-panel__collapse-button-icon--reverse":!this.expanded}}),!this.isEditing&&"icon"!==this.expandToggleDisplay&&(this.hasPanelTitleSlot()?s("slot",{name:"panel-title"}):this.panelTitle))),this.renderEditButton=()=>s("mg-button",{key:"edit-button","is-icon":!0,variant:"flat",label:this.messages.panel.editLabel,onClick:this.handleEditButton},s("mg-icon",{icon:"pen"})),this.renderEditInput=()=>s("mg-input-text",{key:"edition-input",label:this.messages.panel.editLabel,"label-hide":!0,value:this.panelTitle,"onValue-change":this.handleUpdateTitle,characterLeftHide:!0,pattern:this.titlePattern,"pattern-error-message":this.titlePatternErrorMessage,identifier:this.identifier+"-edition-input",ref:t=>this.editInputElement=t},s("mg-button",{slot:"append-input",label:this.messages.general.cancel,"is-icon":!0,variant:"secondary",onClick:this.handleCancelEditButton},s("mg-icon",{icon:"cross"})),s("mg-button",{slot:"append-input",label:this.messages.general.confirm,"is-icon":!0,variant:"secondary",onClick:this.handleValidateEditButton},s("mg-icon",{icon:"check"}))),this.renderTitle=()=>{const t=[this.renderCollapseButton()];return this.titleEditable&&!this.hasPanelTitleSlot()&&t.push(this.isEditing?this.renderEditInput():this.renderEditButton()),"right"===this.titlePosition?t.reverse():t},this.renderHeaderChildren=()=>{const t=[s("div",{class:{"mg-c-panel__header-title":!0,"mg-c-panel__header-title--full":this.isEditing,"mg-c-panel__header-title--reverse":"right"===this.titlePosition},key:this.panelTitle},this.renderTitle()),s("div",{class:"mg-c-panel__header-content",key:"slot-header"},s("slot",{name:"header-right"}))];return"right"===this.titlePosition?t.reverse():t}}watchIdentifier(t){o(t)||console.error(`<mg-panel> prop "identifier" value is invalid. Passed value: ${r(t)}.`)}validatePanelTitle(t){if(void 0!==t){if(!c(t))throw Error(`<mg-panel> prop "panelTitle" must be a string. Passed value: ${r(t)}.`);this.titleChange.emit(t)}}validateTitlePattern(t){if(void 0!==t&&!this.titleEditable)throw Error('<mg-panel> prop "titleEditable" must be set to "true".')}validateTitleEditable(t){if(t&&this.hasPanelTitleSlot())throw Error('<mg-panel> prop "titleEditable" cannot be used with panel-title slot.')}validateTitlePosition(t){if(t+""!=""){if(!w.includes(t))throw Error(`<mg-panel> prop "titlePosition" must be one of: ${w.join(", ")}. Passed value: ${r(t)}.`)}else this.titlePosition="left"}handleExpanded(t){this.expandedChange.emit(t)}validateExpandToggleDisplay(t){if(t+""!=""){if(!E.includes(t))throw Error(`<mg-panel> prop "expandToggleDisplay" must be one of: ${E.join(", ")}. Passed value: ${r(t)}.`);if("icon"===t&&this.titleEditable&&(this.titleEditable=!1),"icon"===t&&this.hasPanelTitleSlot())throw Error('<mg-panel> prop "expandToggleDisplay" cannot be "icon" when panel-title slot is used.')}else this.expandToggleDisplay="text"}componentWillLoad(){if(this.messages=h(this.element).messages,d(this),this.watchIdentifier(this.identifier),this.validateTitlePattern(this.titlePattern),this.validateTitlePattern(this.titlePatternErrorMessage),!this.hasPanelTitleSlot()){if(!c(this.panelTitle))throw Error('<mg-panel> prop "panelTitle" is required when panel-title slot is not used.');this.validatePanelTitle(this.panelTitle)}this.validateExpandToggleDisplay(this.expandToggleDisplay),this.validateTitlePosition(this.titlePosition),this.validateTitleEditable(this.titleEditable)}componentDidRender(){this.isEditing&&this.editInputElement.setFocus()}render(){const t=this.identifier+"-header";return s("section",{key:"b578e1389d1bbd5e035121c350d5c39b9bdf8a5e",class:this.classCollection.join(),id:this.identifier},s("mg-card",{key:"44f71cd6cb5973719608d04d1581d440a53f5d7d",shadow:this.shadow},s("header",{key:"fb3b381c2c574bca89391e9007afc0552cce9a14",class:{"mg-c-panel__header":!0,"mg-c-panel__header--reverse":"right"===this.titlePosition},id:t},this.renderHeaderChildren()),s("article",{key:"ee1ee946f594900680e2182a41de5d86dd515212",class:"mg-c-panel__content",id:this.identifier+"-content","aria-labelledby":t,hidden:!this.expanded},s("slot",{key:"7f878c18e3e5d60a7619312b16336858313f1eae"}))))}get element(){return this}static get watchers(){return{identifier:[{watchIdentifier:0}],panelTitle:[{validatePanelTitle:0}],titlePattern:[{validateTitlePattern:0}],titlePatternErrorMessage:[{validateTitlePattern:0}],titleEditable:[{validateTitleEditable:0}],titlePosition:[{validateTitlePosition:0}],expanded:[{handleExpanded:0}],expandToggleDisplay:[{validateExpandToggleDisplay:0}]}}static get style(){return":host{--mg-c-card-spacing:0;--mg-c-card-border-radius:var(--mg-c-panel-border-radius);--mg-c-card-color-background:var(--mg-c-panel-color-background);--mg-c-card-box-shadow:var(--mg-c-panel-box-shadow)}.mg-c-panel__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;padding:0 var(--mg-b-size-4)}.mg-c-panel__header-title,.mg-c-panel__header-content{display:flex;margin:var(--mg-b-size-4) 0}.mg-c-panel__header-content{min-height:var(--mg-b-size-min-height);flex:1 auto;align-items:center;padding-left:var(--mg-b-size-4)}.mg-c-panel__header-title mg-input-text{flex-grow:1;margin-left:var(--mg-b-size-4)}.mg-c-panel__header-title mg-button+mg-button:not([slot=append-input]){margin-left:var(--mg-b-size-4)}.mg-c-panel__header-title.mg-c-panel__header-title--full{flex:1 1 auto}.mg-c-panel__collapse-button-content{--mg-b-font-size:var(--mg-b-font-size-h5);--mg-c-button-font-weight:600}.mg-c-panel__collapse-button-icon.mg-c-panel__collapse-button-icon--reverse{transform:rotate(180deg)}.mg-c-panel__content{padding:var(--mg-c-panel-content-spacing)}.mg-c-panel ::slotted([slot=header-right]){display:flex;flex-wrap:wrap;margin-left:auto;gap:var(--mg-b-spacing-actions)}.mg-c-panel ::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)}"}},[257,"mg-panel",{identifier:[1],panelTitle:[1025,"panel-title"],titlePattern:[1,"title-pattern"],titlePatternErrorMessage:[1,"title-pattern-error-message"],titleEditable:[1028,"title-editable"],titlePosition:[1025,"title-position"],expanded:[1028],expandToggleDisplay:[1025,"expand-toggle-display"],expandToggleDisabled:[4,"expand-toggle-disabled"],shadow:[4],classCollection:[32],isEditing:[32],updatedPanelTitle:[32]},void 0,{identifier:[{watchIdentifier:0}],panelTitle:[{validatePanelTitle:0}],titlePattern:[{validateTitlePattern:0}],titlePatternErrorMessage:[{validateTitlePattern:0}],titleEditable:[{validateTitleEditable:0}],titlePosition:[{validateTitlePosition:0}],expanded:[{handleExpanded:0}],expandToggleDisplay:[{validateExpandToggleDisplay:0}]}]);function k(){"undefined"!=typeof customElements&&["mg-panel","mg-button","mg-card","mg-character-left","mg-icon","mg-input","mg-input-text","mg-input-title","mg-tooltip","mg-tooltip-content"].forEach((e=>{switch(e){case"mg-panel":customElements.get(t(e))||customElements.define(t(e),T);break;case"mg-button":customElements.get(t(e))||m();break;case"mg-card":customElements.get(t(e))||g();break;case"mg-character-left":customElements.get(t(e))||p();break;case"mg-icon":customElements.get(t(e))||u();break;case"mg-input":customElements.get(t(e))||b();break;case"mg-input-text":customElements.get(t(e))||f();break;case"mg-input-title":customElements.get(t(e))||v();break;case"mg-tooltip":customElements.get(t(e))||x();break;case"mg-tooltip-content":customElements.get(t(e))||_()}}))}k();const y=T,P=k;export{y as MgPanel,P as defineCustomElement}
@@ -1 +1 @@
1
- import{transformTag as t,proxyCustomElement as e,HTMLElement as o,createEvent as c,h as a,Host as r}from"@stencil/core/internal/client";import{C as m,b as i}from"./index2.js";import{i as n}from"./index4.js";import{d as s}from"./mg-button2.js";import{d}from"./mg-card2.js";import{d as g}from"./mg-icon2.js";const l=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hideContent=c(this,"hide-content",7),this.closeButton=!1,this.classCollection=new m(["mg-c-popover-content"]),this.handleCloseButton=()=>{this.hideContent.emit()}}componentWillLoad(){this.messages=n(this.element).messages}componentDidLoad(){const t=["h1","h2","h3","h4","h5","h6"],e=this.element.querySelector('[slot="title"]');if(e&&!i(e,t))throw new Error(`<mg-popover> Slotted title must be a heading: ${t.join(", ")}.`)}render(){return a(r,{key:"7035d8f560b811596c9c641abc7fe28ee9fdf3a2"},a("mg-card",{key:"badc81425100283dac69cad111514d8c3edfba45",class:this.classCollection.join(),shadow:!0},this.closeButton&&a("mg-button",{key:"cb20d8c7db741051b532c3b1653d578df859f0d0","is-icon":!0,variant:"flat",label:this.messages.general.close,onClick:this.handleCloseButton},a("mg-icon",{key:"389dc26f4cfdbb899b2b9eb4b27ceb6369209b2f",icon:"cross"})),a("div",{key:"29b6721af3b6e06760affd6565e740bbc667f457",class:"mg-c-popover-content__title"},a("slot",{key:"5834364d298a4e65a9170f003d0ec1f5e8868c4a",name:"title"})),a("slot",{key:"8398f497064fe097151ca263225349a9d84d4f36",name:"content"})))}get element(){return this}static get style(){return":host{position:relative;z-index:2000;display:none;color:var(--mg-c-popover-color-text)}:host([data-show]){display:block}.mg-c-popover-content{--mg-c-card-max-width:var(--mg-c-popover-max-width);--mg-c-card-min-width:var(--mg-c-popover-min-width);--mg-c-card-max-height:min( var(--mg-c-popover-max-height), 100vh - calc(var(--mg-b-size-min-height) + var(--mg-b-size-32)) );--mg-c-card-overflow:var(--mg-c-popover-overflow)}.mg-c-popover-content mg-button{margin-top:calc(-1*(var(--mg-b-size-min-height) - var(--mg-c-popover-title-font-size)*var(--mg-b-line-height))/2);margin-right:calc(-1*(var(--mg-b-size-min-height) - var(--mg-b-size-16))/2);margin-left:var(--mg-b-size-32);float:right}.mg-c-popover-content__title ::slotted([slot=title]){margin:0 0 var(--mg-b-size-12) !important;font-size:var(--mg-c-popover-title-font-size) !important;font-weight:600 !important}.mg-c-popover-content ::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)}"}},[257,"mg-popover-content",{closeButton:[4,"close-button"],classCollection:[32]}]);function h(){"undefined"!=typeof customElements&&["mg-popover-content","mg-button","mg-card","mg-icon"].forEach((e=>{switch(e){case"mg-popover-content":customElements.get(t(e))||customElements.define(t(e),l);break;case"mg-button":customElements.get(t(e))||s();break;case"mg-card":customElements.get(t(e))||d();break;case"mg-icon":customElements.get(t(e))||g()}}))}h();export{l as M,h as d}
1
+ import{transformTag as e,proxyCustomElement as t,HTMLElement as o,createEvent as a,h as c,Host as r}from"@stencil/core/internal/client";import{C as m,b as i}from"./index2.js";import{i as n}from"./index4.js";import{d as s}from"./mg-button2.js";import{d}from"./mg-card2.js";import{d as g}from"./mg-icon2.js";const l=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.hideContent=a(this,"hide-content",7),this.closeButton=!1,this.classCollection=new m(["mg-c-popover-content"]),this.handleCloseButton=()=>{this.hideContent.emit()}}componentWillLoad(){this.messages=n(this.element).messages}componentDidLoad(){const e=["h1","h2","h3","h4","h5","h6"],t=this.element.querySelector('[slot="title"]');if(t&&!i(t,e))throw new Error(`<mg-popover> Slotted title must be a heading: ${e.join(", ")}.`)}render(){return c(r,{key:"e019ee038ec460eb854f0c3e1735dbf5d107b76c"},c("mg-card",{key:"ddcfa4488e4e1d88f9f04cbe1adbce5571810dc2",class:this.classCollection.join(),shadow:!0},this.closeButton&&c("mg-button",{key:"ecd864254f96e0e4d855f4fd17ea6cefd9606a75","is-icon":!0,variant:"flat",label:this.messages.general.close,onClick:this.handleCloseButton},c("mg-icon",{key:"ef52183b075b47d9fc81b7ec0074c790c51741aa",icon:"cross"})),c("div",{key:"df62e551869ec69e902788d20aa50b169bdfc0ee",class:"mg-c-popover-content__title"},c("slot",{key:"5a4eada9d48368a34094ba22f83d23c0abd92223",name:"title"})),c("slot",{key:"bfa7298291aed96a01a45cf2921a5646a022287f",name:"content"})))}get element(){return this}static get style(){return":host{position:relative;z-index:2000;display:none;color:var(--mg-c-popover-color-text)}:host([data-show]){display:block}.mg-c-popover-content{--mg-c-card-max-width:var(--mg-c-popover-max-width);--mg-c-card-min-width:var(--mg-c-popover-min-width);--mg-c-card-max-height:min( var(--mg-c-popover-max-height), 100vh - calc(var(--mg-b-size-min-height) + var(--mg-b-size-32)) );--mg-c-card-overflow:var(--mg-c-popover-overflow)}.mg-c-popover-content mg-button{margin-top:calc(-1*(var(--mg-b-size-min-height) - var(--mg-c-popover-title-font-size)*var(--mg-b-line-height))/2);margin-right:calc(-1*(var(--mg-b-size-min-height) - var(--mg-b-size-16))/2);margin-left:var(--mg-b-size-32);float:right}.mg-c-popover-content__title ::slotted([slot=title]){margin:0 0 var(--mg-b-size-12) !important;font-size:var(--mg-c-popover-title-font-size) !important;font-weight:600 !important}.mg-c-popover-content ::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)}"}},[257,"mg-popover-content",{closeButton:[4,"close-button"],classCollection:[32]}]);function h(){"undefined"!=typeof customElements&&["mg-popover-content","mg-button","mg-card","mg-icon"].forEach((t=>{switch(t){case"mg-popover-content":customElements.get(e(t))||customElements.define(e(t),l);break;case"mg-button":customElements.get(e(t))||s();break;case"mg-card":customElements.get(e(t))||d();break;case"mg-icon":customElements.get(e(t))||g()}}))}h();export{l as M,h as d}
@@ -1 +1 @@
1
- import{transformTag as t,proxyCustomElement as e,HTMLElement as s,createEvent as i,h as o,Host as n}from"@stencil/core/internal/client";import{c as a,a as r,t as h,g as c}from"./index2.js";import{d}from"./mg-button2.js";import{d as l}from"./mg-card2.js";import{d as p}from"./mg-icon2.js";import{d as m}from"./mg-popover-content2.js";import{c as v}from"./popper.js";const g=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.displayChange=i(this,"display-change",7),this.componentClose=i(this,"component-close",7),this.identifier=a("mg-popover"),this.placement="bottom-start",this.closeButton=!1,this.display=!1,this.disabled=!1,this.clickOutside=t=>{const e=t.composedPath(),i=e.includes(this.element)||e.some((t=>t instanceof s&&t.dataset.mgPopoverGuard===this.identifier));this.disabled||i||(this.display=!1)},this.show=()=>{this.mgPopover.dataset.show="",this.interactiveElement.setAttribute("aria-expanded","true"),this.setPopperListeners(!0),setTimeout((()=>{this.manageClickOutsideListeners("addEventListener")}))},this.hide=()=>{this.mgPopover.removeAttribute("data-show"),this.interactiveElement.setAttribute("aria-expanded","false"),this.setPopperListeners(!1),this.manageClickOutsideListeners("removeEventListener")},this.setPopperListeners=t=>{this.popper.setOptions((e=>Object.assign(Object.assign({},e),{modifiers:[...e.modifiers,{name:"eventListeners",enabled:t}]})))},this.manageClickOutsideListeners=t=>{var e,s;[...Array.from((null===(s=null===(e=document.querySelector(`[data-mg-popover-guard="${this.identifier}"]`))||void 0===e?void 0:e.shadowRoot)||void 0===s?void 0:s.children)||new Set),...this.windows].forEach((e=>{null!==e&&e[t]("click",this.clickOutside,!1)}))},this.handleHideContent=()=>{this.display=!1,this.componentClose.emit()},this.renderPopoverContent=()=>{const t=this.element.querySelector("mg-popover-content");null===t?(this.mgPopoverContent=document.createElement("mg-popover-content"),this.mgPopoverContent.setAttribute("slot","content"),this.mgPopoverContent.setAttribute("id",this.identifier),this.mgPopoverContent.addEventListener("hide-content",this.handleHideContent),['[slot="title"]','[slot="content"]:not(mg-popover-content)'].forEach((t=>{Array.from(this.element.querySelectorAll(t)).forEach((t=>{this.mgPopoverContent.appendChild(t)}))})),this.element.appendChild(this.mgPopoverContent)):t.setAttribute("id",this.identifier)}}validateIdentifier(t){if(!r(t))throw new Error(`<mg-popover> prop "identifier" value is invalid. Passed value: ${h(t)}.`);this.renderPopoverContent()}validateCloseButton(t){this.mgPopoverContent.closeButton=t}handleDisplay(t){t?this.show():this.hide(),this.displayChange.emit(t)}componentDidUpdate(){this.popper.update()}componentWillLoad(){this.windows=c(window),this.renderPopoverContent(),this.validateCloseButton(this.closeButton),this.validateIdentifier(this.identifier)}componentDidLoad(){this.mgPopover=this.element.querySelector(`#${this.identifier}`),this.interactiveElement=this.element.querySelector(":not([slot])"),this.interactiveElement.setAttribute("aria-controls",this.identifier),this.interactiveElement.setAttribute("aria-expanded",`${this.display}`);const t=[];void 0!==this.element.dataset.fallbackPlacement&&t.push(this.element.dataset.fallbackPlacement),this.popper=v(this.interactiveElement,this.mgPopover,{placement:this.placement,strategy:"fixed",modifiers:[{name:"offset",options:{offset:[0,2]}},{name:"flip",options:{fallbackPlacements:[...t,"auto"]}}]}),[this.interactiveElement,this.element.querySelector("mg-popover-content")].forEach((t=>{new ResizeObserver((()=>{this.popper.update()})).observe(t)})),this.interactiveElement.addEventListener("click",(()=>{this.disabled||(this.display=!this.display)})),this.element.addEventListener("click",(t=>{const e=t.target.closest("[popovertargetaction]");!0===this.display&&null!==e&&"hide"===e.getAttribute("popovertargetaction")&&(this.display=!1)})),this.element.addEventListener("keydown",(t=>{this.disabled||"Escape"!==t.code||(this.display=!1,this.componentClose.emit(),this.interactiveElement.focus())})),this.handleDisplay(this.display)}render(){return o(n,{key:"9e62e60ba76045222b9c69b34245c3825004f8d6"},o("slot",{key:"4be1a5c1221e1985cd0c0b4f7b19435d097bee4e"}),o("slot",{key:"07c2003dc3ad0bb7059e75e95e0de2862a64fd22",name:"content"}))}get element(){return this}static get watchers(){return{identifier:[{validateIdentifier:0}],closeButton:[{validateCloseButton:0}],display:[{handleDisplay:0}]}}static get style(){return":host{--mg-c-card-spacing:var(--mg-c-popover-spacing-vertical, var(--mg-b-size-16)) var(--mg-c-popover-spacing-horizontal, var(--mg-b-size-16));--mg-c-card-border:none;--mg-c-card-border-radius:var(--mg-c-popover-border-radius);--mg-c-card-color-background:var(--mg-c-popover-color-background);position:relative;display:contents}:host::slotted(*){display:inline-block}"}},[257,"mg-popover",{identifier:[1],placement:[1],arrowHide:[16],closeButton:[4,"close-button"],display:[1028],disabled:[4]},void 0,{identifier:[{validateIdentifier:0}],closeButton:[{validateCloseButton:0}],display:[{handleDisplay:0}]}]);function u(){"undefined"!=typeof customElements&&["mg-popover","mg-button","mg-card","mg-icon","mg-popover-content"].forEach((e=>{switch(e){case"mg-popover":customElements.get(t(e))||customElements.define(t(e),g);break;case"mg-button":customElements.get(t(e))||d();break;case"mg-card":customElements.get(t(e))||l();break;case"mg-icon":customElements.get(t(e))||p();break;case"mg-popover-content":customElements.get(t(e))||m()}}))}u();export{g as M,u as d}
1
+ import{transformTag as t,proxyCustomElement as e,HTMLElement as s,createEvent as i,h as o,Host as n}from"@stencil/core/internal/client";import{c as a,a as r,t as c,g as h}from"./index2.js";import{d}from"./mg-button2.js";import{d as l}from"./mg-card2.js";import{d as p}from"./mg-icon2.js";import{d as m}from"./mg-popover-content2.js";import{c as g}from"./popper.js";const v=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.displayChange=i(this,"display-change",7),this.componentClose=i(this,"component-close",7),this.identifier=a("mg-popover"),this.placement="bottom-start",this.closeButton=!1,this.display=!1,this.disabled=!1,this.clickOutside=t=>{const e=t.composedPath(),i=e.includes(this.element)||e.some((t=>t instanceof s&&t.dataset.mgPopoverGuard===this.identifier));this.disabled||i||(this.display=!1)},this.show=()=>{this.mgPopover.dataset.show="",this.interactiveElement.setAttribute("aria-expanded","true"),this.setPopperListeners(!0),setTimeout((()=>{this.manageClickOutsideListeners("addEventListener")}))},this.hide=()=>{this.mgPopover.removeAttribute("data-show"),this.interactiveElement.setAttribute("aria-expanded","false"),this.setPopperListeners(!1),this.manageClickOutsideListeners("removeEventListener")},this.setPopperListeners=t=>{this.popper.setOptions((e=>Object.assign(Object.assign({},e),{modifiers:[...e.modifiers,{name:"eventListeners",enabled:t}]})))},this.manageClickOutsideListeners=t=>{var e,s;[...Array.from((null===(s=null===(e=document.querySelector(`[data-mg-popover-guard="${this.identifier}"]`))||void 0===e?void 0:e.shadowRoot)||void 0===s?void 0:s.children)||new Set),...this.windows].forEach((e=>{null!==e&&e[t]("click",this.clickOutside,!1)}))},this.handleHideContent=()=>{this.display=!1,this.componentClose.emit()},this.renderPopoverContent=()=>{const t=this.element.querySelector("mg-popover-content");null===t?(this.mgPopoverContent=document.createElement("mg-popover-content"),this.mgPopoverContent.setAttribute("slot","content"),this.mgPopoverContent.setAttribute("id",this.identifier),this.mgPopoverContent.addEventListener("hide-content",this.handleHideContent),['[slot="title"]','[slot="content"]:not(mg-popover-content)'].forEach((t=>{Array.from(this.element.querySelectorAll(t)).forEach((t=>{this.mgPopoverContent.appendChild(t)}))})),this.element.appendChild(this.mgPopoverContent)):t.setAttribute("id",this.identifier)}}validateIdentifier(t){if(!r(t))throw new Error(`<mg-popover> prop "identifier" value is invalid. Passed value: ${c(t)}.`);this.renderPopoverContent()}validateCloseButton(t){this.mgPopoverContent.closeButton=t}handleDisplay(t){t?this.show():this.hide(),this.displayChange.emit(t)}componentDidUpdate(){this.popper.update()}componentWillLoad(){this.windows=h(window),this.renderPopoverContent(),this.validateCloseButton(this.closeButton),this.validateIdentifier(this.identifier)}componentDidLoad(){this.mgPopover=this.element.querySelector(`#${this.identifier}`),this.interactiveElement=this.element.querySelector(":not([slot])"),this.interactiveElement.setAttribute("aria-controls",this.identifier),this.interactiveElement.setAttribute("aria-expanded",`${this.display}`),this.interactiveElement.setAttribute("data-mg-popover-trigger","");const t=[];void 0!==this.element.dataset.fallbackPlacement&&t.push(this.element.dataset.fallbackPlacement),this.popper=g(this.interactiveElement,this.mgPopover,{placement:this.placement,strategy:"fixed",modifiers:[{name:"offset",options:{offset:[0,2]}},{name:"flip",options:{fallbackPlacements:[...t,"auto"]}}]}),[this.interactiveElement,this.element.querySelector("mg-popover-content")].forEach((t=>{new ResizeObserver((()=>{this.popper.update()})).observe(t)})),this.interactiveElement.addEventListener("click",(()=>{this.disabled||(this.display=!this.display)})),this.element.addEventListener("click",(t=>{const e=t.target.closest("[popovertargetaction]");!0===this.display&&null!==e&&"hide"===e.getAttribute("popovertargetaction")&&(this.display=!1)})),this.element.addEventListener("keydown",(t=>{this.disabled||"Escape"!==t.code||(this.display=!1,this.componentClose.emit(),this.interactiveElement.focus())})),this.handleDisplay(this.display)}render(){return o(n,{key:"c8f404452600fb8c3c4219c3873d407c9546fa9c"},o("slot",{key:"0031a6cef5ecab29b82c38a6cdfeef61277e7f57"}),o("slot",{key:"ececc678b5d54aaad029adcf7d9681471cf78701",name:"content"}))}get element(){return this}static get watchers(){return{identifier:[{validateIdentifier:0}],closeButton:[{validateCloseButton:0}],display:[{handleDisplay:0}]}}static get style(){return":host{--mg-c-card-spacing:var(--mg-c-popover-spacing-vertical, var(--mg-b-size-16)) var(--mg-c-popover-spacing-horizontal, var(--mg-b-size-16));--mg-c-card-border:none;--mg-c-card-border-radius:var(--mg-c-popover-border-radius);--mg-c-card-color-background:var(--mg-c-popover-color-background);position:relative;display:contents}:host::slotted(*){display:inline-block}"}},[257,"mg-popover",{identifier:[1],placement:[1],arrowHide:[16],closeButton:[4,"close-button"],display:[1028],disabled:[4]},void 0,{identifier:[{validateIdentifier:0}],closeButton:[{validateCloseButton:0}],display:[{handleDisplay:0}]}]);function u(){"undefined"!=typeof customElements&&["mg-popover","mg-button","mg-card","mg-icon","mg-popover-content"].forEach((e=>{switch(e){case"mg-popover":customElements.get(t(e))||customElements.define(t(e),v);break;case"mg-button":customElements.get(t(e))||d();break;case"mg-card":customElements.get(t(e))||l();break;case"mg-icon":customElements.get(t(e))||p();break;case"mg-popover-content":customElements.get(t(e))||m()}}))}u();export{v as M,u as d}
@@ -1 +1 @@
1
- import{transformTag as r,proxyCustomElement as s,HTMLElement as e,h as a,Host as t}from"@stencil/core/internal/client";import{i,t as o,p as c}from"./index2.js";const l=["progressbar","meter"],h=s(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.ariaRole="progressbar",this.value=0,this.min=0,this.max=100}watchLabel(r){if(!i(r))throw Error(`<mg-progress> prop "label" must be a valid string. Passed value: ${o(r)}.`)}watchAriaRole(r){if(r&&!l.includes(r))throw Error(`<mg-progress> prop "ariaRole" must be one of: ${l.join(", ")}. Passed value: ${o(r)}.`)}watchValue(r){if(!(void 0===r||c(r)&&r>=this.min&&r<=this.max))throw Error(`<mg-progress> prop “value” must be a number within the range ${this.min} to ${this.max}. Passed value: ${o(r)}.`)}watchMin(r){if(0!==r&&void 0!==r&&(!c(r)||r>=this.max))throw Error(`<mg-progress> prop “min” must be a number lower than: ${this.max}. Passed value: ${o(r)}.`)}watchMax(r){if(100!==r&&void 0!==r&&(!c(r)||r<=this.min))throw Error(`<mg-progress> prop “max” must be a number greater than: ${this.min}. Passed value: ${o(r)}.`)}componentWillLoad(){this.watchLabel(this.label),this.watchAriaRole(this.ariaRole),this.watchMin(this.min),this.watchMax(this.max),this.watchValue(this.value)}render(){return a(t,{key:"3682d5f1980678e39594dab8223805deb4b425d4",role:this.ariaRole,"aria-label":this.label,"aria-valuenow":this.value,"aria-valuemin":this.min,"aria-valuemax":this.max},a("div",{key:"001d511a866ec0526c4ffd01a8a90448b6f40819",class:"mg-c-progress"},a("div",{key:"504fa583f5b8186236871f3f2cd886acb40614ef",class:{"mg-c-progress__bar":!0,"mg-c-progress__bar--active":this.value>this.min}},a("div",{key:"044c9297d5a12c9d8c6d3b76d17dd2ba6a1a9719",class:"mg-c-progress__fill",style:{width:Math.round((this.value-this.min)/(this.max-this.min)*100)+"%"}}))))}static get watchers(){return{label:[{watchLabel:0}],ariaRole:[{watchAriaRole:0}],value:[{watchValue:0}],min:[{watchMin:0}],max:[{watchMax:0}]}}static get style(){return".mg-c-progress{min-width:calc(var(--mg-b-size-16)*4)}.mg-c-progress__bar{position:relative;overflow:hidden;height:var(--mg-c-progress-size);border-width:var(--mg-b-size-border);border-style:solid;border-color:var(--mg-c-progress-border-color);border-radius:calc((var(--mg-c-progress-size) + var(--mg-b-size-border)*2)/2);background-color:var(--mg-c-progress-bar-color-background)}.mg-c-progress__fill{height:100%;border-radius:calc((var(--mg-c-progress-size) + var(--mg-b-size-border)*2)/2);transition:width 300ms ease-in-out}.mg-c-progress__bar.mg-c-progress__bar--active .mg-c-progress__fill{background-color:var(--mg-c-progress-fill-color-background)}"}},[1,"mg-progress",{label:[1],ariaRole:[1,"aria-role"],value:[2],min:[2],max:[2]},void 0,{label:[{watchLabel:0}],ariaRole:[{watchAriaRole:0}],value:[{watchValue:0}],min:[{watchMin:0}],max:[{watchMax:0}]}]);function g(){"undefined"!=typeof customElements&&["mg-progress"].forEach((s=>{"mg-progress"===s&&(customElements.get(r(s))||customElements.define(r(s),h))}))}g();const m=h,d=g;export{m as MgProgress,d as defineCustomElement}
1
+ import{transformTag as r,proxyCustomElement as e,HTMLElement as s,h as a,Host as t}from"@stencil/core/internal/client";import{i,t as o,p as c}from"./index2.js";const l=["progressbar","meter"],h=e(class extends s{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.ariaRole="progressbar",this.value=0,this.min=0,this.max=100}watchLabel(r){if(!i(r))throw Error(`<mg-progress> prop "label" must be a valid string. Passed value: ${o(r)}.`)}watchAriaRole(r){if(r&&!l.includes(r))throw Error(`<mg-progress> prop "ariaRole" must be one of: ${l.join(", ")}. Passed value: ${o(r)}.`)}watchValue(r){if(!(void 0===r||c(r)&&r>=this.min&&r<=this.max))throw Error(`<mg-progress> prop “value” must be a number within the range ${this.min} to ${this.max}. Passed value: ${o(r)}.`)}watchMin(r){if(0!==r&&void 0!==r&&(!c(r)||r>=this.max))throw Error(`<mg-progress> prop “min” must be a number lower than: ${this.max}. Passed value: ${o(r)}.`)}watchMax(r){if(100!==r&&void 0!==r&&(!c(r)||r<=this.min))throw Error(`<mg-progress> prop “max” must be a number greater than: ${this.min}. Passed value: ${o(r)}.`)}componentWillLoad(){this.watchLabel(this.label),this.watchAriaRole(this.ariaRole),this.watchMin(this.min),this.watchMax(this.max),this.watchValue(this.value)}render(){return a(t,{key:"c0df3a5d374a8e5761efcd1e340775e5a33b17b4",role:this.ariaRole,"aria-label":this.label,"aria-valuenow":this.value,"aria-valuemin":this.min,"aria-valuemax":this.max},a("div",{key:"9481f0fdb3bb5b9c0a27cd47113207537dcf0eec",class:"mg-c-progress"},a("div",{key:"67bf52635d482d56a8b0a85f31da78c243054e22",class:{"mg-c-progress__bar":!0,"mg-c-progress__bar--active":this.value>this.min}},a("div",{key:"9a55b0bf8132bcec41350941d2bbd470194d7981",class:"mg-c-progress__fill",style:{width:Math.round((this.value-this.min)/(this.max-this.min)*100)+"%"}}))))}static get watchers(){return{label:[{watchLabel:0}],ariaRole:[{watchAriaRole:0}],value:[{watchValue:0}],min:[{watchMin:0}],max:[{watchMax:0}]}}static get style(){return".mg-c-progress{min-width:calc(var(--mg-b-size-16)*4)}.mg-c-progress__bar{position:relative;overflow:hidden;height:var(--mg-c-progress-size);border-width:var(--mg-b-size-border);border-style:solid;border-color:var(--mg-c-progress-border-color);border-radius:calc((var(--mg-c-progress-size) + var(--mg-b-size-border)*2)/2);background-color:var(--mg-c-progress-bar-color-background)}.mg-c-progress__fill{height:100%;border-radius:calc((var(--mg-c-progress-size) + var(--mg-b-size-border)*2)/2);transition:width 300ms ease-in-out}.mg-c-progress__bar.mg-c-progress__bar--active .mg-c-progress__fill{background-color:var(--mg-c-progress-fill-color-background)}"}},[1,"mg-progress",{label:[1],ariaRole:[1,"aria-role"],value:[2],min:[2],max:[2]},void 0,{label:[{watchLabel:0}],ariaRole:[{watchAriaRole:0}],value:[{watchValue:0}],min:[{watchMin:0}],max:[{watchMax:0}]}]);function g(){"undefined"!=typeof customElements&&["mg-progress"].forEach((e=>{"mg-progress"===e&&(customElements.get(r(e))||customElements.define(r(e),h))}))}g();const m=h,b=g;export{m as MgProgress,b as defineCustomElement}
@@ -1 +1 @@
1
- import{transformTag as i,proxyCustomElement as s,HTMLElement as t,createEvent as n,h as e}from"@stencil/core/internal/client";import{i as a}from"./index4.js";import{i as l}from"./index2.js";const r=s(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.goToAnchor=n(this,"go-to-anchor",7),this.handleLinkCLick=i=>{const s=i.currentTarget;s.blur(),this.goToAnchor.emit(s.getAttribute("href"))}}validateLinks(i){if(void 0===i||0===i.length||i.some((i=>!l(i.href)||!i.href.startsWith("#")||!l(i.label))))throw Error('<mg-skip-links> prop "links": Cannot be empty and each link must contains an href starting with a "#" and a non empty label attributes.')}componentWillLoad(){this.validateLinks(this.links),this.messages=a(this.element).messages}render(){return e("nav",{key:"9208da538e001be23c8cc78e8a34498cd072cdc6",class:"mg-c-skip-links",role:"navigation","aria-label":this.messages.skipLinks.navLabel},e("ul",{key:"fcd69f398fad6964d5c017bb652ad7b8de34dee6",class:"mg-c-skip-links__list",role:"list"},this.links.map((i=>e("li",{key:i.href},e("a",{class:"mg-c-skip-links__link",href:i.href,onClick:this.handleLinkCLick},i.label))))))}get element(){return this}static get watchers(){return{links:[{validateLinks:0}]}}static get style(){return".mg-c-skip-links{position:absolute;display:flex;min-height:var(--mg-b-size-56);align-items:center;background:var(--mg-b-color-light);opacity:0;transform:translateY(-100%)}.mg-c-skip-links:focus-within{position:relative;opacity:1;transform:translateY(0)}.mg-c-skip-links__list{display:flex;flex-wrap:wrap;align-items:center;padding:0 var(--mg-b-size-16);margin:0;gap:var(--mg-b-spacing-actions);list-style:none}.mg-c-skip-links__link{display:inline-block;padding:var(--mg-b-size-8) var(--mg-b-size-16);color:var(--mg-b-color-dark)}.mg-c-skip-links__link:hover{background:color-mix(in srgb, var(--mg-b-color-dark), transparent 90%)}"}},[1,"mg-skip-links",{links:[16]},void 0,{links:[{validateLinks:0}]}]);function o(){"undefined"!=typeof customElements&&["mg-skip-links"].forEach((s=>{"mg-skip-links"===s&&(customElements.get(i(s))||customElements.define(i(s),r))}))}o();const c=r,k=o;export{c as MgSkipLinks,k as defineCustomElement}
1
+ import{transformTag as i,proxyCustomElement as s,HTMLElement as t,createEvent as n,h as e}from"@stencil/core/internal/client";import{i as a}from"./index4.js";import{i as l}from"./index2.js";const r=s(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.goToAnchor=n(this,"go-to-anchor",7),this.handleLinkCLick=i=>{const s=i.currentTarget;s.blur(),this.goToAnchor.emit(s.getAttribute("href"))}}validateLinks(i){if(void 0===i||0===i.length||i.some((i=>!l(i.href)||!i.href.startsWith("#")||!l(i.label))))throw Error('<mg-skip-links> prop "links": Cannot be empty and each link must contains an href starting with a "#" and a non empty label attributes.')}componentWillLoad(){this.validateLinks(this.links),this.messages=a(this.element).messages}render(){return e("nav",{key:"972bbcd87ccb46025324b4dc8e3ded00407e2b77",class:"mg-c-skip-links",role:"navigation","aria-label":this.messages.skipLinks.navLabel},e("ul",{key:"a4673c4b29484e654f4adb5d7c669d4ad372760f",class:"mg-c-skip-links__list",role:"list"},this.links.map((i=>e("li",{key:i.href},e("a",{class:"mg-c-skip-links__link",href:i.href,onClick:this.handleLinkCLick},i.label))))))}get element(){return this}static get watchers(){return{links:[{validateLinks:0}]}}static get style(){return".mg-c-skip-links{position:absolute;display:flex;min-height:var(--mg-b-size-56);align-items:center;background:var(--mg-b-color-light);opacity:0;transform:translateY(-100%)}.mg-c-skip-links:focus-within{position:relative;opacity:1;transform:translateY(0)}.mg-c-skip-links__list{display:flex;flex-wrap:wrap;align-items:center;padding:0 var(--mg-b-size-16);margin:0;gap:var(--mg-b-spacing-actions);list-style:none}.mg-c-skip-links__link{display:inline-block;padding:var(--mg-b-size-8) var(--mg-b-size-16);color:var(--mg-b-color-dark)}.mg-c-skip-links__link:hover{background:color-mix(in srgb, var(--mg-b-color-dark), transparent 90%)}"}},[1,"mg-skip-links",{links:[16]},void 0,{links:[{validateLinks:0}]}]);function o(){"undefined"!=typeof customElements&&["mg-skip-links"].forEach((s=>{"mg-skip-links"===s&&(customElements.get(i(s))||customElements.define(i(s),r))}))}o();const c=r,k=o;export{c as MgSkipLinks,k as defineCustomElement}
@@ -1 +1 @@
1
- import{transformTag as t,proxyCustomElement as a,HTMLElement as i,createEvent as s,h as e}from"@stencil/core/internal/client";import{c as o,C as n,n as r,a as b,t as c,i as g,d as h}from"./index2.js";import{K as l}from"./events.utils.js";import{d as m}from"./mg-badge2.js";import{d}from"./mg-icon2.js";const v={VISIBLE:"visible",HIDDEN:"hidden",DISABLED:"disabled",ACTIVE:"active"},u=t=>"object"==typeof t&&"string"==typeof t.label,_=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.activeTabChange=s(this,"active-tab-change",7),this.tabPanel="panel",this.buttonTabBaseClass="mg-c-tabs__navigation-button",this.startIndex=1,this.identifier=o("mg-tabs"),this.tabs=[],this.classCollection=new n(["mg-c-tabs"]),this.isActivableTab=t=>[void 0,v.ACTIVE,v.VISIBLE].includes(t.status),this.tabHasStatus=(t,a)=>t.status===a,this.getElementId=(t,a)=>`${t}-${this.getTabItemIndex(a)}`,this.getTabItemIndex=t=>t+this.startIndex,this.handleClick=t=>{const a=t.currentTarget.dataset.index;this.isActivableTab(this.tabs[Number(a)-this.startIndex])?(this.activeTab=Number(a),this.tabFocus=void 0):t.preventDefault()},this.getNavigationButtonClass=t=>`${this.buttonTabBaseClass}--${t}`,this.handleKeydown=t=>{const a=t.target.parentElement;if([l.ARROWLEFT,l.ARROWRIGHT].includes(t.key)){this.tabFocus=Number(t.target.dataset.index),a.querySelector(`[data-index="${this.tabFocus}"]`).setAttribute("tabindex","-1"),t.key===l.ARROWRIGHT?(this.tabFocus++,this.tabFocus>this.tabs.length&&(this.tabFocus=this.startIndex)):t.key===l.ARROWLEFT&&(this.tabFocus--,this.tabFocus<this.startIndex&&(this.tabFocus=this.tabs.length));const i=a.querySelector(`[data-index="${this.tabFocus}"]`);this.tabHasStatus(this.tabs[this.tabFocus-1],v.HIDDEN)?i.dispatchEvent(new KeyboardEvent("keydown",{key:t.key,bubbles:!0})):(i.setAttribute("tabindex","0"),i.focus())}else t.key===l.TAB&&this.resetFocus()},this.handleDocumentClick=t=>{t.target.closest("mg-tabs")!==this.element&&this.resetFocus()},this.resetFocus=()=>{r((()=>{this.tabFocus=void 0,Array.from(this.element.shadowRoot.querySelectorAll("[data-index]")).forEach(((t,a)=>{t.setAttribute("tabindex",this.activeTab-this.startIndex!==a?"-1":"0")}))}))},this.validateSlots=()=>{if(Array.from(this.element.children).filter((t=>{var a;return null===(a=t.getAttribute("slot"))||void 0===a?void 0:a.includes("tab_content-")})).length!==this.tabs.length)throw new Error("<mg-tabs> Must have slots counts equal to tabs count.")}}watchIdentifier(t){b(t)||console.error(`<mg-tabs> prop "identifier" value is invalid. Passed value: ${c(t)}.`)}validateLabel(t){if(!g(t))throw new Error(`<mg-tabs> prop "label" is required and must be a string. Passed value: ${c(t)}.`)}validateItems(t){if(h(t))this.tabs=t.map((t=>({label:t,status:v.VISIBLE})));else{if(!(Array.isArray(t)&&t.length>0&&t.every(u)))throw new Error(`<mg-tabs> prop "items" is required and all items must be the same type: TabItem. Passed value: ${c(t)}.`);this.tabs=t}}validateActiveTab(t){if(void 0===t)this.activeTab=this.tabs.some((t=>this.tabHasStatus(t,v.ACTIVE)))?this.getTabItemIndex(this.tabs.findIndex((t=>this.tabHasStatus(t,v.ACTIVE)))):this.startIndex;else{if(!("number"==typeof t&&t>=this.startIndex&&t<=this.tabs.length&&this.isActivableTab(this.tabs[t-this.startIndex])))throw new Error(`<mg-tabs> prop "activeTab" must be a number between ${this.startIndex} and ${this.tabs.length} and new value must be "activable". Passed value: ${c(t)}.`);this.tabs.forEach(((a,i)=>{const s=i===t-this.startIndex;this.tabHasStatus(a,v.ACTIVE)&&!s?a.status=v.VISIBLE:this.isActivableTab(a)&&s&&(a.status=v.ACTIVE)})),this.activeTabChange.emit(t)}}componentWillLoad(){this.watchIdentifier(this.identifier),this.validateLabel(this.label),this.validateItems(this.items),this.validateActiveTab(this.activeTab),this.validateSlots()}componentDidLoad(){document.addEventListener("click",this.handleDocumentClick,!1)}disconnectedCallback(){document.removeEventListener("keydown",this.handleDocumentClick)}render(){return e("div",{key:"37be8d325dfea3a7b828236f3cc21da57be28154",class:this.classCollection.join()},e("header",{key:"d88f10c0331984a759f8abc311f11d913fb25206",role:"tablist","aria-label":this.label,class:"mg-c-tabs__header"},this.tabs.map(((t,a)=>e("button",{key:t.label,role:"tab",id:this.getElementId(this.identifier,a),class:{[`${this.buttonTabBaseClass}`]:!0,[`${this.buttonTabBaseClass}--horizontal`]:!0,[`${this.getNavigationButtonClass(v.ACTIVE)}`]:this.tabHasStatus(t,v.ACTIVE),[`${this.getNavigationButtonClass(v.DISABLED)}`]:this.tabHasStatus(t,v.DISABLED),[`${this.getNavigationButtonClass(v.HIDDEN)}`]:this.tabHasStatus(t,v.HIDDEN)},tabindex:this.tabHasStatus(t,v.ACTIVE)?0:-1,"aria-selected":this.tabHasStatus(t,v.ACTIVE).toString(),"aria-controls":this.getElementId(this.tabPanel,a),"aria-disabled":this.tabHasStatus(t,v.DISABLED),onClick:this.handleClick,onKeyDown:this.handleKeydown,"data-index":this.getTabItemIndex(a)},void 0!==t.icon&&e("mg-icon",{icon:t.icon,size:"small"}),t.label,void 0!==t.badge&&e("mg-badge",{variant:"text-color",value:t.badge.value,label:t.badge.label,outline:"information"===t.badge.role}))))),this.tabs.map(((t,a)=>e("article",{key:t.label,role:"tabpanel",id:this.getElementId(this.tabPanel,a),hidden:!this.tabHasStatus(t,v.ACTIVE),"aria-labelledby":this.getElementId(this.identifier,a),tabindex:this.tabHasStatus(t,v.ACTIVE)?0:-1,class:"mg-c-tabs__content-container"},e("slot",{name:this.getElementId("tab_content",a)})))))}get element(){return this}static get watchers(){return{identifier:[{watchIdentifier:0}],label:[{validateLabel:0}],items:[{validateItems:0}],activeTab:[{validateActiveTab:0}]}}static get style(){return'.mg-c-tabs__navigation-button{position:relative;display:flex;height:calc(var(--mg-c-tabs-button-spacing-vertical)*2 + var(--mg-c-tabs-height));box-sizing:border-box;align-items:center;padding:var(--mg-c-tabs-button-spacing-vertical) calc(var(--mg-c-tabs-button-margin-horizontal) + var(--mg-c-tabs-button-padding-horizontal)) var(--mg-c-tabs-button-spacing-vertical) calc(var(--mg-c-tabs-button-margin-horizontal) + var(--mg-c-tabs-button-padding-horizontal));border:none;border-radius:var(--mg-b-size-8);background-color:unset;color:var(--mg-c-tabs-color-text, var(--mg-b-color-dark));column-gap:var(--mg-b-size-8);cursor:pointer;font-family:var(--mg-b-font-family);font-weight:400;line-height:var(--mg-b-line-height);text-decoration:none;white-space:nowrap}.mg-c-tabs__navigation-button::after{position:absolute;background-color:var(--mg-c-tabs-color);content:""}.mg-c-tabs__navigation-button:disabled,.mg-c-tabs__navigation-button--disabled{cursor:default;opacity:var(--mg-b-opacity-element-disabled)}.mg-c-tabs__navigation-button:hover,.mg-c-tabs__navigation-button:focus-visible{z-index:10}.mg-c-tabs__navigation-button:hover:not(.mg-c-tabs__navigation-button--disabled)::before,.mg-c-tabs__navigation-button:focus-visible:not(.mg-c-tabs__navigation-button--disabled)::before{position:absolute;z-index:-1;top:0;left:0;width:stretch;height:var(--mg-c-tabs-height);box-sizing:border-box;border-radius:var(--mg-b-size-8);margin-right:var(--mg-c-tabs-button-margin-horizontal);margin-left:var(--mg-c-tabs-button-margin-horizontal);background-color:color-mix(in srgb, var(--mg-c-tabs-color-text, var(--mg-b-color-dark)), transparent 90%);content:""}.mg-c-tabs__navigation-button,.mg-c-tabs__navigation-button ::slotted([slot=label]),.mg-c-tabs__navigation-button ::slotted([slot=metadata]){font-size:var(--mg-b-font-size)}.mg-c-tabs__navigation-button:not(.mg-c-tabs__navigation-button--disabled).mg-c-tabs__navigation-button--horizontal::before{margin:var(--mg-c-tabs-button-spacing-vertical) var(--mg-c-tabs-button-margin-horizontal)}.mg-c-tabs__navigation-button:not(.mg-c-tabs__navigation-button--disabled).mg-c-tabs__navigation-button--vertical::before{height:100%;margin:0 var(--mg-c-tabs-button-margin-horizontal)}.mg-c-tabs__navigation-button.mg-c-tabs__navigation-button--active{color:var(--mg-c-tabs-color);font-weight:600}.mg-c-tabs__navigation-button.mg-c-tabs__navigation-button--active.mg-c-tabs__navigation-button--horizontal::after{bottom:0;left:50%;width:calc(100% - var(--mg-b-size-12)*2);height:var(--mg-b-size-4);border-top-left-radius:var(--mg-b-size-8);border-top-right-radius:var(--mg-b-size-8);transform:translateX(-50%)}.mg-c-tabs__navigation-button.mg-c-tabs__navigation-button--active.mg-c-tabs__navigation-button--vertical::after{top:50%;left:0;width:var(--mg-b-size-4);height:calc(100% - var(--mg-b-size-8)*2);border-bottom-right-radius:var(--mg-b-size-8);border-top-right-radius:var(--mg-b-size-8);transform:translateY(-50%)}.mg-c-tabs__navigation-button.mg-c-tabs__navigation-button--hidden{display:none}.mg-c-tabs__header{display:flex;flex-flow:row wrap;border-bottom:var(--mg-b-size-border) solid var(--mg-b-color-neutral-30)}.mg-c-tabs__content-container:focus-visible{outline:none}.mg-c-tabs__navigation-button-text{flex:0 0 content}.mg-c-tabs__navigation-button.mg-c-tabs__navigation-button--horizontal{--mg-c-tabs-height:var(--mg-b-size-24);--mg-c-tabs-button-spacing-vertical:var(--mg-b-size-8);--mg-c-tabs-button-margin-horizontal:var(--mg-b-size-4);--mg-c-tabs-button-padding-horizontal:var(--mg-b-size-8)}'}},[257,"mg-tabs",{identifier:[1],label:[1],size:[16],items:[16],activeTab:[1538,"active-tab"],tabs:[32],classCollection:[32]},void 0,{identifier:[{watchIdentifier:0}],label:[{validateLabel:0}],items:[{validateItems:0}],activeTab:[{validateActiveTab:0}]}]);function f(){"undefined"!=typeof customElements&&["mg-tabs","mg-badge","mg-icon"].forEach((a=>{switch(a){case"mg-tabs":customElements.get(t(a))||customElements.define(t(a),_);break;case"mg-badge":customElements.get(t(a))||m();break;case"mg-icon":customElements.get(t(a))||d()}}))}f();export{_ as M,v as S,f as d}
1
+ import{transformTag as t,proxyCustomElement as a,HTMLElement as i,createEvent as s,h as e}from"@stencil/core/internal/client";import{c as o,C as n,n as r,a as b,t as c,i as g,d as h}from"./index2.js";import{K as l}from"./events.utils.js";import{d as m}from"./mg-badge2.js";import{d}from"./mg-icon2.js";const v={VISIBLE:"visible",HIDDEN:"hidden",DISABLED:"disabled",ACTIVE:"active"},u=t=>"object"==typeof t&&"string"==typeof t.label,_=a(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.activeTabChange=s(this,"active-tab-change",7),this.tabPanel="panel",this.buttonTabBaseClass="mg-c-tabs__navigation-button",this.startIndex=1,this.identifier=o("mg-tabs"),this.tabs=[],this.classCollection=new n(["mg-c-tabs"]),this.isActivableTab=t=>[void 0,v.ACTIVE,v.VISIBLE].includes(t.status),this.tabHasStatus=(t,a)=>t.status===a,this.getElementId=(t,a)=>`${t}-${this.getTabItemIndex(a)}`,this.getTabItemIndex=t=>t+this.startIndex,this.handleClick=t=>{const a=t.currentTarget.dataset.index;this.isActivableTab(this.tabs[Number(a)-this.startIndex])?(this.activeTab=Number(a),this.tabFocus=void 0):t.preventDefault()},this.getNavigationButtonClass=t=>`${this.buttonTabBaseClass}--${t}`,this.handleKeydown=t=>{const a=t.target.parentElement;if([l.ARROWLEFT,l.ARROWRIGHT].includes(t.key)){this.tabFocus=Number(t.target.dataset.index),a.querySelector(`[data-index="${this.tabFocus}"]`).setAttribute("tabindex","-1"),t.key===l.ARROWRIGHT?(this.tabFocus++,this.tabFocus>this.tabs.length&&(this.tabFocus=this.startIndex)):t.key===l.ARROWLEFT&&(this.tabFocus--,this.tabFocus<this.startIndex&&(this.tabFocus=this.tabs.length));const i=a.querySelector(`[data-index="${this.tabFocus}"]`);this.tabHasStatus(this.tabs[this.tabFocus-1],v.HIDDEN)?i.dispatchEvent(new KeyboardEvent("keydown",{key:t.key,bubbles:!0})):(i.setAttribute("tabindex","0"),i.focus())}else t.key===l.TAB&&this.resetFocus()},this.handleDocumentClick=t=>{t.target.closest("mg-tabs")!==this.element&&this.resetFocus()},this.resetFocus=()=>{r((()=>{this.tabFocus=void 0,Array.from(this.element.shadowRoot.querySelectorAll("[data-index]")).forEach(((t,a)=>{t.setAttribute("tabindex",this.activeTab-this.startIndex!==a?"-1":"0")}))}))},this.validateSlots=()=>{if(Array.from(this.element.children).filter((t=>{var a;return null===(a=t.getAttribute("slot"))||void 0===a?void 0:a.includes("tab_content-")})).length!==this.tabs.length)throw new Error("<mg-tabs> Must have slots counts equal to tabs count.")}}watchIdentifier(t){b(t)||console.error(`<mg-tabs> prop "identifier" value is invalid. Passed value: ${c(t)}.`)}validateLabel(t){if(!g(t))throw new Error(`<mg-tabs> prop "label" is required and must be a string. Passed value: ${c(t)}.`)}validateItems(t){if(h(t))this.tabs=t.map((t=>({label:t,status:v.VISIBLE})));else{if(!(Array.isArray(t)&&t.length>0&&t.every(u)))throw new Error(`<mg-tabs> prop "items" is required and all items must be the same type: TabItem. Passed value: ${c(t)}.`);this.tabs=t}}validateActiveTab(t){if(void 0===t)this.activeTab=this.tabs.some((t=>this.tabHasStatus(t,v.ACTIVE)))?this.getTabItemIndex(this.tabs.findIndex((t=>this.tabHasStatus(t,v.ACTIVE)))):this.startIndex;else{if(!("number"==typeof t&&t>=this.startIndex&&t<=this.tabs.length&&this.isActivableTab(this.tabs[t-this.startIndex])))throw new Error(`<mg-tabs> prop "activeTab" must be a number between ${this.startIndex} and ${this.tabs.length} and new value must be "activable". Passed value: ${c(t)}.`);this.tabs.forEach(((a,i)=>{const s=i===t-this.startIndex;this.tabHasStatus(a,v.ACTIVE)&&!s?a.status=v.VISIBLE:this.isActivableTab(a)&&s&&(a.status=v.ACTIVE)})),this.activeTabChange.emit(t)}}componentWillLoad(){this.watchIdentifier(this.identifier),this.validateLabel(this.label),this.validateItems(this.items),this.validateActiveTab(this.activeTab),this.validateSlots()}componentDidLoad(){document.addEventListener("click",this.handleDocumentClick,!1)}disconnectedCallback(){document.removeEventListener("keydown",this.handleDocumentClick)}render(){return e("div",{key:"6f741baa1d25495fd980586c2cad6203cbb69906",class:this.classCollection.join()},e("header",{key:"1dd40593a076db2d6c883b2f066e8c96938175bf",role:"tablist","aria-label":this.label,class:"mg-c-tabs__header"},this.tabs.map(((t,a)=>e("button",{key:t.label,role:"tab",id:this.getElementId(this.identifier,a),class:{[`${this.buttonTabBaseClass}`]:!0,[`${this.buttonTabBaseClass}--horizontal`]:!0,[`${this.getNavigationButtonClass(v.ACTIVE)}`]:this.tabHasStatus(t,v.ACTIVE),[`${this.getNavigationButtonClass(v.DISABLED)}`]:this.tabHasStatus(t,v.DISABLED),[`${this.getNavigationButtonClass(v.HIDDEN)}`]:this.tabHasStatus(t,v.HIDDEN)},tabindex:this.tabHasStatus(t,v.ACTIVE)?0:-1,"aria-selected":this.tabHasStatus(t,v.ACTIVE).toString(),"aria-controls":this.getElementId(this.tabPanel,a),"aria-disabled":this.tabHasStatus(t,v.DISABLED),onClick:this.handleClick,onKeyDown:this.handleKeydown,"data-index":this.getTabItemIndex(a)},void 0!==t.icon&&e("mg-icon",{icon:t.icon,size:"small"}),t.label,void 0!==t.badge&&e("mg-badge",{variant:"text-color",value:t.badge.value,label:t.badge.label,outline:"information"===t.badge.role}))))),this.tabs.map(((t,a)=>e("article",{key:t.label,role:"tabpanel",id:this.getElementId(this.tabPanel,a),hidden:!this.tabHasStatus(t,v.ACTIVE),"aria-labelledby":this.getElementId(this.identifier,a),tabindex:this.tabHasStatus(t,v.ACTIVE)?0:-1,class:"mg-c-tabs__content-container"},e("slot",{name:this.getElementId("tab_content",a)})))))}get element(){return this}static get watchers(){return{identifier:[{watchIdentifier:0}],label:[{validateLabel:0}],items:[{validateItems:0}],activeTab:[{validateActiveTab:0}]}}static get style(){return'.mg-c-tabs__navigation-button{position:relative;display:flex;height:calc(var(--mg-c-tabs-button-spacing-vertical)*2 + var(--mg-c-tabs-height));box-sizing:border-box;align-items:center;padding:var(--mg-c-tabs-button-spacing-vertical) calc(var(--mg-c-tabs-button-margin-horizontal) + var(--mg-c-tabs-button-padding-horizontal)) var(--mg-c-tabs-button-spacing-vertical) calc(var(--mg-c-tabs-button-margin-horizontal) + var(--mg-c-tabs-button-padding-horizontal));border:none;border-radius:var(--mg-b-size-8);background-color:unset;color:var(--mg-c-tabs-color-text, var(--mg-b-color-dark));column-gap:var(--mg-b-size-8);cursor:pointer;font-family:var(--mg-b-font-family);font-weight:400;line-height:var(--mg-b-line-height);text-decoration:none;white-space:nowrap}.mg-c-tabs__navigation-button::after{position:absolute;background-color:var(--mg-c-tabs-color);content:""}.mg-c-tabs__navigation-button:disabled,.mg-c-tabs__navigation-button--disabled{cursor:default;opacity:var(--mg-b-opacity-element-disabled)}.mg-c-tabs__navigation-button:hover,.mg-c-tabs__navigation-button:focus-visible{z-index:10}.mg-c-tabs__navigation-button:hover:not(.mg-c-tabs__navigation-button--disabled)::before,.mg-c-tabs__navigation-button:focus-visible:not(.mg-c-tabs__navigation-button--disabled)::before{position:absolute;z-index:-1;top:0;left:0;width:stretch;height:var(--mg-c-tabs-height);box-sizing:border-box;border-radius:var(--mg-b-size-8);margin-right:var(--mg-c-tabs-button-margin-horizontal);margin-left:var(--mg-c-tabs-button-margin-horizontal);background-color:color-mix(in srgb, var(--mg-c-tabs-color-text, var(--mg-b-color-dark)), transparent 90%);content:""}.mg-c-tabs__navigation-button,.mg-c-tabs__navigation-button ::slotted([slot=label]),.mg-c-tabs__navigation-button ::slotted([slot=metadata]){font-size:var(--mg-b-font-size)}.mg-c-tabs__navigation-button:not(.mg-c-tabs__navigation-button--disabled).mg-c-tabs__navigation-button--horizontal::before{margin:var(--mg-c-tabs-button-spacing-vertical) var(--mg-c-tabs-button-margin-horizontal)}.mg-c-tabs__navigation-button:not(.mg-c-tabs__navigation-button--disabled).mg-c-tabs__navigation-button--vertical::before{height:100%;margin:0 var(--mg-c-tabs-button-margin-horizontal)}.mg-c-tabs__navigation-button.mg-c-tabs__navigation-button--active{color:var(--mg-c-tabs-color);font-weight:600}.mg-c-tabs__navigation-button.mg-c-tabs__navigation-button--active.mg-c-tabs__navigation-button--horizontal::after{bottom:0;left:50%;width:calc(100% - var(--mg-b-size-12)*2);height:var(--mg-b-size-4);border-top-left-radius:var(--mg-b-size-8);border-top-right-radius:var(--mg-b-size-8);transform:translateX(-50%)}.mg-c-tabs__navigation-button.mg-c-tabs__navigation-button--active.mg-c-tabs__navigation-button--vertical::after{top:50%;left:0;width:var(--mg-b-size-4);height:calc(100% - var(--mg-b-size-8)*2);border-bottom-right-radius:var(--mg-b-size-8);border-top-right-radius:var(--mg-b-size-8);transform:translateY(-50%)}.mg-c-tabs__navigation-button.mg-c-tabs__navigation-button--hidden{display:none}.mg-c-tabs__header{display:flex;flex-flow:row wrap;border-bottom:var(--mg-b-size-border) solid var(--mg-b-color-neutral-30)}.mg-c-tabs__content-container:focus-visible{outline:none}.mg-c-tabs__navigation-button-text{flex:0 0 content}.mg-c-tabs__navigation-button.mg-c-tabs__navigation-button--horizontal{--mg-c-tabs-height:var(--mg-b-size-24);--mg-c-tabs-button-spacing-vertical:var(--mg-b-size-8);--mg-c-tabs-button-margin-horizontal:var(--mg-b-size-4);--mg-c-tabs-button-padding-horizontal:var(--mg-b-size-8)}'}},[257,"mg-tabs",{identifier:[1],label:[1],size:[16],items:[16],activeTab:[1538,"active-tab"],tabs:[32],classCollection:[32]},void 0,{identifier:[{watchIdentifier:0}],label:[{validateLabel:0}],items:[{validateItems:0}],activeTab:[{validateActiveTab:0}]}]);function f(){"undefined"!=typeof customElements&&["mg-tabs","mg-badge","mg-icon"].forEach((a=>{switch(a){case"mg-tabs":customElements.get(t(a))||customElements.define(t(a),_);break;case"mg-badge":customElements.get(t(a))||m();break;case"mg-icon":customElements.get(t(a))||d()}}))}f();export{_ as M,v as S,f as d}
@@ -1 +1 @@
1
- import{transformTag as t,proxyCustomElement as i,HTMLElement as s,h as e,Host as o}from"@stencil/core/internal/client";import{c as h,n as a,a as n,t as l,i as d,g as c,l as r}from"./index2.js";import{d as m}from"./mg-tooltip-content2.js";import{c as p}from"./popper.js";const u={FOCUS:"focus",HOVER_TOOLTIP_ELEMENT:"hoverTooltip",HOVER_TOOLTIPED_ELEMENT:"hoverTooltiped",DISABLE_ON_CLICK:"disableOnClick"},b=i(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.identifier=h("mg-tooltip"),this.placement="bottom",this.display=!1,this.disabled=!1,this.show=()=>{this.mgTooltipContent.dataset.show="",this.popper.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!0}]}))),a((()=>{this.windows.forEach((t=>{t.addEventListener("click",this.handleClickOutside,!1),t.addEventListener("keydown",this.handlePressEscape,!1)}))}))},this.hide=()=>{this.mgTooltipContent.removeAttribute("data-show"),this.popper.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!1}]}))),this.windows.forEach((t=>{t.removeEventListener("click",this.handleClickOutside,!1),t.removeEventListener("keydown",this.handlePressEscape,!1)}))},this.handleClickOutside=t=>{t.target.closest("mg-tooltip")!==this.element&&this.setDisplay(!1)},this.handlePressEscape=t=>{"Escape"===t.code&&(this.setDisplay(!1),this.resetGuard())},this.setDisplay=(t,i=!0)=>{!this.disabled&&i&&(this.display=t)},this.tooltipMouseListenerAction=(t,i,s)=>{[u.FOCUS,u.DISABLE_ON_CLICK].includes(this.guard)||(this.guard=t,"mouseenter"!==i?setTimeout((()=>{this.setDisplay(!1,this.guard!==s),this.resetGuard()}),100):this.guard===u.HOVER_TOOLTIPED_ELEMENT&&this.setDisplay(!0))},this.resetGuard=()=>{this.guard=void 0},this.setMgButtonWrapper=t=>{const i="mg-c-tooltip__mg-button-wrapper",s=t.parentElement.classList.contains(i);if(t.disabled&&!s){const s=document.createElement("div");s.classList.add(i),t.parentNode.insertBefore(s,t),s.appendChild(t),this.setTooltipedElement(s)}else!t.disabled&&s&&(this.element.firstElementChild.replaceWith(t),this.setTooltipedElement(t))},this.setPopper=t=>{this.popper=p(this.tooltipedElement,this.mgTooltipContent,{placement:this.placement,strategy:t,modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"flip",options:{fallbackPlacements:["auto"]}}]})},this.setTooltipedElement=t=>{this.tooltipedElement=t,this.tooltipedElement.addEventListener("focus",(()=>{this.guard=u.FOCUS,this.setDisplay(!0)})),this.tooltipedElement.addEventListener("mouseup",(()=>{this.resetGuard()})),this.tooltipedElement.addEventListener("blur",(()=>{this.resetGuard(),this.setDisplay(!1)})),this.tooltipedElement.addEventListener("mouseenter",(()=>{this.tooltipMouseListenerAction(u.HOVER_TOOLTIPED_ELEMENT,"mouseenter",u.HOVER_TOOLTIP_ELEMENT)})),this.tooltipedElement.addEventListener("mouseleave",(()=>{this.tooltipMouseListenerAction(u.HOVER_TOOLTIPED_ELEMENT,"mouseleave",u.HOVER_TOOLTIP_ELEMENT)}))},this.setMgButtonMutationObserver=t=>{new MutationObserver((i=>{i.some((t=>["aria-disabled","disabled"].includes(t.attributeName)))&&(i.some((t=>t.target.disabled&&t.target.disableOnClick))&&(this.guard=u.DISABLE_ON_CLICK),this.guard!==u.DISABLE_ON_CLICK&&(this.setMgButtonWrapper(t),this.resetGuard(),this.popper.update()))})).observe(t,{attributes:!0})},this.setAriaDescribedby=t=>{t.hasAttribute("aria-describedby")?t.setAttribute("aria-describedby",`${[...new Set([...t.getAttribute("aria-describedby").split(" "),this.identifier])].join(" ")}`):this.tooltipedElement.setAttribute("aria-describedby",this.identifier)}}watchIdentifier(t){if(!n(t))throw new Error(`<mg-tooltip> prop "identifier" value is invalid. Passed value: ${l(t)}.`);this.renderTooltipContent()}watchMessage(t){if(!d(t))throw new Error(`<mg-tooltip> prop "message" is required and must be a string. Passed value: ${l(t)}.`);void 0!==this.mgTooltipContent&&(this.mgTooltipContent.message=t)}watchDisplay(t){t?this.show():this.hide()}watchDisabled(t){this.hasCustomTabIndex&&(t?this.tooltipedElement.removeAttribute("tabindex"):this.tooltipedElement.hasAttribute("tabindex")||this.tooltipedElement.setAttribute("tabindex","0"))}renderTooltipContent(){if(void 0!==this.mgTooltipContent)this.mgTooltipContent.setAttribute("id",this.identifier);else{this.mgTooltipContent=document.createElement("mg-tooltip-content"),this.mgTooltipContent.setAttribute("slot","content"),this.mgTooltipContent.setAttribute("id",this.identifier);const t=document.createElement("div");t.setAttribute("slot","arrow"),t.dataset.popperArrow="",this.mgTooltipContent.appendChild(t),this.mgTooltipContent.addEventListener("mouseenter",(()=>{this.tooltipMouseListenerAction(u.HOVER_TOOLTIP_ELEMENT,"mouseenter",u.HOVER_TOOLTIPED_ELEMENT)})),this.mgTooltipContent.addEventListener("mouseleave",(()=>{this.tooltipMouseListenerAction(u.HOVER_TOOLTIP_ELEMENT,"mouseleave",u.HOVER_TOOLTIPED_ELEMENT)})),this.element.appendChild(this.mgTooltipContent)}}componentWillLoad(){this.windows=c(window),this.renderTooltipContent(),this.watchDisabled(this.disabled),this.watchMessage(this.message),this.watchIdentifier(this.identifier)}componentDidLoad(){var t;const i=this.element.querySelector(`*:not(#${this.identifier})`),s=i.matches(r)?i:null===(t=i.shadowRoot)||void 0===t?void 0:t.querySelector(r);var e;this.setTooltipedElement(s||i),"object"==typeof(e=i)&&["MG-BUTTON","BUTTON"].includes(e.tagName)&&(this.setMgButtonMutationObserver(i),this.setMgButtonWrapper(i)),null!==this.element.querySelector("mg-button[full-width]")&&this.element.classList.add("mg-c-tooltip--full-width"),!this.disabled&&[void 0,null].includes(s)&&(this.hasCustomTabIndex=!0,i.tabIndex=0,i.setAttribute("role","button")),this.setAriaDescribedby(i),this.setPopper(null!==this.element.closest("mg-popover")?"absolute":"fixed"),document.addEventListener("keydown",this.handlePressEscape),this.watchDisplay(this.display)}componentDidUpdate(){this.popper.update()}disconnectedCallback(){var t;document.removeEventListener("keydown",this.handlePressEscape),null===(t=this.windows)||void 0===t||t.forEach((t=>{t.removeEventListener("click",this.handleClickOutside,!1),t.removeEventListener("keydown",this.handlePressEscape,!1)}))}render(){return e(o,{key:"5cd926147c1b6723065c5334699764f32a8a06c9"},e("slot",{key:"a1b208798c79e34a207f3bedb2ad9662e02e83e2"}),e("slot",{key:"4f332961968fd3541caf47c2fd9072720fa2ee71",name:"content"}))}get element(){return this}static get watchers(){return{identifier:[{watchIdentifier:0}],message:[{watchMessage:0}],display:[{watchDisplay:0}],disabled:[{watchDisabled:0}]}}static get style(){return":host{display:inline-block}:host(.mg-c-tooltip--full-width){display:block}:host(.mg-c-tooltip--full-width)::slotted(div.mg-c-tooltip__mg-button-wrapper){display:block;width:100%}"}},[257,"mg-tooltip",{identifier:[1],message:[1],placement:[1],display:[1028],disabled:[4]},void 0,{identifier:[{watchIdentifier:0}],message:[{watchMessage:0}],display:[{watchDisplay:0}],disabled:[{watchDisabled:0}]}]);function f(){"undefined"!=typeof customElements&&["mg-tooltip","mg-tooltip-content"].forEach((i=>{switch(i){case"mg-tooltip":customElements.get(t(i))||customElements.define(t(i),b);break;case"mg-tooltip-content":customElements.get(t(i))||m()}}))}f();export{b as M,f as d}
1
+ import{transformTag as t,proxyCustomElement as i,HTMLElement as s,h as e,Host as h}from"@stencil/core/internal/client";import{c as o,n as a,a as n,t as l,i as d,g as c,l as r}from"./index2.js";import{d as m}from"./mg-tooltip-content2.js";import{c as p}from"./popper.js";const u={FOCUS:"focus",HOVER_TOOLTIP_ELEMENT:"hoverTooltip",HOVER_TOOLTIPED_ELEMENT:"hoverTooltiped",DISABLE_ON_CLICK:"disableOnClick"},b=i(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.identifier=o("mg-tooltip"),this.placement="bottom",this.display=!1,this.disabled=!1,this.setPopperEventListeners=t=>{this.popper.setOptions((i=>Object.assign(Object.assign({},i),{modifiers:[...i.modifiers,{name:"eventListeners",enabled:t}]})))},this.show=()=>{this.mgTooltipContent.dataset.show="",this.setPopperEventListeners(!0),a((()=>{this.windows.forEach((t=>{t.addEventListener("click",this.handleClickOutside,!1),t.addEventListener("keydown",this.handlePressEscape,!1)}))}))},this.hide=()=>{this.mgTooltipContent.removeAttribute("data-show"),this.setPopperEventListeners(!1),this.windows.forEach((t=>{t.removeEventListener("click",this.handleClickOutside,!1),t.removeEventListener("keydown",this.handlePressEscape,!1)}))},this.handleClickOutside=t=>{t.target.closest("mg-tooltip")!==this.element&&this.setDisplay(!1)},this.handlePressEscape=t=>{"Escape"===t.code&&(this.setDisplay(!1),this.resetGuard())},this.setDisplay=(t,i=!0)=>{!this.disabled&&i&&(this.display=t)},this.tooltipMouseListenerAction=(t,i,s)=>{[u.FOCUS,u.DISABLE_ON_CLICK].includes(this.guard)||(this.guard=t,"mouseenter"!==i?setTimeout((()=>{this.setDisplay(!1,this.guard!==s),this.resetGuard()}),100):this.guard===u.HOVER_TOOLTIPED_ELEMENT&&this.setDisplay(!0))},this.resetGuard=()=>{this.guard=void 0},this.handleTooltipedElementFocus=()=>{this.guard=u.FOCUS,this.setDisplay(!0)},this.handleTooltipedElementBlur=()=>{this.resetGuard(),this.setDisplay(!1)},this.handleTooltipedElementMouseenter=()=>{this.tooltipMouseListenerAction(u.HOVER_TOOLTIPED_ELEMENT,"mouseenter",u.HOVER_TOOLTIP_ELEMENT)},this.handleTooltipedElementMouseleave=()=>{this.tooltipMouseListenerAction(u.HOVER_TOOLTIPED_ELEMENT,"mouseleave",u.HOVER_TOOLTIP_ELEMENT)},this.manageTooltipedElementListeners=(t,i)=>{t[i]("focus",this.handleTooltipedElementFocus),t[i]("mouseup",this.resetGuard),t[i]("blur",this.handleTooltipedElementBlur),t[i]("mouseenter",this.handleTooltipedElementMouseenter),t[i]("mouseleave",this.handleTooltipedElementMouseleave)},this.setMgButtonWrapper=t=>{const i="mg-c-tooltip__mg-button-wrapper",s=t.parentElement.classList.contains(i);if(t.disabled&&!s){const s=document.createElement("div");s.classList.add(i),t.parentNode.insertBefore(s,t),s.appendChild(t),this.setTooltipedElement(s)}else!t.disabled&&s&&(this.element.firstElementChild.replaceWith(t),this.setTooltipedElement(t))},this.setPopper=()=>{const t=null!==this.element.closest("mg-popover")?"absolute":"fixed";this.popper=p(this.tooltipedElement,this.mgTooltipContent,{placement:this.placement,strategy:t,modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"flip",options:{fallbackPlacements:["auto"]}}]})},this.setTooltipedElement=t=>{void 0!==this.tooltipedElement&&this.manageTooltipedElementListeners(this.tooltipedElement,"removeEventListener"),this.tooltipedElement=t,this.manageTooltipedElementListeners(this.tooltipedElement,"addEventListener"),void 0!==this.popper&&(this.popper.destroy(),this.setPopper(),this.setPopperEventListeners(this.display))},this.setMgButtonMutationObserver=t=>{new MutationObserver((i=>{i.some((t=>["aria-disabled","disabled"].includes(t.attributeName)))&&(i.some((t=>t.target.disabled&&t.target.disableOnClick))&&(this.guard=u.DISABLE_ON_CLICK),this.guard!==u.DISABLE_ON_CLICK&&(this.setMgButtonWrapper(t),this.resetGuard(),this.popper.update()))})).observe(t,{attributes:!0})},this.updateTooltipedElementA11y=()=>{const t=!this.disabled||this.display,i=this.tooltipedElement.getAttribute("aria-describedby"),s=new Set(null!==i?i.split(" "):[]);t?s.add(this.identifier):s.delete(this.identifier),s.size>0?this.tooltipedElement.setAttribute("aria-describedby",[...s].join(" ")):this.tooltipedElement.removeAttribute("aria-describedby"),this.hasCustomTabIndex&&(t?(this.tooltipedElement.setAttribute("role","button"),this.tooltipedElement.hasAttribute("tabindex")||this.tooltipedElement.setAttribute("tabindex","0")):(this.tooltipedElement.removeAttribute("role"),this.tooltipedElement.removeAttribute("tabindex")))}}watchIdentifier(t){if(!n(t))throw new Error(`<mg-tooltip> prop "identifier" value is invalid. Passed value: ${l(t)}.`);this.renderTooltipContent()}watchMessage(t){if(!d(t))throw new Error(`<mg-tooltip> prop "message" is required and must be a string. Passed value: ${l(t)}.`);void 0!==this.mgTooltipContent&&(this.mgTooltipContent.message=t)}watchDisplay(t){t?this.show():this.hide(),this.updateTooltipedElementA11y()}watchDisabled(){this.updateTooltipedElementA11y()}renderTooltipContent(){if(void 0!==this.mgTooltipContent)this.mgTooltipContent.setAttribute("id",this.identifier);else{this.mgTooltipContent=document.createElement("mg-tooltip-content"),this.mgTooltipContent.setAttribute("slot","content"),this.mgTooltipContent.setAttribute("id",this.identifier);const t=document.createElement("div");t.setAttribute("slot","arrow"),t.dataset.popperArrow="",this.mgTooltipContent.appendChild(t),this.mgTooltipContent.addEventListener("mouseenter",(()=>{this.tooltipMouseListenerAction(u.HOVER_TOOLTIP_ELEMENT,"mouseenter",u.HOVER_TOOLTIPED_ELEMENT)})),this.mgTooltipContent.addEventListener("mouseleave",(()=>{this.tooltipMouseListenerAction(u.HOVER_TOOLTIP_ELEMENT,"mouseleave",u.HOVER_TOOLTIPED_ELEMENT)})),this.element.appendChild(this.mgTooltipContent)}}componentWillLoad(){this.windows=c(window),this.renderTooltipContent(),this.watchMessage(this.message),this.watchIdentifier(this.identifier)}componentDidLoad(){var t;const i=this.element.querySelector(`*:not(#${this.identifier})`),s=i.matches(r)?i:null===(t=i.shadowRoot)||void 0===t?void 0:t.querySelector(r);var e;this.setTooltipedElement(s||i),"object"==typeof(e=i)&&["MG-BUTTON","BUTTON"].includes(e.tagName)&&(this.setMgButtonMutationObserver(i),this.setMgButtonWrapper(i)),null!==this.element.querySelector("mg-button[full-width]")&&this.element.classList.add("mg-c-tooltip--full-width"),this.hasCustomTabIndex=[void 0,null].includes(s),this.setPopper(),document.addEventListener("keydown",this.handlePressEscape),this.watchDisplay(this.display)}componentDidUpdate(){this.popper.update()}disconnectedCallback(){var t;document.removeEventListener("keydown",this.handlePressEscape),null===(t=this.windows)||void 0===t||t.forEach((t=>{t.removeEventListener("click",this.handleClickOutside,!1),t.removeEventListener("keydown",this.handlePressEscape,!1)}))}render(){return e(h,{key:"1e9cfc59c335510c21d159253e3f8e1b4256a465"},e("slot",{key:"c52d57e3302d4865a2365ac62c931af2948bdf03"}),e("slot",{key:"527b5d8ae562ed1f5faed74356f10be5aca10ac4",name:"content"}))}get element(){return this}static get watchers(){return{identifier:[{watchIdentifier:0}],message:[{watchMessage:0}],display:[{watchDisplay:0}],disabled:[{watchDisabled:0}]}}static get style(){return":host{display:inline-block}:host(.mg-c-tooltip--full-width){display:block}:host(.mg-c-tooltip--full-width)::slotted(div.mg-c-tooltip__mg-button-wrapper){display:block;width:100%}"}},[257,"mg-tooltip",{identifier:[1],message:[1],placement:[1],display:[1028],disabled:[4]},void 0,{identifier:[{watchIdentifier:0}],message:[{watchMessage:0}],display:[{watchDisplay:0}],disabled:[{watchDisabled:0}]}]);function f(){"undefined"!=typeof customElements&&["mg-tooltip","mg-tooltip-content"].forEach((i=>{switch(i){case"mg-tooltip":customElements.get(t(i))||customElements.define(t(i),b);break;case"mg-tooltip-content":customElements.get(t(i))||m()}}))}f();export{b as M,f as d}
@@ -1678,6 +1678,15 @@
1678
1678
  "customElement": true,
1679
1679
  "description": "",
1680
1680
  "attributes": [
1681
+ {
1682
+ "name": "align",
1683
+ "description": "Define the horizontal alignment of the message inside its container.\nThe message is sized to its content, so `align` positions it in both the vertical and\nhorizontal directions. When the content is wide enough to fill the container there is\nno room left, so `align` has no visible effect.",
1684
+ "type": {
1685
+ "text": "\"center\" | \"left\" | \"right\""
1686
+ },
1687
+ "default": "'center'",
1688
+ "fieldName": "align"
1689
+ },
1681
1690
  {
1682
1691
  "name": "direction",
1683
1692
  "description": "Define component orientation",
@@ -1698,6 +1707,16 @@
1698
1707
  }
1699
1708
  ],
1700
1709
  "members": [
1710
+ {
1711
+ "kind": "field",
1712
+ "name": "align",
1713
+ "description": "Define the horizontal alignment of the message inside its container.\nThe message is sized to its content, so `align` positions it in both the vertical and\nhorizontal directions. When the content is wide enough to fill the container there is\nno room left, so `align` has no visible effect.",
1714
+ "type": {
1715
+ "text": "\"center\" | \"left\" | \"right\""
1716
+ },
1717
+ "default": "'center'",
1718
+ "attribute": "align"
1719
+ },
1701
1720
  {
1702
1721
  "kind": "field",
1703
1722
  "name": "direction",
@@ -4,7 +4,7 @@ export { s as setNonce } from './index-D4bO_UCn.js';
4
4
  const defineCustomElements = async (win, options) => {
5
5
  if (typeof window === 'undefined') return undefined;
6
6
  await globalScripts();
7
- return bootstrapLazy(JSON.parse("[[\"mg-action-more_36\",[[1,\"mg-input-checkbox\",{\"value\":[1040],\"type\":[1025],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"inputVerticalList\":[4,\"input-vertical-list\"],\"required\":[4],\"readonly\":[4],\"displaySelectedValues\":[4,\"display-selected-values\"],\"disabled\":[4],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"editButtonMessage\":[1,\"edit-button-message\"],\"showButtonMessage\":[1,\"show-button-message\"],\"selectButtonMessage\":[1,\"select-button-message\"],\"classCollection\":[32],\"errorMessage\":[32],\"checkboxItems\":[32],\"displaySearchInput\":[32],\"searchValue\":[32],\"searchResults\":[32],\"selectValuesButtonKey\":[32],\"activeTab\":[32],\"paginatedLimits\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[{\"validateValue\":0}],\"type\":[{\"validateType\":0}],\"inputVerticalList\":[{\"watchInputVerticalList\":0}],\"readonly\":[{\"watchReadonly\":0},{\"handleValidityChange\":0}],\"displaySelectedValues\":[{\"watchDisplaySelectedValues\":0}],\"required\":[{\"handleValidityChange\":0}],\"disabled\":[{\"handleValidityChange\":0},{\"validateDisabled\":0}],\"checkboxItems\":[{\"validateCheckboxItems\":0}],\"displaySearchInput\":[{\"watchDisplaySearchInput\":0}],\"searchValue\":[{\"validateSearchValue\":0}]}],[1,\"mg-action-more\",{\"items\":[16],\"icon\":[1040],\"button\":[16],\"displayChevron\":[4,\"display-chevron\"],\"expanded\":[32]},null,{\"items\":[{\"validateItems\":0}],\"icon\":[{\"validateIcon\":0}],\"button\":[{\"validateButton\":0}],\"displayChevron\":[{\"validateDisplayChevron\":0}]}],[257,\"mg-panel\",{\"identifier\":[1],\"panelTitle\":[1025,\"panel-title\"],\"titlePattern\":[1,\"title-pattern\"],\"titlePatternErrorMessage\":[1,\"title-pattern-error-message\"],\"titleEditable\":[1028,\"title-editable\"],\"titlePosition\":[1025,\"title-position\"],\"expanded\":[1028],\"expandToggleDisplay\":[1025,\"expand-toggle-display\"],\"expandToggleDisabled\":[4,\"expand-toggle-disabled\"],\"shadow\":[4],\"classCollection\":[32],\"isEditing\":[32],\"updatedPanelTitle\":[32]},null,{\"identifier\":[{\"watchIdentifier\":0}],\"panelTitle\":[{\"validatePanelTitle\":0}],\"titlePattern\":[{\"validateTitlePattern\":0}],\"titlePatternErrorMessage\":[{\"validateTitlePattern\":0}],\"titleEditable\":[{\"validateTitleEditable\":0}],\"titlePosition\":[{\"validateTitlePosition\":0}],\"expanded\":[{\"handleExpanded\":0}],\"expandToggleDisplay\":[{\"validateExpandToggleDisplay\":0}]}],[1,\"mg-pagination\",{\"identifier\":[1],\"label\":[1025],\"hideNavigationLabels\":[4,\"hide-navigation-labels\"],\"hidePageCount\":[4,\"hide-page-count\"],\"totalPages\":[2,\"total-pages\"],\"currentPage\":[1538,\"current-page\"],\"messages\":[16]},null,{\"identifier\":[{\"watchIdentifier\":0}],\"totalPages\":[{\"validateTotalPages\":0}],\"currentPage\":[{\"validateCurrentPage\":0}],\"messages\":[{\"watchPaginationMessages\":0}]}],[1,\"mg-input-password\",{\"value\":[1537],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1],\"maxlength\":[2],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"mgWidth\":[8,\"mg-width\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"displayPassword\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[{\"handleValue\":0}],\"readonly\":[{\"watchReadonly\":0},{\"handleValidityChange\":0}],\"required\":[{\"handleValidityChange\":0}],\"disabled\":[{\"handleValidityChange\":0},{\"watchDisabled\":0}],\"mgWidth\":[{\"watchMgWidth\":0}]}],[1,\"mg-input-textarea\",{\"value\":[1537],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1],\"maxlength\":[2],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"mgWidth\":[8,\"mg-width\"],\"pattern\":[1],\"patternErrorMessage\":[1,\"pattern-error-message\"],\"rows\":[2],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"characterLeftHide\":[4,\"character-left-hide\"],\"helpText\":[1,\"help-text\"],\"resizable\":[1],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[{\"handleValue\":0}],\"readonly\":[{\"watchReadonly\":0},{\"handleValidityChange\":0}],\"required\":[{\"handleValidityChange\":0}],\"disabled\":[{\"handleValidityChange\":0},{\"validateDisabled\":0}],\"mgWidth\":[{\"watchMgWidth\":0}],\"pattern\":[{\"validatePattern\":0}],\"patternErrorMessage\":[{\"validatePattern\":0}],\"characterLeftHide\":[{\"validatecharacterLeftHide\":0}]}],[1,\"mg-input-date\",{\"value\":[1537],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"required\":[4],\"readonly\":[4],\"min\":[1],\"max\":[1],\"disabled\":[4],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[{\"validateValue\":0}],\"readonly\":[{\"watchReadonly\":0},{\"handleValidityChange\":0}],\"min\":[{\"validateMinMax\":0},{\"handleValidityChange\":0}],\"max\":[{\"validateMinMax\":0},{\"handleValidityChange\":0}],\"required\":[{\"handleValidityChange\":0}],\"disabled\":[{\"handleValidityChange\":0},{\"watchDisabled\":0}]}],[257,\"mg-input-numeric\",{\"value\":[1537],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1],\"required\":[4],\"readonly\":[4],\"max\":[2],\"min\":[2],\"disabled\":[4],\"mgWidth\":[8,\"mg-width\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"type\":[1],\"format\":[1],\"currency\":[1],\"unit\":[1],\"unitDisplay\":[1,\"unit-display\"],\"integerLength\":[2,\"integer-length\"],\"decimalLength\":[2,\"decimal-length\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"hasFocus\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[{\"validateValue\":0}],\"readonly\":[{\"watchReadonly\":0},{\"handleValidityChange\":0}],\"required\":[{\"handleValidityChange\":0}],\"disabled\":[{\"handleValidityChange\":0},{\"watchDisabled\":0}],\"min\":[{\"handleValidityChange\":0}],\"max\":[{\"handleValidityChange\":0}],\"mgWidth\":[{\"watchMgWidth\":0}],\"type\":[{\"validateType\":0}],\"format\":[{\"watchFormat\":0}],\"integerLength\":[{\"validateIntegerLength\":0}],\"decimalLength\":[{\"validateDecimalLength\":0}]}],[1,\"mg-input-radio\",{\"value\":[1032],\"items\":[16],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"inputVerticalList\":[4,\"input-vertical-list\"],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"options\":[32],\"readonlyValue\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[{\"watchValue\":0}],\"items\":[{\"validateItems\":0}],\"inputVerticalList\":[{\"watchInputVerticalList\":0}],\"readonly\":[{\"watchReadonly\":0},{\"handleValidityChange\":0}],\"required\":[{\"handleValidityChange\":0}],\"disabled\":[{\"handleValidityChange\":0},{\"watchDisabled\":0}]}],[257,\"mg-input-toggle\",{\"value\":[1040],\"items\":[16],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"isOnOff\":[1028,\"is-on-off\"],\"isIcon\":[4,\"is-icon\"],\"readonly\":[4],\"disabled\":[4],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"classCollection\":[32],\"options\":[32],\"errorMessage\":[32],\"valid\":[32],\"setFocus\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[{\"watchValue\":0}],\"items\":[{\"watchItems\":0}],\"isOnOff\":[{\"watchIsOnOff\":0}],\"isIcon\":[{\"watchIsIcon\":0}],\"readonly\":[{\"watchReadonly\":0}],\"disabled\":[{\"watchDisabled\":0}]}],[257,\"mg-modal\",{\"identifier\":[1],\"dialogRole\":[1,\"dialog-role\"],\"modalTitle\":[1,\"modal-title\"],\"closeButton\":[4,\"close-button\"],\"open\":[1028],\"hasActions\":[32],\"classCollection\":[32]},null,{\"identifier\":[{\"watchIdentifier\":0}],\"dialogRole\":[{\"validateDialogRole\":0}],\"modalTitle\":[{\"validateModalTitle\":0}],\"open\":[{\"watchOpen\":0}]}],[257,\"mg-details\",{\"toggleClosed\":[1,\"toggle-closed\"],\"toggleOpened\":[1,\"toggle-opened\"],\"hideSummary\":[4,\"hide-summary\"],\"expanded\":[1028]},null,{\"toggleClosed\":[{\"validateTitles\":0}],\"toggleOpened\":[{\"validateTitles\":0}],\"expanded\":[{\"handleExpanded\":0}]}],[1,\"mg-table\",{\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"borderHide\":[4,\"border-hide\"],\"columns\":[16],\"classCollection\":[32]},null,{\"size\":[{\"watchSize\":0}],\"fullWidth\":[{\"watchFullWidth\":0}],\"borderHide\":[{\"watchBorderHide\":0}],\"columns\":[{\"watchColumns\":0}]}],[257,\"mg-form\",{\"identifier\":[1],\"name\":[1],\"readonly\":[4],\"requiredMessage\":[1,\"required-message\"],\"ariaRole\":[1,\"aria-role\"],\"labelOnTop\":[4,\"label-on-top\"],\"disabled\":[4],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"requiredMessageText\":[32],\"displayError\":[64],\"reset\":[64]},null,{\"identifier\":[{\"watchIdentifier\":0}],\"requiredMessage\":[{\"validateRequiredMessage\":0},{\"handleAttributeChange\":0}],\"ariaRole\":[{\"validateAriaRole\":0}],\"labelOnTop\":[{\"handlelabelOnTop\":0}],\"readonly\":[{\"handleAttributeChange\":0}],\"disabled\":[{\"handleAttributeChange\":0}]}],[257,\"mg-illustrated-message\",{\"size\":[1],\"direction\":[1],\"classCollection\":[32]},null,{\"size\":[{\"watchSize\":0}],\"direction\":[{\"watchDirection\":0}]}],[1,\"mg-skip-links\",{\"links\":[16]},null,{\"links\":[{\"validateLinks\":0}]}],[257,\"mg-tag\",{\"variant\":[1],\"outline\":[4],\"soft\":[4],\"classCollection\":[32]},null,{\"variant\":[{\"validateVariant\":0}],\"outline\":[{\"validateOutline\":0}],\"soft\":[{\"validateSoft\":0}]}],[1,\"mg-input-select\",{\"value\":[1032],\"items\":[16],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1025],\"placeholderHide\":[4,\"placeholder-hide\"],\"placeholderDisabled\":[4,\"placeholder-disabled\"],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"mgWidth\":[520,\"mg-width\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"options\":[32],\"valueExist\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[{\"validateValue\":0}],\"items\":[{\"validateItems\":0}],\"readonly\":[{\"watchReadonly\":0},{\"handleValidityChange\":0}],\"required\":[{\"handleValidityChange\":0}],\"disabled\":[{\"handleValidityChange\":0},{\"watchDisabled\":0}],\"mgWidth\":[{\"watchMgWidth\":0}]}],[257,\"mg-message\",{\"variant\":[1],\"variantStyle\":[1,\"variant-style\"],\"fullWidth\":[4,\"full-width\"],\"classCollection\":[32],\"hasActions\":[32]},null,{\"variant\":[{\"watchVariant\":0}],\"variantStyle\":[{\"watchVariantStyle\":0}],\"fullWidth\":[{\"watchFullWidth\":0}]}],[257,\"mg-tabs\",{\"identifier\":[1],\"label\":[1],\"size\":[16],\"items\":[16],\"activeTab\":[1538,\"active-tab\"],\"tabs\":[32],\"classCollection\":[32]},null,{\"identifier\":[{\"watchIdentifier\":0}],\"label\":[{\"validateLabel\":0}],\"items\":[{\"validateItems\":0}],\"activeTab\":[{\"validateActiveTab\":0}]}],[1,\"mg-divider\",{\"fullWidth\":[4,\"full-width\"],\"direction\":[1025]},null,{\"direction\":[{\"validateDirection\":0}]}],[257,\"mg-input-text\",{\"value\":[1544],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"type\":[1],\"icon\":[1],\"placeholder\":[1],\"datalistoptions\":[16],\"maxlength\":[2],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"mgWidth\":[8,\"mg-width\"],\"pattern\":[1],\"patternErrorMessage\":[1,\"pattern-error-message\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"characterLeftHide\":[4,\"character-left-hide\"],\"helpText\":[1025,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[{\"handleValue\":0}],\"type\":[{\"validateType\":0}],\"icon\":[{\"validateIcon\":0}],\"datalistoptions\":[{\"validateDatalistoptions\":0}],\"readonly\":[{\"watchReadonly\":0},{\"handleValidityChange\":0}],\"required\":[{\"handleValidityChange\":0}],\"disabled\":[{\"handleValidityChange\":0},{\"watchDisabled\":0}],\"mgWidth\":[{\"watchMgWidth\":0}],\"pattern\":[{\"watchPattern\":0}],\"patternErrorMessage\":[{\"watchPattern\":0}],\"characterLeftHide\":[{\"validateCharacterLeftHide\":0}],\"helpText\":[{\"watchHelpText\":0}]}],[1,\"mg-item-more\",{\"icon\":[16],\"slotlabel\":[16],\"parentMenu\":[32]},null,{\"icon\":[{\"validateIcon\":0}],\"slotlabel\":[{\"validateSlotLabel\":0}]}],[257,\"mg-menu\",{\"label\":[1],\"direction\":[513],\"size\":[16],\"itemmore\":[16]},[[0,\"item-loaded\",\"updateItemListener\"]],{\"label\":[{\"validateLabel\":0}],\"direction\":[{\"validateDirection\":0}],\"itemmore\":[{\"validateItemMore\":0}]}],[257,\"mg-menu-item\",{\"identifier\":[513],\"href\":[1],\"target\":[1],\"status\":[1537],\"isIcon\":[1028,\"is-icon\"],\"expanded\":[1028],\"classNavigationButtonClassList\":[32],\"direction\":[32],\"isItemMore\":[32],\"hasChildren\":[32],\"displayNotificationBadge\":[32]},null,{\"identifier\":[{\"watchIdentifier\":0}],\"target\":[{\"watchTarget\":0}],\"status\":[{\"watchStatus\":0}],\"isIcon\":[{\"watchIsIcon\":0}],\"expanded\":[{\"watchExpanded\":0}],\"direction\":[{\"validateDirection\":0}],\"hasChildren\":[{\"validateHasChildren\":0}],\"data-style-direction\":[{\"watchDataStyleDirection\":0}],\"data-has-focus\":[{\"watchDataHasFocus\":0}]}],[2,\"mg-character-left\",{\"identifier\":[1],\"characters\":[1],\"maxlength\":[2]},null,{\"identifier\":[{\"watchIdentifier\":0}],\"maxlength\":[{\"validateMaxlength\":0}]}],[257,\"mg-popover\",{\"identifier\":[1],\"placement\":[1],\"arrowHide\":[16],\"closeButton\":[4,\"close-button\"],\"display\":[1028],\"disabled\":[4]},null,{\"identifier\":[{\"validateIdentifier\":0}],\"closeButton\":[{\"validateCloseButton\":0}],\"display\":[{\"handleDisplay\":0}]}],[1,\"mg-badge\",{\"value\":[8],\"label\":[1],\"variant\":[1025],\"outline\":[4],\"classCollection\":[32]},null,{\"value\":[{\"validateValue\":0}],\"label\":[{\"validateLabel\":0}],\"variant\":[{\"validateVariant\":0}],\"outline\":[{\"validateOutline\":0}]}],[257,\"mg-popover-content\",{\"closeButton\":[4,\"close-button\"],\"classCollection\":[32]}],[257,\"mg-card\",{\"shadow\":[4],\"radiusSize\":[1025,\"radius-size\"],\"classCollection\":[32]},null,{\"shadow\":[{\"watchShadow\":0}],\"radiusSize\":[{\"watchRadiusSize\":0}]}],[257,\"mg-button\",{\"variant\":[1025],\"label\":[1],\"type\":[1],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"form\":[1],\"disabled\":[1028],\"isIcon\":[4,\"is-icon\"],\"disableOnClick\":[4,\"disable-on-click\"],\"loading\":[32],\"classCollection\":[32]},null,{\"variant\":[{\"validateVariant\":0}],\"size\":[{\"validateSize\":0}],\"fullWidth\":[{\"validateFullWidth\":0}],\"disabled\":[{\"disabledHandler\":0}],\"isIcon\":[{\"watchIsIcon\":0}],\"loading\":[{\"loadingHandler\":0}]}],[257,\"mg-input\",{\"identifier\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"labelHeading\":[1025,\"label-heading\"],\"labelBorderDisplay\":[4,\"label-border-display\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"required\":[4],\"errorMessage\":[1,\"error-message\"],\"helpText\":[1,\"help-text\"],\"inputsOnBottom\":[4,\"inputs-on-bottom\"],\"ariaDescribedbyIDs\":[1025,\"aria-describedby-i-ds\"],\"isFieldset\":[32],\"isReadonly\":[32],\"isDisabled\":[32],\"isVerticalList\":[32]},null,{\"identifier\":[{\"watchIdentifier\":0},{\"watchAriaDescribedbyIDs\":0}],\"labelOnTop\":[{\"watchLabelOnTop\":0},{\"watchLabelConfig\":0}],\"labelHide\":[{\"watchLabelConfig\":0}],\"labelHeading\":[{\"watchlabelHeading\":0}],\"labelBorderDisplay\":[{\"watchLabelBorderDisplay\":0}],\"tooltipPosition\":[{\"watchTooltipPosition\":0}],\"errorMessage\":[{\"watchErrorMessage\":0},{\"watchAriaDescribedbyIDs\":0}],\"helpText\":[{\"watchHelpText\":0},{\"watchAriaDescribedbyIDs\":0}],\"inputsOnBottom\":[{\"watchInputsOnBottom\":0}],\"ariaDescribedbyIDs\":[{\"watchAriaDescribedbyIDs\":0}],\"class\":[{\"watchClass\":0},{\"watchLabel\":0}],\"label\":[{\"watchLabel\":0}],\"required\":[{\"watchLabel\":0}],\"isReadonly\":[{\"watchLabel\":0}],\"isFieldset\":[{\"watchLabel\":0}]}],[257,\"mg-tooltip\",{\"identifier\":[1],\"message\":[1],\"placement\":[1],\"display\":[1028],\"disabled\":[4]},null,{\"identifier\":[{\"watchIdentifier\":0}],\"message\":[{\"watchMessage\":0}],\"display\":[{\"watchDisplay\":0}],\"disabled\":[{\"watchDisabled\":0}]}],[262,\"mg-input-title\",{\"identifier\":[1],\"required\":[4],\"readonly\":[4],\"isLegend\":[4,\"is-legend\"],\"tagName\":[32]},null,{\"identifier\":[{\"validateIdentifier\":0}],\"isLegend\":[{\"validateIsLegend\":0}]}],[257,\"mg-tooltip-content\",{\"message\":[1]}],[1,\"mg-icon\",{\"icon\":[1],\"size\":[1025],\"variant\":[1],\"variantStyle\":[1025,\"variant-style\"],\"spin\":[4],\"classCollection\":[32]},null,{\"icon\":[{\"validateIcon\":0}],\"size\":[{\"validateSize\":0}],\"variant\":[{\"validateVariant\":0}],\"variantStyle\":[{\"validateVariantStyle\":0}],\"spin\":[{\"handleSpin\":0}]}]]],[\"mg-input-combobox\",[[1,\"mg-input-combobox\",{\"value\":[1537],\"items\":[16],\"itemsLabel\":[1,\"items-label\"],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"mgWidth\":[8,\"mg-width\"],\"popoverPlacement\":[1,\"popover-placement\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"fetchurl\":[1],\"fetchoptions\":[16],\"fetchmappings\":[16],\"valid\":[1028],\"invalid\":[1028],\"isLoading\":[32],\"options\":[32],\"option\":[32],\"filter\":[32],\"classCollection\":[32],\"errorMessage\":[32],\"popoverDisplay\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[{\"watchValue\":0}],\"items\":[{\"watchItems\":0}],\"identifier\":[{\"watchIdentifier\":0}],\"readonly\":[{\"watchReadonly\":0},{\"watchValidityChange\":0}],\"required\":[{\"watchValidityChange\":0}],\"disabled\":[{\"watchValidityChange\":0},{\"watchDisabled\":0}],\"mgWidth\":[{\"watchMgWidth\":0}],\"fetchurl\":[{\"watchFetchUrl\":0}],\"fetchoptions\":[{\"watchFetchOptions\":0}],\"fetchmappings\":[{\"watchFetchMappings\":0}],\"options\":[{\"watchOptions\":0}],\"filter\":[{\"watchFilter\":0}],\"popoverDisplay\":[{\"watchPopoverDisplay\":0}]}]]],[\"mg-input-file\",[[1,\"mg-input-file\",{\"value\":[1032],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"multiple\":[4],\"accept\":[1],\"maxSize\":[2,\"max-size\"],\"capture\":[1],\"required\":[4],\"disabled\":[4],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1025,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"files\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[{\"watchValue\":0},{\"watchMultiple\":0}],\"multiple\":[{\"watchMultiple\":0}],\"accept\":[{\"watchAccept\":0},{\"watchHelpText\":0}],\"required\":[{\"handleValidityChange\":0}],\"disabled\":[{\"handleValidityChange\":0},{\"watchDisabled\":0}],\"helpText\":[{\"watchHelpText\":0}],\"maxSize\":[{\"watchHelpText\":0}],\"files\":[{\"watchFiles\":0}]}]]],[\"mg-fieldset\",[[257,\"mg-fieldset\",{\"identifier\":[1],\"name\":[1],\"legend\":[1],\"legendHide\":[4,\"legend-hide\"],\"legendHeading\":[1,\"legend-heading\"],\"legendBorderDisplay\":[4,\"legend-border-display\"],\"readonly\":[4],\"disabled\":[4],\"tooltip\":[1],\"helpText\":[1,\"help-text\"],\"errorMessage\":[32],\"valid\":[32],\"classCollection\":[32],\"setCustomValidity\":[64],\"displayError\":[64]},null,{\"legendBorderDisplay\":[{\"watchLegendBorderDisplay\":0}],\"readonly\":[{\"watchReadonly\":0},{\"handleAttributeChange\":0}],\"disabled\":[{\"handleAttributeChange\":0}]}]]],[\"mg-input-rich-text-editor\",[[1,\"mg-input-rich-text-editor\",{\"value\":[1025],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1],\"rows\":[2],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"pattern\":[1],\"patternErrorMessage\":[1,\"pattern-error-message\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"modules\":[1],\"customActions\":[16],\"sanitizerOptions\":[16],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"setFocus\":[64],\"getEditorHTML\":[64],\"getEditorText\":[64],\"getSelectedText\":[64],\"getSelectedHTML\":[64],\"replaceSelection\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"readonly\":[{\"watchReadonly\":0},{\"handleValidityChange\":0}],\"disabled\":[{\"watchDisabled\":0},{\"handleValidityChange\":0}],\"required\":[{\"handleValidityChange\":0}],\"pattern\":[{\"validatePattern\":0}],\"patternErrorMessage\":[{\"validatePattern\":0}],\"modules\":[{\"watchModules\":0}],\"customActions\":[{\"watchCustomActions\":0}],\"sanitizerOptions\":[{\"watchSanitizerOptions\":0}]}]]],[\"mg-alert\",[[257,\"mg-alert\",{\"delay\":[2],\"variant\":[1],\"variantStyle\":[1,\"variant-style\"],\"fullWidth\":[4,\"full-width\"],\"classCollection\":[32],\"hasActions\":[32]},null,{\"delay\":[{\"watchDelay\":0}],\"variant\":[{\"watchVariant\":0}],\"variantStyle\":[{\"watchVariantStyle\":0}],\"hidden\":[{\"watchHidden\":0}]}]]],[\"mg-breadcrumb\",[[1,\"mg-breadcrumb\",{\"items\":[16]},null,{\"items\":[{\"validateItems\":0}]}]]],[\"mg-illustration\",[[1,\"mg-illustration\",{\"illustration\":[1]},null,{\"illustration\":[{\"validateIllustration\":0}]}]]],[\"mg-progress\",[[1,\"mg-progress\",{\"label\":[1],\"ariaRole\":[1,\"aria-role\"],\"value\":[2],\"min\":[2],\"max\":[2]},null,{\"label\":[{\"watchLabel\":0}],\"ariaRole\":[{\"watchAriaRole\":0}],\"value\":[{\"watchValue\":0}],\"min\":[{\"watchMin\":0}],\"max\":[{\"watchMax\":0}]}]]],[\"mg-loader\",[[1,\"mg-loader\",{\"message\":[1],\"messageHide\":[4,\"message-hide\"]},null,{\"message\":[{\"watchMessage\":0}]}]]]]"), options);
7
+ return bootstrapLazy(JSON.parse("[[\"mg-action-more_36\",[[1,\"mg-input-checkbox\",{\"value\":[1040],\"type\":[1025],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"inputVerticalList\":[4,\"input-vertical-list\"],\"required\":[4],\"readonly\":[4],\"displaySelectedValues\":[4,\"display-selected-values\"],\"disabled\":[4],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"editButtonMessage\":[1,\"edit-button-message\"],\"showButtonMessage\":[1,\"show-button-message\"],\"selectButtonMessage\":[1,\"select-button-message\"],\"classCollection\":[32],\"errorMessage\":[32],\"checkboxItems\":[32],\"displaySearchInput\":[32],\"searchValue\":[32],\"searchResults\":[32],\"selectValuesButtonKey\":[32],\"activeTab\":[32],\"paginatedLimits\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[{\"validateValue\":0}],\"type\":[{\"validateType\":0}],\"inputVerticalList\":[{\"watchInputVerticalList\":0}],\"readonly\":[{\"watchReadonly\":0},{\"handleValidityChange\":0}],\"displaySelectedValues\":[{\"watchDisplaySelectedValues\":0}],\"required\":[{\"handleValidityChange\":0}],\"disabled\":[{\"handleValidityChange\":0},{\"validateDisabled\":0}],\"checkboxItems\":[{\"validateCheckboxItems\":0}],\"displaySearchInput\":[{\"watchDisplaySearchInput\":0}],\"searchValue\":[{\"validateSearchValue\":0}]}],[1,\"mg-action-more\",{\"items\":[16],\"icon\":[1040],\"button\":[16],\"displayChevron\":[4,\"display-chevron\"],\"expanded\":[32]},null,{\"items\":[{\"validateItems\":0}],\"icon\":[{\"validateIcon\":0}],\"button\":[{\"validateButton\":0}],\"displayChevron\":[{\"validateDisplayChevron\":0}]}],[257,\"mg-panel\",{\"identifier\":[1],\"panelTitle\":[1025,\"panel-title\"],\"titlePattern\":[1,\"title-pattern\"],\"titlePatternErrorMessage\":[1,\"title-pattern-error-message\"],\"titleEditable\":[1028,\"title-editable\"],\"titlePosition\":[1025,\"title-position\"],\"expanded\":[1028],\"expandToggleDisplay\":[1025,\"expand-toggle-display\"],\"expandToggleDisabled\":[4,\"expand-toggle-disabled\"],\"shadow\":[4],\"classCollection\":[32],\"isEditing\":[32],\"updatedPanelTitle\":[32]},null,{\"identifier\":[{\"watchIdentifier\":0}],\"panelTitle\":[{\"validatePanelTitle\":0}],\"titlePattern\":[{\"validateTitlePattern\":0}],\"titlePatternErrorMessage\":[{\"validateTitlePattern\":0}],\"titleEditable\":[{\"validateTitleEditable\":0}],\"titlePosition\":[{\"validateTitlePosition\":0}],\"expanded\":[{\"handleExpanded\":0}],\"expandToggleDisplay\":[{\"validateExpandToggleDisplay\":0}]}],[1,\"mg-pagination\",{\"identifier\":[1],\"label\":[1025],\"hideNavigationLabels\":[4,\"hide-navigation-labels\"],\"hidePageCount\":[4,\"hide-page-count\"],\"totalPages\":[2,\"total-pages\"],\"currentPage\":[1538,\"current-page\"],\"messages\":[16]},null,{\"identifier\":[{\"watchIdentifier\":0}],\"totalPages\":[{\"validateTotalPages\":0}],\"currentPage\":[{\"validateCurrentPage\":0}],\"messages\":[{\"watchPaginationMessages\":0}]}],[1,\"mg-input-password\",{\"value\":[1537],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1],\"maxlength\":[2],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"mgWidth\":[8,\"mg-width\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"displayPassword\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[{\"handleValue\":0}],\"readonly\":[{\"watchReadonly\":0},{\"handleValidityChange\":0}],\"required\":[{\"handleValidityChange\":0}],\"disabled\":[{\"handleValidityChange\":0},{\"watchDisabled\":0}],\"mgWidth\":[{\"watchMgWidth\":0}]}],[1,\"mg-input-textarea\",{\"value\":[1537],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1],\"maxlength\":[2],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"mgWidth\":[8,\"mg-width\"],\"pattern\":[1],\"patternErrorMessage\":[1,\"pattern-error-message\"],\"rows\":[2],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"characterLeftHide\":[4,\"character-left-hide\"],\"helpText\":[1,\"help-text\"],\"resizable\":[1],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[{\"handleValue\":0}],\"readonly\":[{\"watchReadonly\":0},{\"handleValidityChange\":0}],\"required\":[{\"handleValidityChange\":0}],\"disabled\":[{\"handleValidityChange\":0},{\"validateDisabled\":0}],\"mgWidth\":[{\"watchMgWidth\":0}],\"pattern\":[{\"validatePattern\":0}],\"patternErrorMessage\":[{\"validatePattern\":0}],\"characterLeftHide\":[{\"validatecharacterLeftHide\":0}]}],[1,\"mg-input-date\",{\"value\":[1537],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"required\":[4],\"readonly\":[4],\"min\":[1],\"max\":[1],\"disabled\":[4],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[{\"validateValue\":0}],\"readonly\":[{\"watchReadonly\":0},{\"handleValidityChange\":0}],\"min\":[{\"validateMinMax\":0},{\"handleValidityChange\":0}],\"max\":[{\"validateMinMax\":0},{\"handleValidityChange\":0}],\"required\":[{\"handleValidityChange\":0}],\"disabled\":[{\"handleValidityChange\":0},{\"watchDisabled\":0}]}],[257,\"mg-input-numeric\",{\"value\":[1537],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1],\"required\":[4],\"readonly\":[4],\"max\":[2],\"min\":[2],\"disabled\":[4],\"mgWidth\":[8,\"mg-width\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"type\":[1],\"format\":[1],\"currency\":[1],\"unit\":[1],\"unitDisplay\":[1,\"unit-display\"],\"integerLength\":[2,\"integer-length\"],\"decimalLength\":[2,\"decimal-length\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"hasFocus\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[{\"validateValue\":0}],\"readonly\":[{\"watchReadonly\":0},{\"handleValidityChange\":0}],\"required\":[{\"handleValidityChange\":0}],\"disabled\":[{\"handleValidityChange\":0},{\"watchDisabled\":0}],\"min\":[{\"handleValidityChange\":0}],\"max\":[{\"handleValidityChange\":0}],\"mgWidth\":[{\"watchMgWidth\":0}],\"type\":[{\"validateType\":0}],\"format\":[{\"watchFormat\":0}],\"integerLength\":[{\"validateIntegerLength\":0}],\"decimalLength\":[{\"validateDecimalLength\":0}]}],[1,\"mg-input-radio\",{\"value\":[1032],\"items\":[16],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"inputVerticalList\":[4,\"input-vertical-list\"],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"options\":[32],\"readonlyValue\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[{\"watchValue\":0}],\"items\":[{\"validateItems\":0}],\"inputVerticalList\":[{\"watchInputVerticalList\":0}],\"readonly\":[{\"watchReadonly\":0},{\"handleValidityChange\":0}],\"required\":[{\"handleValidityChange\":0}],\"disabled\":[{\"handleValidityChange\":0},{\"watchDisabled\":0}]}],[257,\"mg-input-toggle\",{\"value\":[1040],\"items\":[16],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"isOnOff\":[1028,\"is-on-off\"],\"isIcon\":[4,\"is-icon\"],\"readonly\":[4],\"disabled\":[4],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"classCollection\":[32],\"options\":[32],\"errorMessage\":[32],\"valid\":[32],\"setFocus\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[{\"watchValue\":0}],\"items\":[{\"watchItems\":0}],\"isOnOff\":[{\"watchIsOnOff\":0}],\"isIcon\":[{\"watchIsIcon\":0}],\"readonly\":[{\"watchReadonly\":0}],\"disabled\":[{\"watchDisabled\":0}]}],[257,\"mg-modal\",{\"identifier\":[1],\"dialogRole\":[1,\"dialog-role\"],\"modalTitle\":[1,\"modal-title\"],\"closeButton\":[4,\"close-button\"],\"open\":[1028],\"hasActions\":[32],\"classCollection\":[32]},null,{\"identifier\":[{\"watchIdentifier\":0}],\"dialogRole\":[{\"validateDialogRole\":0}],\"modalTitle\":[{\"validateModalTitle\":0}],\"open\":[{\"watchOpen\":0}]}],[257,\"mg-details\",{\"toggleClosed\":[1,\"toggle-closed\"],\"toggleOpened\":[1,\"toggle-opened\"],\"hideSummary\":[4,\"hide-summary\"],\"expanded\":[1028]},null,{\"toggleClosed\":[{\"validateTitles\":0}],\"toggleOpened\":[{\"validateTitles\":0}],\"expanded\":[{\"handleExpanded\":0}]}],[1,\"mg-table\",{\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"borderHide\":[4,\"border-hide\"],\"columns\":[16],\"classCollection\":[32]},null,{\"size\":[{\"watchSize\":0}],\"fullWidth\":[{\"watchFullWidth\":0}],\"borderHide\":[{\"watchBorderHide\":0}],\"columns\":[{\"watchColumns\":0}]}],[257,\"mg-form\",{\"identifier\":[1],\"name\":[1],\"readonly\":[4],\"requiredMessage\":[1,\"required-message\"],\"ariaRole\":[1,\"aria-role\"],\"labelOnTop\":[4,\"label-on-top\"],\"disabled\":[4],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"requiredMessageText\":[32],\"hasActions\":[32],\"displayError\":[64],\"reset\":[64]},null,{\"identifier\":[{\"watchIdentifier\":0}],\"requiredMessage\":[{\"validateRequiredMessage\":0},{\"handleAttributeChange\":0}],\"ariaRole\":[{\"validateAriaRole\":0}],\"labelOnTop\":[{\"handlelabelOnTop\":0}],\"readonly\":[{\"handleAttributeChange\":0}],\"disabled\":[{\"handleAttributeChange\":0}]}],[257,\"mg-illustrated-message\",{\"size\":[1],\"direction\":[1],\"align\":[1],\"classCollection\":[32]},null,{\"size\":[{\"watchSize\":0}],\"direction\":[{\"watchDirection\":0}],\"align\":[{\"watchAlign\":0}]}],[1,\"mg-skip-links\",{\"links\":[16]},null,{\"links\":[{\"validateLinks\":0}]}],[257,\"mg-tag\",{\"variant\":[1],\"outline\":[4],\"soft\":[4],\"classCollection\":[32]},null,{\"variant\":[{\"validateVariant\":0}],\"outline\":[{\"validateOutline\":0}],\"soft\":[{\"validateSoft\":0}]}],[1,\"mg-input-select\",{\"value\":[1032],\"items\":[16],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1025],\"placeholderHide\":[4,\"placeholder-hide\"],\"placeholderDisabled\":[4,\"placeholder-disabled\"],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"mgWidth\":[520,\"mg-width\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"options\":[32],\"valueExist\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[{\"validateValue\":0}],\"items\":[{\"validateItems\":0}],\"readonly\":[{\"watchReadonly\":0},{\"handleValidityChange\":0}],\"required\":[{\"handleValidityChange\":0}],\"disabled\":[{\"handleValidityChange\":0},{\"watchDisabled\":0}],\"mgWidth\":[{\"watchMgWidth\":0}]}],[257,\"mg-message\",{\"variant\":[1],\"variantStyle\":[1,\"variant-style\"],\"fullWidth\":[516,\"full-width\"],\"classCollection\":[32],\"hasActions\":[32]},null,{\"variant\":[{\"watchVariant\":0}],\"variantStyle\":[{\"watchVariantStyle\":0}],\"fullWidth\":[{\"watchFullWidth\":0}]}],[257,\"mg-tabs\",{\"identifier\":[1],\"label\":[1],\"size\":[16],\"items\":[16],\"activeTab\":[1538,\"active-tab\"],\"tabs\":[32],\"classCollection\":[32]},null,{\"identifier\":[{\"watchIdentifier\":0}],\"label\":[{\"validateLabel\":0}],\"items\":[{\"validateItems\":0}],\"activeTab\":[{\"validateActiveTab\":0}]}],[1,\"mg-divider\",{\"fullWidth\":[4,\"full-width\"],\"direction\":[1025]},null,{\"direction\":[{\"validateDirection\":0}]}],[257,\"mg-input-text\",{\"value\":[1544],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"type\":[1],\"icon\":[1],\"placeholder\":[1],\"datalistoptions\":[16],\"maxlength\":[2],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"mgWidth\":[8,\"mg-width\"],\"pattern\":[1],\"patternErrorMessage\":[1,\"pattern-error-message\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"characterLeftHide\":[4,\"character-left-hide\"],\"helpText\":[1025,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[{\"handleValue\":0}],\"type\":[{\"validateType\":0}],\"icon\":[{\"validateIcon\":0}],\"datalistoptions\":[{\"validateDatalistoptions\":0}],\"readonly\":[{\"watchReadonly\":0},{\"handleValidityChange\":0}],\"required\":[{\"handleValidityChange\":0}],\"disabled\":[{\"handleValidityChange\":0},{\"watchDisabled\":0}],\"mgWidth\":[{\"watchMgWidth\":0}],\"pattern\":[{\"watchPattern\":0}],\"patternErrorMessage\":[{\"watchPattern\":0}],\"characterLeftHide\":[{\"validateCharacterLeftHide\":0}],\"helpText\":[{\"watchHelpText\":0}]}],[1,\"mg-item-more\",{\"icon\":[16],\"slotlabel\":[16],\"parentMenu\":[32]},null,{\"icon\":[{\"validateIcon\":0}],\"slotlabel\":[{\"validateSlotLabel\":0}]}],[257,\"mg-menu\",{\"label\":[1],\"direction\":[513],\"size\":[16],\"itemmore\":[16]},[[0,\"item-loaded\",\"updateItemListener\"]],{\"label\":[{\"validateLabel\":0}],\"direction\":[{\"validateDirection\":0}],\"itemmore\":[{\"validateItemMore\":0}]}],[257,\"mg-menu-item\",{\"identifier\":[513],\"href\":[1],\"target\":[1],\"status\":[1537],\"isIcon\":[1028,\"is-icon\"],\"expanded\":[1028],\"classNavigationButtonClassList\":[32],\"direction\":[32],\"isItemMore\":[32],\"hasChildren\":[32],\"displayNotificationBadge\":[32]},null,{\"identifier\":[{\"watchIdentifier\":0}],\"target\":[{\"watchTarget\":0}],\"status\":[{\"watchStatus\":0}],\"isIcon\":[{\"watchIsIcon\":0}],\"expanded\":[{\"watchExpanded\":0}],\"direction\":[{\"validateDirection\":0}],\"hasChildren\":[{\"validateHasChildren\":0}],\"data-style-direction\":[{\"watchDataStyleDirection\":0}],\"data-has-focus\":[{\"watchDataHasFocus\":0}]}],[2,\"mg-character-left\",{\"identifier\":[1],\"characters\":[1],\"maxlength\":[2]},null,{\"identifier\":[{\"watchIdentifier\":0}],\"maxlength\":[{\"validateMaxlength\":0}]}],[257,\"mg-popover\",{\"identifier\":[1],\"placement\":[1],\"arrowHide\":[16],\"closeButton\":[4,\"close-button\"],\"display\":[1028],\"disabled\":[4]},null,{\"identifier\":[{\"validateIdentifier\":0}],\"closeButton\":[{\"validateCloseButton\":0}],\"display\":[{\"handleDisplay\":0}]}],[1,\"mg-badge\",{\"value\":[8],\"label\":[1],\"variant\":[1025],\"outline\":[4],\"classCollection\":[32]},null,{\"value\":[{\"validateValue\":0}],\"label\":[{\"validateLabel\":0}],\"variant\":[{\"validateVariant\":0}],\"outline\":[{\"validateOutline\":0}]}],[257,\"mg-popover-content\",{\"closeButton\":[4,\"close-button\"],\"classCollection\":[32]}],[257,\"mg-card\",{\"shadow\":[4],\"radiusSize\":[1025,\"radius-size\"],\"classCollection\":[32]},null,{\"shadow\":[{\"watchShadow\":0}],\"radiusSize\":[{\"watchRadiusSize\":0}]}],[257,\"mg-button\",{\"variant\":[1025],\"label\":[1],\"type\":[1],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"form\":[1],\"disabled\":[1028],\"isIcon\":[4,\"is-icon\"],\"disableOnClick\":[4,\"disable-on-click\"],\"loading\":[32],\"classCollection\":[32]},null,{\"variant\":[{\"validateVariant\":0}],\"size\":[{\"validateSize\":0}],\"fullWidth\":[{\"validateFullWidth\":0}],\"disabled\":[{\"disabledHandler\":0}],\"isIcon\":[{\"watchIsIcon\":0}],\"loading\":[{\"loadingHandler\":0}]}],[257,\"mg-input\",{\"identifier\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"labelHeading\":[1025,\"label-heading\"],\"labelBorderDisplay\":[4,\"label-border-display\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"required\":[4],\"errorMessage\":[1,\"error-message\"],\"helpText\":[1,\"help-text\"],\"inputsOnBottom\":[4,\"inputs-on-bottom\"],\"ariaDescribedbyIDs\":[1025,\"aria-describedby-i-ds\"],\"isFieldset\":[32],\"isReadonly\":[32],\"isDisabled\":[32],\"isVerticalList\":[32]},null,{\"identifier\":[{\"watchIdentifier\":0},{\"watchAriaDescribedbyIDs\":0}],\"labelOnTop\":[{\"watchLabelOnTop\":0},{\"watchLabelConfig\":0}],\"labelHide\":[{\"watchLabelConfig\":0}],\"labelHeading\":[{\"watchlabelHeading\":0}],\"labelBorderDisplay\":[{\"watchLabelBorderDisplay\":0}],\"tooltipPosition\":[{\"watchTooltipPosition\":0}],\"errorMessage\":[{\"watchErrorMessage\":0},{\"watchAriaDescribedbyIDs\":0}],\"helpText\":[{\"watchHelpText\":0},{\"watchAriaDescribedbyIDs\":0}],\"inputsOnBottom\":[{\"watchInputsOnBottom\":0}],\"ariaDescribedbyIDs\":[{\"watchAriaDescribedbyIDs\":0}],\"class\":[{\"watchClass\":0},{\"watchLabel\":0}],\"label\":[{\"watchLabel\":0}],\"required\":[{\"watchLabel\":0}],\"isReadonly\":[{\"watchLabel\":0}],\"isFieldset\":[{\"watchLabel\":0}]}],[257,\"mg-tooltip\",{\"identifier\":[1],\"message\":[1],\"placement\":[1],\"display\":[1028],\"disabled\":[4]},null,{\"identifier\":[{\"watchIdentifier\":0}],\"message\":[{\"watchMessage\":0}],\"display\":[{\"watchDisplay\":0}],\"disabled\":[{\"watchDisabled\":0}]}],[262,\"mg-input-title\",{\"identifier\":[1],\"required\":[4],\"readonly\":[4],\"isLegend\":[4,\"is-legend\"],\"tagName\":[32]},null,{\"identifier\":[{\"validateIdentifier\":0}],\"isLegend\":[{\"validateIsLegend\":0}]}],[257,\"mg-tooltip-content\",{\"message\":[1]}],[1,\"mg-icon\",{\"icon\":[1],\"size\":[1025],\"variant\":[1],\"variantStyle\":[1025,\"variant-style\"],\"spin\":[4],\"classCollection\":[32]},null,{\"icon\":[{\"validateIcon\":0}],\"size\":[{\"validateSize\":0}],\"variant\":[{\"validateVariant\":0}],\"variantStyle\":[{\"validateVariantStyle\":0}],\"spin\":[{\"handleSpin\":0}]}]]],[\"mg-input-combobox\",[[1,\"mg-input-combobox\",{\"value\":[1537],\"items\":[16],\"itemsLabel\":[1,\"items-label\"],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"mgWidth\":[8,\"mg-width\"],\"popoverPlacement\":[1,\"popover-placement\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"fetchurl\":[1],\"fetchoptions\":[16],\"fetchmappings\":[16],\"valid\":[1028],\"invalid\":[1028],\"isLoading\":[32],\"options\":[32],\"option\":[32],\"filter\":[32],\"classCollection\":[32],\"errorMessage\":[32],\"popoverDisplay\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[{\"watchValue\":0}],\"items\":[{\"watchItems\":0}],\"identifier\":[{\"watchIdentifier\":0}],\"readonly\":[{\"watchReadonly\":0},{\"watchValidityChange\":0}],\"required\":[{\"watchValidityChange\":0}],\"disabled\":[{\"watchValidityChange\":0},{\"watchDisabled\":0}],\"mgWidth\":[{\"watchMgWidth\":0}],\"fetchurl\":[{\"watchFetchUrl\":0}],\"fetchoptions\":[{\"watchFetchOptions\":0}],\"fetchmappings\":[{\"watchFetchMappings\":0}],\"options\":[{\"watchOptions\":0}],\"filter\":[{\"watchFilter\":0}],\"popoverDisplay\":[{\"watchPopoverDisplay\":0}]}]]],[\"mg-input-file\",[[1,\"mg-input-file\",{\"value\":[1032],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"multiple\":[4],\"accept\":[1],\"maxSize\":[2,\"max-size\"],\"capture\":[1],\"required\":[4],\"disabled\":[4],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1025,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"files\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[{\"watchValue\":0},{\"watchMultiple\":0}],\"multiple\":[{\"watchMultiple\":0}],\"accept\":[{\"watchAccept\":0},{\"watchHelpText\":0}],\"required\":[{\"handleValidityChange\":0}],\"disabled\":[{\"handleValidityChange\":0},{\"watchDisabled\":0}],\"helpText\":[{\"watchHelpText\":0}],\"maxSize\":[{\"watchHelpText\":0}],\"files\":[{\"watchFiles\":0}]}]]],[\"mg-fieldset\",[[257,\"mg-fieldset\",{\"identifier\":[1],\"name\":[1],\"legend\":[1],\"legendHide\":[4,\"legend-hide\"],\"legendHeading\":[1,\"legend-heading\"],\"legendBorderDisplay\":[4,\"legend-border-display\"],\"readonly\":[4],\"disabled\":[4],\"tooltip\":[1],\"helpText\":[1,\"help-text\"],\"errorMessage\":[32],\"valid\":[32],\"classCollection\":[32],\"setCustomValidity\":[64],\"displayError\":[64]},null,{\"legendBorderDisplay\":[{\"watchLegendBorderDisplay\":0}],\"readonly\":[{\"watchReadonly\":0},{\"handleAttributeChange\":0}],\"disabled\":[{\"handleAttributeChange\":0}]}]]],[\"mg-input-rich-text-editor\",[[1,\"mg-input-rich-text-editor\",{\"value\":[1025],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1],\"rows\":[2],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"pattern\":[1],\"patternErrorMessage\":[1,\"pattern-error-message\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"modules\":[1],\"customActions\":[16],\"sanitizerOptions\":[16],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"setFocus\":[64],\"getEditorHTML\":[64],\"getEditorText\":[64],\"getSelectedText\":[64],\"getSelectedHTML\":[64],\"replaceSelection\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"readonly\":[{\"watchReadonly\":0},{\"handleValidityChange\":0}],\"disabled\":[{\"watchDisabled\":0},{\"handleValidityChange\":0}],\"required\":[{\"handleValidityChange\":0}],\"pattern\":[{\"validatePattern\":0}],\"patternErrorMessage\":[{\"validatePattern\":0}],\"modules\":[{\"watchModules\":0}],\"customActions\":[{\"watchCustomActions\":0}],\"sanitizerOptions\":[{\"watchSanitizerOptions\":0}]}]]],[\"mg-alert\",[[257,\"mg-alert\",{\"delay\":[2],\"variant\":[1],\"variantStyle\":[1,\"variant-style\"],\"fullWidth\":[4,\"full-width\"],\"classCollection\":[32],\"hasActions\":[32]},null,{\"delay\":[{\"watchDelay\":0}],\"variant\":[{\"watchVariant\":0}],\"variantStyle\":[{\"watchVariantStyle\":0}],\"hidden\":[{\"watchHidden\":0}]}]]],[\"mg-breadcrumb\",[[1,\"mg-breadcrumb\",{\"items\":[16]},null,{\"items\":[{\"validateItems\":0}]}]]],[\"mg-illustration\",[[1,\"mg-illustration\",{\"illustration\":[1]},null,{\"illustration\":[{\"validateIllustration\":0}]}]]],[\"mg-progress\",[[1,\"mg-progress\",{\"label\":[1],\"ariaRole\":[1,\"aria-role\"],\"value\":[2],\"min\":[2],\"max\":[2]},null,{\"label\":[{\"watchLabel\":0}],\"ariaRole\":[{\"watchAriaRole\":0}],\"value\":[{\"watchValue\":0}],\"min\":[{\"watchMin\":0}],\"max\":[{\"watchMax\":0}]}]]],[\"mg-loader\",[[1,\"mg-loader\",{\"message\":[1],\"messageHide\":[4,\"message-hide\"]},null,{\"message\":[{\"watchMessage\":0}]}]]]]"), options);
8
8
  };
9
9
 
10
10
  export { defineCustomElements };