@mgdis/mg-components 5.9.1 → 5.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mg-action-more_31.cjs.entry.js +31 -225
- package/dist/cjs/mg-components.cjs.js +1 -1
- package/dist/cjs/mg-item-more.cjs.entry.js +1 -16
- package/dist/cjs/{mg-menu.conf-9afe6571.js → mg-menu.conf-1942ac70.js} +0 -5
- package/dist/collection/components/atoms/mg-badge/mg-badge.js +1 -3
- package/dist/collection/components/atoms/mg-button/mg-button.js +2 -7
- package/dist/collection/components/atoms/mg-card/mg-card.js +13 -4
- package/dist/collection/components/atoms/mg-character-left/mg-character-left.js +0 -2
- package/dist/collection/components/atoms/mg-divider/mg-divider.js +0 -1
- package/dist/collection/components/atoms/mg-icon/mg-icon.js +10 -5
- package/dist/collection/components/atoms/mg-input-title/mg-input-title.js +0 -2
- package/dist/collection/components/atoms/mg-tag/mg-tag.js +0 -3
- package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.js +1 -13
- package/dist/collection/components/molecules/inputs/MgInput.js +0 -6
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js +0 -6
- package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js +0 -5
- package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js +0 -12
- package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js +0 -3
- package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js +0 -9
- package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js +0 -13
- package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.js +1 -12
- package/dist/collection/components/molecules/inputs/mg-input-textarea/mg-input-textarea.js +1 -5
- package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.js +0 -5
- package/dist/collection/components/molecules/menu/mg-menu/mg-menu.js +0 -11
- package/dist/collection/components/molecules/menu/mg-menu-item/mg-menu-item.js +0 -18
- package/dist/collection/components/molecules/mg-action-more/mg-action-more.js +0 -8
- package/dist/collection/components/molecules/mg-details/mg-details.js +0 -3
- package/dist/collection/components/molecules/mg-form/mg-form.js +0 -8
- package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js +0 -2
- package/dist/collection/components/molecules/mg-item-more/mg-item-more.js +0 -5
- package/dist/collection/components/molecules/mg-message/mg-message.js +2 -7
- package/dist/collection/components/molecules/mg-modal/mg-modal.js +1 -6
- package/dist/collection/components/molecules/mg-pagination/mg-pagination.js +0 -6
- package/dist/collection/components/molecules/mg-panel/mg-panel.js +5 -15
- package/dist/collection/components/molecules/mg-popover/mg-popover.js +1 -8
- package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.js +1 -4
- package/dist/collection/components/molecules/mg-tabs/mg-tabs.js +0 -12
- package/dist/collection/locales/index.js +0 -1
- package/dist/collection/utils/behaviors.utils.js +0 -10
- package/dist/collection/utils/components.utils.js +1 -10
- package/dist/collection/utils/locale.utils.js +0 -4
- package/dist/collection/utils/unit.test.utils.js +0 -5
- package/dist/components/MgInput.js +0 -6
- package/dist/components/components.utils.js +1 -10
- package/dist/components/index2.js +0 -5
- package/dist/components/mg-action-more.js +0 -8
- package/dist/components/mg-badge2.js +1 -3
- package/dist/components/mg-button2.js +2 -7
- package/dist/components/mg-card2.js +13 -4
- package/dist/components/mg-character-left2.js +0 -2
- package/dist/components/mg-details.js +0 -3
- package/dist/components/mg-divider.js +0 -1
- package/dist/components/mg-form.js +0 -8
- package/dist/components/mg-icon2.js +10 -5
- package/dist/components/mg-illustrated-message.js +0 -2
- package/dist/components/mg-input-checkbox.js +0 -6
- package/dist/components/mg-input-date.js +0 -5
- package/dist/components/mg-input-numeric.js +0 -12
- package/dist/components/mg-input-password.js +0 -3
- package/dist/components/mg-input-radio.js +0 -9
- package/dist/components/mg-input-select2.js +0 -13
- package/dist/components/mg-input-text2.js +1 -12
- package/dist/components/mg-input-textarea.js +1 -5
- package/dist/components/mg-input-title2.js +0 -2
- package/dist/components/mg-input-toggle.js +0 -5
- package/dist/components/mg-item-more.js +0 -15
- package/dist/components/mg-menu-item2.js +0 -18
- package/dist/components/mg-menu2.js +0 -11
- package/dist/components/mg-message.js +2 -7
- package/dist/components/mg-modal.js +1 -6
- package/dist/components/mg-pagination.js +0 -6
- package/dist/components/mg-panel.js +5 -15
- package/dist/components/mg-popover2.js +1 -8
- package/dist/components/mg-skip-links.js +1 -4
- package/dist/components/mg-tabs.js +0 -12
- package/dist/components/mg-tag.js +0 -3
- package/dist/components/mg-tooltip2.js +1 -13
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mg-action-more_31.entry.js +31 -225
- package/dist/esm/mg-components.js +1 -1
- package/dist/esm/mg-item-more.entry.js +1 -16
- package/dist/esm/{mg-menu.conf-881fbd82.js → mg-menu.conf-2cc1bb67.js} +0 -5
- package/dist/mg-components/mg-components.esm.js +1 -1
- package/dist/mg-components/{p-67ce7cb8.entry.js → p-a56a3157.entry.js} +1 -1
- package/dist/mg-components/{p-9a93b7af.entry.js → p-eb32bb18.entry.js} +1 -1
- package/dist/types/components/atoms/mg-badge/mg-badge.d.ts +0 -2
- package/dist/types/components/atoms/mg-button/mg-button.d.ts +0 -5
- package/dist/types/components/atoms/mg-card/mg-card.d.ts +10 -3
- package/dist/types/components/atoms/mg-character-left/mg-character-left.d.ts +0 -2
- package/dist/types/components/atoms/mg-divider/mg-divider.d.ts +0 -1
- package/dist/types/components/atoms/mg-icon/mg-icon.d.ts +6 -3
- package/dist/types/components/atoms/mg-input-title/mg-input-title.d.ts +0 -2
- package/dist/types/components/atoms/mg-tag/mg-tag.d.ts +0 -3
- package/dist/types/components/atoms/mg-tooltip/mg-tooltip.d.ts +0 -12
- package/dist/types/components/molecules/inputs/MgInput.d.ts +0 -1
- package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.d.ts +0 -5
- package/dist/types/components/molecules/inputs/mg-input-date/mg-input-date.d.ts +0 -5
- package/dist/types/components/molecules/inputs/mg-input-numeric/mg-input-numeric.d.ts +0 -12
- package/dist/types/components/molecules/inputs/mg-input-password/mg-input-password.d.ts +0 -3
- package/dist/types/components/molecules/inputs/mg-input-radio/mg-input-radio.d.ts +0 -8
- package/dist/types/components/molecules/inputs/mg-input-select/mg-input-select.d.ts +0 -9
- package/dist/types/components/molecules/inputs/mg-input-text/mg-input-text.d.ts +0 -11
- package/dist/types/components/molecules/inputs/mg-input-textarea/mg-input-textarea.d.ts +0 -4
- package/dist/types/components/molecules/inputs/mg-input-toggle/mg-input-toggle.d.ts +0 -5
- package/dist/types/components/molecules/menu/mg-menu/mg-menu.d.ts +0 -11
- package/dist/types/components/molecules/menu/mg-menu-item/mg-menu-item.d.ts +0 -18
- package/dist/types/components/molecules/mg-action-more/mg-action-more.d.ts +0 -5
- package/dist/types/components/molecules/mg-details/mg-details.d.ts +0 -3
- package/dist/types/components/molecules/mg-form/mg-form.d.ts +0 -8
- package/dist/types/components/molecules/mg-illustrated-message/mg-illustrated-message.d.ts +0 -2
- package/dist/types/components/molecules/mg-item-more/mg-item-more.d.ts +0 -5
- package/dist/types/components/molecules/mg-message/mg-message.d.ts +1 -6
- package/dist/types/components/molecules/mg-modal/mg-modal.d.ts +0 -5
- package/dist/types/components/molecules/mg-pagination/mg-pagination.d.ts +0 -5
- package/dist/types/components/molecules/mg-panel/mg-panel.d.ts +0 -10
- package/dist/types/components/molecules/mg-popover/mg-popover.d.ts +0 -7
- package/dist/types/components/molecules/mg-skip-links/mg-skip-links.d.ts +0 -3
- package/dist/types/components/molecules/mg-tabs/mg-tabs.d.ts +0 -11
- package/dist/types/locales/index.d.ts +0 -1
- package/dist/types/utils/behaviors.utils.d.ts +0 -9
- package/dist/types/utils/components.utils.d.ts +1 -9
- package/dist/types/utils/locale.utils.d.ts +0 -4
- package/dist/types/utils/unit.test.utils.d.ts +0 -7
- package/package.json +11 -12
- /package/dist/mg-components/{p-367f92d2.js → p-73156ac9.js} +0 -0
|
@@ -14,5 +14,5 @@ const patchBrowser = () => {
|
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
patchBrowser().then(options => {
|
|
17
|
-
return bootstrapLazy([["mg-action-more_31",[[1,"mg-action-more",{"icon":[16],"button":[16],"items":[16],"displayChevron":[4,"display-chevron"],"expanded":[32]}],[1,"mg-panel",{"identifier":[1],"panelTitle":[1025,"panel-title"],"titlePattern":[
|
|
17
|
+
return bootstrapLazy([["mg-action-more_31",[[1,"mg-action-more",{"icon":[16],"button":[16],"items":[16],"displayChevron":[4,"display-chevron"],"expanded":[32]}],[1,"mg-panel",{"identifier":[1],"panelTitle":[1025,"panel-title"],"titlePattern":[1,"title-pattern"],"titlePatternErrorMessage":[1,"title-pattern-error-message"],"expanded":[1028],"expandToggleDisabled":[4,"expand-toggle-disabled"],"titleEditable":[4,"title-editable"],"classList":[32],"isEditing":[32],"updatedPanelTitle":[32]}],[1,"mg-pagination",{"identifier":[1],"label":[1025],"hideNavigationLabels":[4,"hide-navigation-labels"],"totalPages":[2,"total-pages"],"currentPage":[1538,"current-page"]}],[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],"displayCharacterLeft":[4,"display-character-left"],"helpText":[1,"help-text"],"valid":[1028],"invalid":[1028],"resizable":[1],"classList":[32],"errorMessage":[32],"displayError":[64]}],[1,"mg-input-checkbox",{"value":[1040],"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],"helpText":[1,"help-text"],"valid":[1028],"invalid":[1028],"classList":[32],"errorMessage":[32],"checkboxItems":[32],"displayError":[64]}],[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],"disabled":[4],"tooltip":[1],"helpText":[1,"help-text"],"valid":[1028],"invalid":[1028],"min":[1],"max":[1],"classList":[32],"errorMessage":[32],"displayError":[64]}],[1,"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],"disabled":[4],"mgWidth":[8,"mg-width"],"tooltip":[1],"helpText":[1,"help-text"],"type":[1],"currency":[1],"max":[2],"min":[2],"integerLength":[2,"integer-length"],"decimalLength":[2,"decimal-length"],"valid":[1028],"invalid":[1028],"classList":[32],"errorMessage":[32],"hasFocus":[32],"displayError":[64]}],[1,"mg-input-password",{"value":[1537],"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"],"tooltip":[1],"helpText":[1,"help-text"],"valid":[1028],"invalid":[1028],"classList":[32],"errorMessage":[32],"displayError":[64]}],[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],"helpText":[1,"help-text"],"valid":[1028],"invalid":[1028],"classList":[32],"errorMessage":[32],"options":[32],"displayError":[64]}],[1,"mg-input-toggle",{"value":[1032],"items":[16],"identifier":[1],"name":[1],"label":[1],"labelOnTop":[4,"label-on-top"],"labelHide":[4,"label-hide"],"isOnOff":[4,"is-on-off"],"isIcon":[4,"is-icon"],"readonly":[4],"disabled":[4],"tooltip":[1],"helpText":[1,"help-text"],"classList":[32],"options":[32],"checked":[32]}],[1,"mg-message",{"identifier":[1],"delay":[2],"variant":[1],"closeButton":[1028,"close-button"],"hide":[1028],"classList":[32],"hasActions":[32]}],[1,"mg-modal",{"identifier":[1],"modalTitle":[1,"modal-title"],"closeButton":[4,"close-button"],"hide":[1028],"hasActions":[32],"hasContent":[32],"classList":[32]},[[8,"keydown","handleKeyDown"]]],[1,"mg-tabs",{"identifier":[1],"label":[1],"size":[1],"items":[16],"activeTab":[1538,"active-tab"],"tabs":[32],"classList":[32]}],[1,"mg-details",{"toggleClosed":[1,"toggle-closed"],"toggleOpened":[1,"toggle-opened"],"hideSummary":[4,"hide-summary"],"expanded":[1028]}],[1,"mg-divider",{"size":[1]}],[1,"mg-form",{"identifier":[1],"name":[1],"readonly":[4],"disabled":[4],"valid":[1028],"invalid":[1028],"classList":[32],"requiredMessage":[32],"displayError":[64]}],[1,"mg-illustrated-message",{"size":[1],"direction":[1]}],[1,"mg-skip-links",{"links":[16]}],[1,"mg-tag",{"variant":[1],"outline":[4],"soft":[4],"classList":[32]}],[1,"mg-input-text",{"value":[1537],"identifier":[1],"name":[1],"label":[1],"type":[1],"icon":[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"],"tooltip":[1],"displayCharacterLeft":[4,"display-character-left"],"helpText":[1,"help-text"],"valid":[1028],"invalid":[1028],"classList":[32],"errorMessage":[32],"setFocus":[64],"displayError":[64]}],[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":[8,"mg-width"],"tooltip":[1],"helpText":[1,"help-text"],"valid":[1028],"invalid":[1028],"classList":[32],"errorMessage":[32],"options":[32],"valueExist":[32],"readonlyValue":[32],"displayError":[64]}],[1,"mg-menu-item",{"identifier":[1],"href":[1],"status":[1537],"expanded":[1028],"size":[32],"navigationButtonClassList":[32],"direction":[32],"isInMainMenu":[32],"isItemMore":[32],"hasChildren":[32],"displayNotificationBadge":[32]}],[1,"mg-menu",{"label":[1],"direction":[513],"itemmore":[16],"size":[1],"isChildMenu":[32]}],[1,"mg-popover",{"identifier":[1],"placement":[1],"arrowHide":[4,"arrow-hide"],"closeButton":[4,"close-button"],"display":[1028],"disabled":[4],"classList":[32]}],[2,"mg-character-left",{"identifier":[1],"characters":[1],"maxlength":[2]}],[1,"mg-badge",{"value":[8],"label":[1],"variant":[1],"outline":[4],"classList":[32]}],[1,"mg-card",{"variant":[1],"variantStyle":[1025,"variant-style"],"classList":[32]}],[1,"mg-button",{"variant":[1],"identifier":[1],"label":[1],"type":[1],"fullWidth":[4,"full-width"],"form":[1],"disabled":[1028],"isIcon":[4,"is-icon"],"disableOnClick":[4,"disable-on-click"],"loading":[32],"classList":[32]}],[6,"mg-input-title",{"identifier":[1],"required":[4],"isLegend":[4,"is-legend"],"tagName":[32]}],[1,"mg-tooltip",{"identifier":[1],"message":[1],"placement":[1],"display":[1028],"disabled":[4]}],[1,"mg-icon",{"icon":[1],"size":[1],"variant":[1],"variantStyle":[1025,"variant-style"],"spin":[4],"classList":[32]}]]],["mg-item-more",[[1,"mg-item-more",{"icon":[16],"slotlabel":[16],"size":[1],"parentMenu":[32]}]]]], options);
|
|
18
18
|
});
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-3249671d.js';
|
|
2
|
-
import { i as initLocales, D as Direction } from './mg-menu.conf-
|
|
2
|
+
import { i as initLocales, D as Direction } from './mg-menu.conf-2cc1bb67.js';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* MgItemMore type guard
|
|
6
|
-
*
|
|
7
6
|
* @param {HTMLElement} element element to control type
|
|
8
7
|
* @returns {boolean} truthy if element is mg-item-more
|
|
9
8
|
*/
|
|
@@ -22,7 +21,6 @@ class OverflowBehavior {
|
|
|
22
21
|
**********/
|
|
23
22
|
/**
|
|
24
23
|
* Disconnect ResizeObserver
|
|
25
|
-
*
|
|
26
24
|
* @returns {void}
|
|
27
25
|
*/
|
|
28
26
|
this.disconnect = () => {
|
|
@@ -33,7 +31,6 @@ class OverflowBehavior {
|
|
|
33
31
|
************/
|
|
34
32
|
/**
|
|
35
33
|
* run overflow behavior
|
|
36
|
-
*
|
|
37
34
|
* @param {number} width width of the container. Optional.
|
|
38
35
|
* @returns {void}
|
|
39
36
|
*/
|
|
@@ -58,14 +55,12 @@ class OverflowBehavior {
|
|
|
58
55
|
};
|
|
59
56
|
/**
|
|
60
57
|
* Get interactive children filtred by authorized nodeName ['MG-MENU-ITEM', 'MG-BUTTON']
|
|
61
|
-
*
|
|
62
58
|
* @param {Element} element element to parse
|
|
63
59
|
* @returns {Element[]} children
|
|
64
60
|
*/
|
|
65
61
|
this.getInteractiveItems = (element) => { var _a; return (((_a = element.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? Array.from(element.children) : []).filter(element => ['MG-MENU-ITEM', 'MG-BUTTON'].includes(element.nodeName)); };
|
|
66
62
|
/**
|
|
67
63
|
* Update displayed items in container from a given available space
|
|
68
|
-
*
|
|
69
64
|
* @param {number} availableWidth available width in container to display child items
|
|
70
65
|
* @returns {void}
|
|
71
66
|
*/
|
|
@@ -86,7 +81,6 @@ class OverflowBehavior {
|
|
|
86
81
|
};
|
|
87
82
|
/**
|
|
88
83
|
* Utility method to know if item overflow partialy or totaly in the container
|
|
89
|
-
*
|
|
90
84
|
* @param {number} cumulateWidth previous sibling elements cumulate width + item width
|
|
91
85
|
* @param {HTMLElement} item item HTML element
|
|
92
86
|
* @param {number} availableWidth container available width
|
|
@@ -102,14 +96,12 @@ class OverflowBehavior {
|
|
|
102
96
|
};
|
|
103
97
|
/**
|
|
104
98
|
* Utility method to know if a given element is the 'MORE' element
|
|
105
|
-
*
|
|
106
99
|
* @param {Element} element element to match with 'MORE' element
|
|
107
100
|
* @returns {boolean} truthy if element is the 'MORE' element
|
|
108
101
|
*/
|
|
109
102
|
this.isMoreElement = (element) => element.nodeName === 'MG-ITEM-MORE';
|
|
110
103
|
/**
|
|
111
104
|
* Toggle display item element
|
|
112
|
-
*
|
|
113
105
|
* @param {HTMLElement} item item to control
|
|
114
106
|
* @param {boolean} isHidden is item hidden
|
|
115
107
|
* @returns {void}
|
|
@@ -125,7 +117,6 @@ class OverflowBehavior {
|
|
|
125
117
|
};
|
|
126
118
|
/**
|
|
127
119
|
* Toggle element's hidde attribute
|
|
128
|
-
*
|
|
129
120
|
* @param {Element} element element to toggle
|
|
130
121
|
* @param {boolean} isHidden element is hidden
|
|
131
122
|
* @returns {void}
|
|
@@ -138,7 +129,6 @@ class OverflowBehavior {
|
|
|
138
129
|
};
|
|
139
130
|
/**
|
|
140
131
|
* Remove hidden attributes on all items
|
|
141
|
-
*
|
|
142
132
|
* @returns {void}
|
|
143
133
|
*/
|
|
144
134
|
this.restoreItems = () => {
|
|
@@ -171,7 +161,6 @@ const MgItemMore = class {
|
|
|
171
161
|
***********/
|
|
172
162
|
/**
|
|
173
163
|
* render mg-item-more overflow element
|
|
174
|
-
*
|
|
175
164
|
* @returns {HTMLMgItemMoreElement} mg-item-more element
|
|
176
165
|
*/
|
|
177
166
|
this.renderMgMenuItemOverflowElement = () => {
|
|
@@ -221,7 +210,6 @@ const MgItemMore = class {
|
|
|
221
210
|
*************/
|
|
222
211
|
/**
|
|
223
212
|
* Disconnect overflow ResizeObserver
|
|
224
|
-
*
|
|
225
213
|
* @returns {void} run overflow resize obeserver disconnexion
|
|
226
214
|
*/
|
|
227
215
|
disconnectedCallback() {
|
|
@@ -229,7 +217,6 @@ const MgItemMore = class {
|
|
|
229
217
|
}
|
|
230
218
|
/**
|
|
231
219
|
* Set variables and validate props
|
|
232
|
-
*
|
|
233
220
|
* @returns {void}
|
|
234
221
|
*/
|
|
235
222
|
componentWillLoad() {
|
|
@@ -244,7 +231,6 @@ const MgItemMore = class {
|
|
|
244
231
|
}
|
|
245
232
|
/**
|
|
246
233
|
* Add overflow behavior
|
|
247
|
-
*
|
|
248
234
|
* @returns {void}
|
|
249
235
|
*/
|
|
250
236
|
componentDidLoad() {
|
|
@@ -252,7 +238,6 @@ const MgItemMore = class {
|
|
|
252
238
|
}
|
|
253
239
|
/**
|
|
254
240
|
* Render
|
|
255
|
-
*
|
|
256
241
|
* @returns {HTMLElement} HTML Element
|
|
257
242
|
*/
|
|
258
243
|
render() {
|
|
@@ -150,7 +150,6 @@ const fr = {
|
|
|
150
150
|
|
|
151
151
|
/**
|
|
152
152
|
* Format number to the locale currency
|
|
153
|
-
*
|
|
154
153
|
* @param {number} number number to format
|
|
155
154
|
* @param {string} locale locale to apply
|
|
156
155
|
* @param {string} currency currency to apply
|
|
@@ -161,7 +160,6 @@ const localeCurrency = (number, locale, currency) => {
|
|
|
161
160
|
};
|
|
162
161
|
/**
|
|
163
162
|
* Format number to locale
|
|
164
|
-
*
|
|
165
163
|
* @param {number} number number to format
|
|
166
164
|
* @param {string} locale locale to apply
|
|
167
165
|
* @returns {string} formatted number
|
|
@@ -175,7 +173,6 @@ const localeNumber = (number, locale) => {
|
|
|
175
173
|
const dateRegExp = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/;
|
|
176
174
|
/**
|
|
177
175
|
* Locale date format
|
|
178
|
-
*
|
|
179
176
|
* @param {string} date date to format
|
|
180
177
|
* @param {string} locale locale to apply
|
|
181
178
|
* @returns {string} formatted date
|
|
@@ -189,7 +186,6 @@ const localeDate = (date, locale) => {
|
|
|
189
186
|
/**
|
|
190
187
|
* Get locale and messages
|
|
191
188
|
* We load the defined locale but for now we only support the first subtag for messages
|
|
192
|
-
*
|
|
193
189
|
* @param {HTMLElement} element element we need to get the language
|
|
194
190
|
* @param {unknown} messages messages to use
|
|
195
191
|
* @param {string} defaultLocale default messages locale
|
|
@@ -213,7 +209,6 @@ const defaultLocale = 'en';
|
|
|
213
209
|
const messages = { en, fr };
|
|
214
210
|
/**
|
|
215
211
|
* Get Intl object
|
|
216
|
-
*
|
|
217
212
|
* @param {HTMLElement} element element we need to get the language
|
|
218
213
|
* @returns {{ locale: string; messages: Record<string, unknown> }} messages object
|
|
219
214
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as i}from"./p-8fbc0d87.js";export{s as setNonce}from"./p-8fbc0d87.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((e=>i([["p-
|
|
1
|
+
import{p as e,b as i}from"./p-8fbc0d87.js";export{s as setNonce}from"./p-8fbc0d87.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((e=>i([["p-eb32bb18",[[1,"mg-action-more",{icon:[16],button:[16],items:[16],displayChevron:[4,"display-chevron"],expanded:[32]}],[1,"mg-panel",{identifier:[1],panelTitle:[1025,"panel-title"],titlePattern:[1,"title-pattern"],titlePatternErrorMessage:[1,"title-pattern-error-message"],expanded:[1028],expandToggleDisabled:[4,"expand-toggle-disabled"],titleEditable:[4,"title-editable"],classList:[32],isEditing:[32],updatedPanelTitle:[32]}],[1,"mg-pagination",{identifier:[1],label:[1025],hideNavigationLabels:[4,"hide-navigation-labels"],totalPages:[2,"total-pages"],currentPage:[1538,"current-page"]}],[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],displayCharacterLeft:[4,"display-character-left"],helpText:[1,"help-text"],valid:[1028],invalid:[1028],resizable:[1],classList:[32],errorMessage:[32],displayError:[64]}],[1,"mg-input-checkbox",{value:[1040],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],helpText:[1,"help-text"],valid:[1028],invalid:[1028],classList:[32],errorMessage:[32],checkboxItems:[32],displayError:[64]}],[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],disabled:[4],tooltip:[1],helpText:[1,"help-text"],valid:[1028],invalid:[1028],min:[1],max:[1],classList:[32],errorMessage:[32],displayError:[64]}],[1,"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],disabled:[4],mgWidth:[8,"mg-width"],tooltip:[1],helpText:[1,"help-text"],type:[1],currency:[1],max:[2],min:[2],integerLength:[2,"integer-length"],decimalLength:[2,"decimal-length"],valid:[1028],invalid:[1028],classList:[32],errorMessage:[32],hasFocus:[32],displayError:[64]}],[1,"mg-input-password",{value:[1537],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"],tooltip:[1],helpText:[1,"help-text"],valid:[1028],invalid:[1028],classList:[32],errorMessage:[32],displayError:[64]}],[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],helpText:[1,"help-text"],valid:[1028],invalid:[1028],classList:[32],errorMessage:[32],options:[32],displayError:[64]}],[1,"mg-input-toggle",{value:[1032],items:[16],identifier:[1],name:[1],label:[1],labelOnTop:[4,"label-on-top"],labelHide:[4,"label-hide"],isOnOff:[4,"is-on-off"],isIcon:[4,"is-icon"],readonly:[4],disabled:[4],tooltip:[1],helpText:[1,"help-text"],classList:[32],options:[32],checked:[32]}],[1,"mg-message",{identifier:[1],delay:[2],variant:[1],closeButton:[1028,"close-button"],hide:[1028],classList:[32],hasActions:[32]}],[1,"mg-modal",{identifier:[1],modalTitle:[1,"modal-title"],closeButton:[4,"close-button"],hide:[1028],hasActions:[32],hasContent:[32],classList:[32]},[[8,"keydown","handleKeyDown"]]],[1,"mg-tabs",{identifier:[1],label:[1],size:[1],items:[16],activeTab:[1538,"active-tab"],tabs:[32],classList:[32]}],[1,"mg-details",{toggleClosed:[1,"toggle-closed"],toggleOpened:[1,"toggle-opened"],hideSummary:[4,"hide-summary"],expanded:[1028]}],[1,"mg-divider",{size:[1]}],[1,"mg-form",{identifier:[1],name:[1],readonly:[4],disabled:[4],valid:[1028],invalid:[1028],classList:[32],requiredMessage:[32],displayError:[64]}],[1,"mg-illustrated-message",{size:[1],direction:[1]}],[1,"mg-skip-links",{links:[16]}],[1,"mg-tag",{variant:[1],outline:[4],soft:[4],classList:[32]}],[1,"mg-input-text",{value:[1537],identifier:[1],name:[1],label:[1],type:[1],icon:[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"],tooltip:[1],displayCharacterLeft:[4,"display-character-left"],helpText:[1,"help-text"],valid:[1028],invalid:[1028],classList:[32],errorMessage:[32],setFocus:[64],displayError:[64]}],[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:[8,"mg-width"],tooltip:[1],helpText:[1,"help-text"],valid:[1028],invalid:[1028],classList:[32],errorMessage:[32],options:[32],valueExist:[32],readonlyValue:[32],displayError:[64]}],[1,"mg-menu-item",{identifier:[1],href:[1],status:[1537],expanded:[1028],size:[32],navigationButtonClassList:[32],direction:[32],isInMainMenu:[32],isItemMore:[32],hasChildren:[32],displayNotificationBadge:[32]}],[1,"mg-menu",{label:[1],direction:[513],itemmore:[16],size:[1],isChildMenu:[32]}],[1,"mg-popover",{identifier:[1],placement:[1],arrowHide:[4,"arrow-hide"],closeButton:[4,"close-button"],display:[1028],disabled:[4],classList:[32]}],[2,"mg-character-left",{identifier:[1],characters:[1],maxlength:[2]}],[1,"mg-badge",{value:[8],label:[1],variant:[1],outline:[4],classList:[32]}],[1,"mg-card",{variant:[1],variantStyle:[1025,"variant-style"],classList:[32]}],[1,"mg-button",{variant:[1],identifier:[1],label:[1],type:[1],fullWidth:[4,"full-width"],form:[1],disabled:[1028],isIcon:[4,"is-icon"],disableOnClick:[4,"disable-on-click"],loading:[32],classList:[32]}],[6,"mg-input-title",{identifier:[1],required:[4],isLegend:[4,"is-legend"],tagName:[32]}],[1,"mg-tooltip",{identifier:[1],message:[1],placement:[1],display:[1028],disabled:[4]}],[1,"mg-icon",{icon:[1],size:[1],variant:[1],variantStyle:[1025,"variant-style"],spin:[4],classList:[32]}]]],["p-a56a3157",[[1,"mg-item-more",{icon:[16],slotlabel:[16],size:[1],parentMenu:[32]}]]]],e)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as s,g as e}from"./p-8fbc0d87.js";import{i as o,D as h}from"./p-
|
|
1
|
+
import{r as t,h as i,H as s,g as e}from"./p-8fbc0d87.js";import{i as o,D as h}from"./p-73156ac9.js";var n;!function(t){t.BASE_INDEX="data-overflow-base-index",t.PROXY_INDEX="data-overflow-proxy-index"}(n||(n={}));class r{constructor(t,i){this.element=t,this.render=i,this.disconnect=()=>{this._resizeObserver.disconnect()},this.run=t=>{void 0===this._moreElement&&(this._moreElement=this.render(),this._baseChildren=this.getInteractiveItems(this.element),(()=>"MG-ITEM-MORE"===this._moreElement.nodeName)()&&(this._proxyChildren=this.getInteractiveItems(this._moreElement.shadowRoot.querySelector("mg-menu"))),this._baseChildren.forEach(((t,i)=>{t.setAttribute(n.BASE_INDEX,`${i}`),this._proxyChildren[i].setAttribute(n.PROXY_INDEX,`${i}`)}))),void 0!==t&&this.updateDisplayedItems(t)},this.getInteractiveItems=t=>{var i;return((null===(i=t.children)||void 0===i?void 0:i.length)>0?Array.from(t.children):[]).filter((t=>["MG-MENU-ITEM","MG-BUTTON"].includes(t.nodeName)))},this.updateDisplayedItems=t=>{this.restoreItems();const i={accWidth:0,previousItem:null};[...this._baseChildren,this._moreElement].forEach((s=>{i.accWidth+=s.offsetWidth;const e=null!==i.previousItem&&null!==i.previousItem.getAttribute("hidden");this.toggleItem(s,e&&!this.isMoreElement(s)||this.isOverflowElement(i.accWidth,s,t)||this.isMoreElement(s)&&!e),i.previousItem=s}))},this.isOverflowElement=(t,i,s)=>null!==i.previousElementSibling&&!this.isMoreElement(i)&&(this.isMoreElement(i.nextElementSibling)?t>s:t+this._moreElement.offsetWidth>s),this.isMoreElement=t=>"MG-ITEM-MORE"===t.nodeName,this.toggleItem=(t,i)=>{const s=Number(t.getAttribute(n.BASE_INDEX));this.isMoreElement(t)?this.toggleElement(this._moreElement,i):s>=0&&(this.toggleElement(t,i),this.toggleElement(this._proxyChildren[s],!i))},this.toggleElement=(t,i)=>{i?t.setAttribute("hidden",""):t.removeAttribute("hidden")},this.restoreItems=()=>{[...this._baseChildren,this._moreElement].forEach((t=>t.removeAttribute("hidden")))},void 0===this._resizeObserver&&(this._resizeObserver=new ResizeObserver((t=>{t.forEach((t=>{this.run(t.contentRect.width)}))})),this._resizeObserver.observe(this.element)),this.run()}}const a=class{constructor(i){t(this,i),this.name="mg-item-more",this.renderMgMenuItemOverflowElement=()=>{const t=this.element.shadowRoot.querySelector("mg-menu-item");this.menuItems.forEach((i=>{t.querySelector("mg-menu").appendChild(i.cloneNode(!0))}));const i=Array.from(this.parentMenu.querySelectorAll("mg-menu-item:not([data-overflow-more])"));return Array.from(t.querySelectorAll("mg-menu-item:not([data-overflow-more])")).forEach(((t,s)=>{t.addEventListener("click",(()=>{i[s].shadowRoot.querySelector("a, button").click()})),""!==t.id.trim()&&(t.id=`${t.id}-proxy`),i[s].addEventListener("status-change",(i=>{t.setAttribute("status",i.detail)}))})),this.element},this.icon={icon:"ellipsis-vertical"},this.slotlabel={display:!1},this.size=void 0,this.parentMenu=void 0}validateIcon(t){if("object"!=typeof t||"object"==typeof t&&"string"!=typeof t.icon)throw new Error(`<${this.name}> prop "icon" must match MgItemMore['icon'] type.`)}validateSlotLabel(t){if("object"!=typeof t||"object"==typeof t&&"boolean"!=typeof t.display)throw new Error(`<${this.name}> prop "slotlabel" must match MgItemMore['slotlabel'] type.`);"string"!=typeof t.label&&(this.slotlabel.label=this.messages.moreLabel)}validateSize(t){if(t&&"string"!=typeof t)throw new Error(`<${this.name}> prop "size" must match MgItemMore['size'] type.`)}disconnectedCallback(){this.overflowBehavior.disconnect()}componentWillLoad(){this.messages=o(this.element).messages.plusMenu,this.parentMenu=this.element.closest("mg-menu"),this.menuItems=Array.from(this.parentMenu.children).filter((t=>"MG-MENU-ITEM"===t.nodeName)),this.validateIcon(this.icon),this.validateSlotLabel(this.slotlabel),this.validateSize(this.size)}componentDidLoad(){this.overflowBehavior=new r(this.parentMenu,this.renderMgMenuItemOverflowElement)}render(){return i(s,{role:"menuitem","aria-haspopup":"true"},i("mg-menu-item",{"data-overflow-more":!0,"data-size":this.parentMenu.size},i("mg-icon",{icon:this.icon.icon,slot:"image"}),i("span",{class:{"sr-only":!this.slotlabel.display},slot:"label"},this.slotlabel.label),i("mg-menu",{direction:h.VERTICAL,label:this.messages.moreLabel,size:this.size})))}get element(){return e(this)}static get watchers(){return{icon:["validateIcon"],slotlabel:["validateSlotLabel"],size:["validateSize"]}}};a.style=".sr-only{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){.mg-a11y-animation{animation:none !important;transition:none !important}}:host{display:flex}";export{a as mg_item_more}
|