@mgdis/mg-components 5.8.1 → 5.8.2
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 +1 -1
- package/dist/cjs/mg-components.cjs.js +1 -1
- package/dist/cjs/mg-item-more.cjs.entry.js +3 -2
- package/dist/collection/components/molecules/mg-item-more/mg-item-more.js +2 -1
- package/dist/components/mg-item-more.js +2 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/mg-action-more_31.entry.js +1 -1
- package/dist/esm/mg-components.js +2 -2
- package/dist/esm/mg-item-more.entry.js +3 -2
- package/dist/mg-components/mg-components.esm.js +1 -1
- package/dist/mg-components/{p-30bc87db.entry.js → p-0b68c4b4.entry.js} +1 -1
- package/dist/mg-components/{p-1221773c.entry.js → p-67ce7cb8.entry.js} +1 -1
- package/package.json +9 -14
- /package/dist/cjs/{index-5e7ede97.js → index-9e1091ab.js} +0 -0
- /package/dist/esm/{index-03cceb11.js → index-3249671d.js} +0 -0
- /package/dist/mg-components/{p-e126dd84.js → p-8fbc0d87.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as s,g as e}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-367f92d2.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}
|
package/package.json
CHANGED
|
@@ -1,12 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mgdis/mg-components",
|
|
3
|
-
"version": "5.8.
|
|
3
|
+
"version": "5.8.2",
|
|
4
4
|
"description": "MG Components",
|
|
5
|
-
"packageManager": "pnpm@7.17.1",
|
|
6
|
-
"engineStrict": true,
|
|
7
|
-
"engines": {
|
|
8
|
-
"pnpm": ">=7"
|
|
9
|
-
},
|
|
10
5
|
"main": "dist/index.cjs.js",
|
|
11
6
|
"module": "dist/index.js",
|
|
12
7
|
"es2015": "dist/esm/index.mjs",
|
|
@@ -59,21 +54,20 @@
|
|
|
59
54
|
"eslint-plugin-jsx-a11y": "^6.7.1",
|
|
60
55
|
"eslint-plugin-react": "^7.32.2",
|
|
61
56
|
"eslint-plugin-storybook": "^0.6.10",
|
|
62
|
-
"
|
|
63
|
-
"jest": "^26.6.3",
|
|
57
|
+
"jest": "^27.0.3",
|
|
64
58
|
"jest-cli": "^26.6.3",
|
|
65
59
|
"jest-image-snapshot": "^4.5.1",
|
|
66
|
-
"jest-junit": "^
|
|
60
|
+
"jest-junit": "^14.0.1",
|
|
67
61
|
"jsx-dom": "^8.0.4",
|
|
68
62
|
"npm-run-all": "^4.1.5",
|
|
69
|
-
"prettier": "^2.8.
|
|
63
|
+
"prettier": "^2.8.4",
|
|
70
64
|
"puppeteer": "^13.7.0",
|
|
71
65
|
"sass": "^1.58.0",
|
|
72
66
|
"sass-loader": "^10.4.1",
|
|
73
67
|
"style-loader": "^2.0.0",
|
|
74
68
|
"ts-node": "^10.9.1",
|
|
75
69
|
"turbo": "^1.8.1",
|
|
76
|
-
"typescript": "
|
|
70
|
+
"typescript": "^4.9.5"
|
|
77
71
|
},
|
|
78
72
|
"license": "BSD-3-Clause",
|
|
79
73
|
"scripts": {
|
|
@@ -86,11 +80,12 @@
|
|
|
86
80
|
"lint:prettier": "prettier --check **/*.{ts,tsx,scss,html,mdx,json}",
|
|
87
81
|
"lint:prettier:fix": "prettier --write **/*.{ts,tsx,scss,html,mdx,json}",
|
|
88
82
|
"test": "TZ=UTC stencil test --spec --e2e",
|
|
89
|
-
"test:unit": "TZ=UTC stencil test --spec --collectCoverage
|
|
83
|
+
"test:unit": "TZ=UTC stencil test --spec --collectCoverage",
|
|
90
84
|
"test:e2e": "stencil test --e2e",
|
|
91
|
-
"test
|
|
85
|
+
"test:watch": "stencil test --spec --e2e --watchAll",
|
|
92
86
|
"generate": "stencil generate",
|
|
93
87
|
"storybook": "NODE_OPTIONS=--openssl-legacy-provider start-storybook -p 6006",
|
|
94
|
-
"storybook:build": "NODE_OPTIONS=--openssl-legacy-provider build-storybook"
|
|
88
|
+
"storybook:build": "NODE_OPTIONS=--openssl-legacy-provider build-storybook",
|
|
89
|
+
"coverage": "TZ=UTC stencil test --spec --collectCoverage --reporters=\"default\" --reporters=\"jest-junit\""
|
|
95
90
|
}
|
|
96
91
|
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|