@momentum-ui/web-components 2.23.1 → 2.23.3
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/1439.js +1 -1
- package/dist/8004.js +1 -1
- package/dist/9217.js +1 -1
- package/dist/comp/md-coachmark-popover-entry.js +6 -6
- package/dist/comp/md-popover-entry.js +4 -4
- package/dist/comp/md-tabs-entry.js +1 -1
- package/dist/index-entry.js +6 -6
- package/dist/types/components/grabber/Grabber.d.ts +1 -1
- package/dist/types/components/popover/Popover.constants.d.ts +1 -0
- package/dist/types/components/popover/Popover.d.ts +28 -1
- package/dist/types/components/popover/Popover.stack.d.ts +10 -0
- package/dist/types/components/popover/Popover.types.d.ts +7 -1
- package/dist/types/components/tabs/Tabs.d.ts +1 -1
- package/dist/types/index.d.ts +2 -2
- package/dist/types/mixins/RovingTabIndexMixin.d.ts +1 -0
- package/package.json +1 -1
package/dist/index-entry.js
CHANGED
|
@@ -971,7 +971,7 @@
|
|
|
971
971
|
></span>
|
|
972
972
|
${this.step?this.ticksTemplate():d.nothing} ${this.hideValue?d.nothing:this.displayValueTemplate()}
|
|
973
973
|
</div>
|
|
974
|
-
`}};m([(0,l.property)({type:Number,reflect:!0})],e.prototype,"min",void 0),m([(0,l.property)({type:Number,reflect:!0})],e.prototype,"max",void 0),m([(0,l.property)({type:Boolean,attribute:"hide-value"})],e.prototype,"hideValue",void 0),m([(0,l.property)({type:Number,reflect:!0})],e.prototype,"now",null),m([(0,l.property)({type:Number})],e.prototype,"text",void 0),m([(0,l.property)({type:String})],e.prototype,"label",void 0),m([(0,l.property)({type:Number,reflect:!0})],e.prototype,"step",void 0),m([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),m([(0,l.internalProperty)()],e.prototype,"dragging",void 0),e=m([(0,n.w)("md-slider")],e),t.ELEMENT=e}(s||(s={}))},26991:(t,e,i)=>{i.r(e),i.d(e,{Accordion:()=>s.Accordion,AccordionItem:()=>o.AccordionItem,ActivityButton:()=>r.ActivityButton,AdvanceList:()=>n.AdvanceList,Alert:()=>l.Alert,AlertBanner:()=>a.AlertBanner,AudioPlayer:()=>d.AudioPlayer,Avatar:()=>h.Avatar,AvatarType:()=>p,Badge:()=>u.Badge,Breadcrumb:()=>m.Breadcrumb,Button:()=>b.Button,ButtonGroup:()=>y.ButtonGroup,Card:()=>f.Card,CardAi:()=>v.CardAi,CardV2:()=>g.CardV2,ChatMessage:()=>w.ChatMessage,Checkbox:()=>C.Checkbox,CheckboxGroup:()=>x.CheckboxGroup,Chip:()=>S.Chip,Coachmark:()=>E.Coachmark,CoachmarkPopover:()=>$.CoachmarkPopover,CodeEditor:()=>M,ComboBox:()=>D.ComboBox,CompositeAvatar:()=>c.CompositeAvatar,CountryCodePicker:()=>R.CountryCodePicker,DatePicker:()=>z.DatePicker,DatePickerCalendar:()=>F.DatePickerCalendar,DatePickerDay:()=>V.DatePickerDay,DatePickerMonth:()=>j.DatePickerMonth,DatePickerWeek:()=>N.DatePickerWeek,DateRangePicker:()=>_.DateRangePicker,DateTimePicker:()=>B.DateTimePicker,Draggable:()=>U.Draggable,DraggableItem:()=>q.DraggableItem,Dropdown:()=>H.Dropdown,EditableTextfield:()=>
|
|
974
|
+
`}};m([(0,l.property)({type:Number,reflect:!0})],e.prototype,"min",void 0),m([(0,l.property)({type:Number,reflect:!0})],e.prototype,"max",void 0),m([(0,l.property)({type:Boolean,attribute:"hide-value"})],e.prototype,"hideValue",void 0),m([(0,l.property)({type:Number,reflect:!0})],e.prototype,"now",null),m([(0,l.property)({type:Number})],e.prototype,"text",void 0),m([(0,l.property)({type:String})],e.prototype,"label",void 0),m([(0,l.property)({type:Number,reflect:!0})],e.prototype,"step",void 0),m([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),m([(0,l.internalProperty)()],e.prototype,"dragging",void 0),e=m([(0,n.w)("md-slider")],e),t.ELEMENT=e}(s||(s={}))},26991:(t,e,i)=>{i.r(e),i.d(e,{Accordion:()=>s.Accordion,AccordionItem:()=>o.AccordionItem,ActivityButton:()=>r.ActivityButton,AdvanceList:()=>n.AdvanceList,Alert:()=>l.Alert,AlertBanner:()=>a.AlertBanner,AudioPlayer:()=>d.AudioPlayer,Avatar:()=>h.Avatar,AvatarType:()=>p,Badge:()=>u.Badge,Breadcrumb:()=>m.Breadcrumb,Button:()=>b.Button,ButtonGroup:()=>y.ButtonGroup,Card:()=>f.Card,CardAi:()=>v.CardAi,CardV2:()=>g.CardV2,ChatMessage:()=>w.ChatMessage,Checkbox:()=>C.Checkbox,CheckboxGroup:()=>x.CheckboxGroup,Chip:()=>S.Chip,Coachmark:()=>E.Coachmark,CoachmarkPopover:()=>$.CoachmarkPopover,CodeEditor:()=>M,ComboBox:()=>D.ComboBox,CompositeAvatar:()=>c.CompositeAvatar,CountryCodePicker:()=>R.CountryCodePicker,DatePicker:()=>z.DatePicker,DatePickerCalendar:()=>F.DatePickerCalendar,DatePickerDay:()=>V.DatePickerDay,DatePickerMonth:()=>j.DatePickerMonth,DatePickerWeek:()=>N.DatePickerWeek,DateRangePicker:()=>_.DateRangePicker,DateTimePicker:()=>B.DateTimePicker,Draggable:()=>U.Draggable,DraggableItem:()=>q.DraggableItem,Dropdown:()=>H.Dropdown,EditableTextfield:()=>W.EditableTextfield,Favorite:()=>K.Favorite,FloatingButtonBar:()=>Z,FloatingMinimizedModal:()=>J.FloatingMinimizedModal,FloatingModal:()=>tt.FloatingModal,Form:()=>et.Form,Grabber:()=>it.Grabber,HelpText:()=>st.HelpText,Icon:()=>G.Icon,Input:()=>rt.Input,InputFile:()=>ot.InputFile,Label:()=>nt.Label,Link:()=>at.Link,List:()=>lt.List,ListItem:()=>dt.ListItem,Loading:()=>ht.Loading,MeetingAlert:()=>pt.MeetingAlert,Menu:()=>ut.Menu,MenuItem:()=>mt.MenuItem,MenuOverlay:()=>ct.MenuOverlay,Modal:()=>yt.Modal,Pagination:()=>bt.Pagination,PhoneInput:()=>vt.PhoneInput,Popover:()=>gt.Popover,PopoverController:()=>gt.PopoverController,ProgressBar:()=>ft.ProgressBar,Radio:()=>wt.Radio,RadioGroup:()=>Ct.RadioGroup,Slider:()=>xt.Slider,Spinner:()=>St.Spinner,Tab:()=>Tt.Tab,TabPanel:()=>kt.TabPanel,Table:()=>Et.Table,TableAdvanced:()=>$t.TableAdvanced,Tabs:()=>At.Tabs,TaskItem:()=>It.TaskItem,Theme:()=>Lt.Theme,ThemeManager:()=>Rt.ThemeManager,TimePicker:()=>Ot.TimePicker,ToggleSwitch:()=>Mt.ToggleSwitch,Tooltip:()=>Pt.Tooltip,iconUrlManager:()=>Dt.O,themeManager:()=>Rt.themeManager});var s=i(33328),o=i(6779),r=i(94891),n=i(28307),a=i(19479),l=i(74896),d=i(23779),h=i(38028);const p=["bot","group","self","typing",""];var c=i(2207),u=i(63704),m=i(92992),y=i(45629),b=i(96798),v=i(64311),g=i(90827),f=i(10654),w=i(95281),C=i(3664),x=i(55294),S=i(60046),$=i(29895),E=i(46312),T=i(3001),k=i(26272),A=i(45001),I=i.n(A),L=i(41488);const O=L.css`:host(md-code-editor) .md-code-editor{background:#091e26;border-radius:.25rem;color:#fff;min-height:18.75rem;overflow:hidden}:host(md-code-editor) .md-code-editor-header{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;background:#092d3b;flex:0 0 auto;font-size:14px;padding:.625rem}:host(md-code-editor) .md-code-editor-name{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center}:host(md-code-editor) .md-code-editor md-badge::part(badge){border-radius:.25rem;height:1.25rem;margin-right:.625rem;padding:.25rem .375rem;text-transform:capitalize}:host(md-code-editor) .md-code-editor-copy{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;line-height:1}:host(md-code-editor) .md-code-editor-copy-btn::part(button){background:0 0;color:#00a0d1;margin-left:.625rem}:host(md-code-editor) .md-code-editor-copy-btn[disabled]{cursor:not-allowed;opacity:.5}:host(md-code-editor) .hljs-comment,:host(md-code-editor) .hljs-quote{color:#ffecc2}:host(md-code-editor) .hljs-deletion,:host(md-code-editor) .hljs-name,:host(md-code-editor) .hljs-regexp,:host(md-code-editor) .hljs-selector-class,:host(md-code-editor) .hljs-selector-id,:host(md-code-editor) .hljs-tag,:host(md-code-editor) .hljs-template-variable,:host(md-code-editor) .hljs-variable{color:#ff9d52}:host(md-code-editor) .hljs-built_in,:host(md-code-editor) .hljs-builtin-name,:host(md-code-editor) .hljs-link,:host(md-code-editor) .hljs-literal,:host(md-code-editor) .hljs-meta,:host(md-code-editor) .hljs-number,:host(md-code-editor) .hljs-params,:host(md-code-editor) .hljs-type{color:#fc9d03}:host(md-code-editor) .hljs-attribute{color:#ebd460}:host(md-code-editor) .hljs-addition,:host(md-code-editor) .hljs-bullet,:host(md-code-editor) .hljs-string,:host(md-code-editor) .hljs-symbol{color:#93c437}:host(md-code-editor) .hljs-section,:host(md-code-editor) .hljs-title{color:#22c7d6}:host(md-code-editor) .hljs-keyword,:host(md-code-editor) .hljs-selector-tag{color:#f0e3fc}:host(md-code-editor) .hljs{background:rgba(0,0,0,0);color:#dedede;display:block;overflow-x:auto;padding:.5em}:host(md-code-editor) .hljs-emphasis{font-style:italic}:host(md-code-editor) .hljs-strong{font-weight:700}@media screen and (forced-colors:active){:host(md-code-editor) .hljs-addition,:host(md-code-editor) .hljs-attribute,:host(md-code-editor) .hljs-built_in,:host(md-code-editor) .hljs-builtin-name,:host(md-code-editor) .hljs-bullet,:host(md-code-editor) .hljs-comment,:host(md-code-editor) .hljs-link,:host(md-code-editor) .hljs-literal,:host(md-code-editor) .hljs-meta,:host(md-code-editor) .hljs-number,:host(md-code-editor) .hljs-params,:host(md-code-editor) .hljs-quote,:host(md-code-editor) .hljs-string,:host(md-code-editor) .hljs-symbol,:host(md-code-editor) .hljs-type{color:highlight}:host(md-code-editor) .hljs-keyword,:host(md-code-editor) .hljs-selector-tag{font-weight:700}}@media(forced-colors:active){:host(md-code-editor) .md-code-editor{outline:1px solid CanvasText}:host(md-code-editor) .md-code-editor-header{outline:1px solid CanvasText}}`;var M,P=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends L.LitElement{constructor(){super(...arguments),this.copyLocalization="cURL",this.copiedLocalization="Copied",this.method="get",this.acceptLanguage="javascript",this.url="javascript",this.disableCopyButton=!0,this.acceptTypes="",this.copied=!1}static get styles(){return[k.A,O]}handleSlotChange(){if(this.slotNodes&&this.slotNodes.length){const t=this.slotNodes.find((t=>"CODE"===t.tagName));if(t){const e=t.textContent;e&&this.highlightBlock(e)}}}handleUrlSlotChange(){if(this.copied=!1,this.slotUrl&&this.slotUrl.length){const t=this.slotUrl.find((t=>t));if(t){const e=t.textContent;e&&this.copyUrl(e)}}}highlightBlock(t){t&&(this.codeBlock.innerText=t),I().highlightElement(this.codeBlock)}copyUrl(t){this.codeUrl.innerText=t,this.disableCopyButton=!1}copyClipboard(){this.disableCopyButton||this.selectTarget(this.codeUrl)}copyText(){try{document.execCommand("copy"),this.copied=!0}catch(t){console.warn("Copy text failed"),this.copied=!1}}select(t){const e=window.getSelection(),i=document.createRange();i.selectNodeContents(t),e&&(e.removeAllRanges(),e.addRange(i))}selectTarget(t){this.select(t),this.copyText()}importLanguage(t){return e=this,s=void 0,r=function*(){try{const{default:e}=yield i(29599)(`./${t}`);I().registerLanguage(`${t}`,e),this.setAcceptTypes()}catch(t){console.warn("Please set correct language name")}},new((o=void 0)||(o=Promise))((function(t,i){function n(t){try{l(r.next(t))}catch(t){i(t)}}function a(t){try{l(r.throw(t))}catch(t){i(t)}}function l(e){var i;e.done?t(e.value):(i=e.value,i instanceof o?i:new o((function(t){t(i)}))).then(n,a)}l((r=r.apply(e,s||[])).next())}));var e,s,o,r}getAllAcceptTypes(){const t=I().listLanguages();return t.length?t.map((t=>I().getLanguage(`${t}`).aliases)).map((t=>t.map((t=>`.${t}`)))).join(","):""}setAcceptTypes(){this.acceptTypes=this.getAllAcceptTypes()}updated(t){super.updated(t),t.has("acceptLanguage")&&this.importLanguage(this.acceptLanguage),t.has("acceptTypes")&&this.highlightBlock()}render(){return L.html`
|
|
975
975
|
<div class="md-code-editor" part="code-editor">
|
|
976
976
|
<div class="md-code-editor-header">
|
|
977
977
|
<div class="md-code-editor-name">
|
|
@@ -1004,7 +1004,7 @@
|
|
|
1004
1004
|
</pre>
|
|
1005
1005
|
</div>
|
|
1006
1006
|
</div>
|
|
1007
|
-
`}};P([(0,L.property)({type:String})],e.prototype,"copyLocalization",void 0),P([(0,L.property)({type:String})],e.prototype,"copiedLocalization",void 0),P([(0,L.property)({type:String})],e.prototype,"method",void 0),P([(0,L.property)({type:String,attribute:"accept-language"})],e.prototype,"acceptLanguage",void 0),P([(0,L.property)({type:String})],e.prototype,"url",void 0),P([(0,L.query)("input[type='file']")],e.prototype,"input",void 0),P([(0,L.query)(".md-code-editor-code-block")],e.prototype,"codeBlock",void 0),P([(0,L.query)(".md-code-editor-url")],e.prototype,"codeUrl",void 0),P([(0,L.internalProperty)()],e.prototype,"disableCopyButton",void 0),P([(0,L.internalProperty)()],e.prototype,"acceptTypes",void 0),P([(0,L.internalProperty)()],e.prototype,"copied",void 0),P([(0,L.queryAssignedNodes)("code-block")],e.prototype,"slotNodes",void 0),P([(0,L.queryAssignedNodes)("code-url")],e.prototype,"slotUrl",void 0),e=P([(0,T.wW)("md-code-editor")],e),t.ELEMENT=e}(M||(M={}));var D=i(4928),R=i(18224),_=i(69494),B=i(85416),z=i(38654),F=i(63208),V=i(16754),j=i(17814),N=i(10984),U=i(80072),q=i(24627),H=i(23184),
|
|
1007
|
+
`}};P([(0,L.property)({type:String})],e.prototype,"copyLocalization",void 0),P([(0,L.property)({type:String})],e.prototype,"copiedLocalization",void 0),P([(0,L.property)({type:String})],e.prototype,"method",void 0),P([(0,L.property)({type:String,attribute:"accept-language"})],e.prototype,"acceptLanguage",void 0),P([(0,L.property)({type:String})],e.prototype,"url",void 0),P([(0,L.query)("input[type='file']")],e.prototype,"input",void 0),P([(0,L.query)(".md-code-editor-code-block")],e.prototype,"codeBlock",void 0),P([(0,L.query)(".md-code-editor-url")],e.prototype,"codeUrl",void 0),P([(0,L.internalProperty)()],e.prototype,"disableCopyButton",void 0),P([(0,L.internalProperty)()],e.prototype,"acceptTypes",void 0),P([(0,L.internalProperty)()],e.prototype,"copied",void 0),P([(0,L.queryAssignedNodes)("code-block")],e.prototype,"slotNodes",void 0),P([(0,L.queryAssignedNodes)("code-url")],e.prototype,"slotUrl",void 0),e=P([(0,T.wW)("md-code-editor")],e),t.ELEMENT=e}(M||(M={}));var D=i(4928),R=i(18224),_=i(69494),B=i(85416),z=i(38654),F=i(63208),V=i(16754),j=i(17814),N=i(10984),U=i(80072),q=i(24627),H=i(23184),W=i(50565),K=i(99850),G=i(61200),Y=i(40333);const X=L.css`:host{display:flex;align-items:center;height:1.75rem;border-radius:1.5625rem;background-color:var(--floating-button-bar-bg-color);box-shadow:var(--md-elevation-1);padding:.25rem .5rem;gap:.5rem;flex:1}.button{display:inline-flex;align-items:center;justify-content:center}.cancel{color:var(--floating-button-bar-secondary-color)}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.label.primary{font-family:var(--brand-font-medium);color:var(--floating-button-bar-primary-color);flex:1;min-width:0;justify-content:center}.label.secondary{color:var(--floating-button-bar-secondary-color);flex:1}.separator{width:1px;height:.75rem;background-color:var(--floating-button-bar-secondary-color)}`;var Q=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};let Z=class extends L.LitElement{constructor(){super(...arguments),this.leadingLabel="",this.closeButtonAriaLabel="",this.showCloseButton=!0,this.actions=[]}static get styles(){return[X]}onCancelButttonAction(){this.dispatchEvent(new CustomEvent("cancel-button-action",{composed:!0,bubbles:!0}))}get closeButtonTemplate(){return L.html`
|
|
1008
1008
|
<md-button
|
|
1009
1009
|
class="button cancel"
|
|
1010
1010
|
circle
|
|
@@ -1365,7 +1365,7 @@
|
|
|
1365
1365
|
${this.finalTwentyFourFormat?d.nothing:this.generateAmPmComboBox()}
|
|
1366
1366
|
</div>
|
|
1367
1367
|
</div>
|
|
1368
|
-
`}};m([(0,l.property)({type:Boolean,attribute:"two-digit-auto-tab"})],e.prototype,"twoDigitAutoTab",void 0),m([(0,l.property)({type:Boolean,attribute:"twenty-four-hour-format",reflect:!0})],e.prototype,"twentyFourHourFormat",void 0),m([(0,l.property)({type:String})],e.prototype,"timeSpecificity",void 0),m([(0,l.property)({type:String})],e.prototype,"locale",void 0),m([(0,l.property)({type:String,reflect:!0})],e.prototype,"value",void 0),m([(0,l.internalProperty)()],e.prototype,"finalTwentyFourFormat",void 0),m([(0,l.internalProperty)()],e.prototype,"timeObject",void 0),m([(0,l.internalProperty)()],e.prototype,"tabNext",void 0),m([(0,l.internalProperty)()],e.prototype,"timeValue",void 0),m([(0,l.internalProperty)()],e.prototype,"timeValidity",void 0),e=m([(0,o.w)("md-timepicker")],e),t.ELEMENT=e}(g||(g={}))},50226:(t,e,i)=>{i.d(e,{Tabs:()=>L}),i(61200),i(11323),i(83192);var s=i(90195),o=i(3001),r=i(66677),n=i(59164),a=i(26272),l=i(41488),d=i(40333),h=i(23968),p=i(22818),c=i(8229),u=i(19239),m=i(41891),y=i.n(m),b=i(97103),v=i(30076),g=i(16643),f=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n},w=function(t,e,i,s){return new(i||(i=Promise))((function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(n,a)}l((s=s.apply(t,e||[])).next())}))};const C="tab-more",x="more-menu-copy-",S="visibleToVisible",$="visibleToHidden",E="hiddenToVisible",T="hiddenToHidden",k="previous",A="next",I="fromMoreTabs";var L;!function(t){let e=class extends((0,o.UM)((0,o.Io)((0,o.TS)(l.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.hugTabs=!1,this.overflowLabel="More Tabs",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this._selectedIndex=0,this.animation=100,this.ghostClass="",this.chosenClass="",this.forceFallback=!1,this.fallbackClass="",this.tabsId="",this.persistSelection=!1,this.compUniqueId="",this.type="line",this.newMomentum=!1,this.variant="ghost",this.scrollArrow=!1,this.leftArrowAriaLabel="Backward Button",this.rightArrowAriaLabel="Forward Button",this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1,this.isMoreTabMenuOpen=!1,this.isMoreTabMenuSelected=!1,this.isMoreTabMenuScrollable=!1,this.moreTabMenuOffsetWidth=0,this.moreTabMenuMaxHeight=null,this.tabsViewportDataList=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.noTabsVisible=!1,this.defaultTabsOrderArray=[],this.tabsOrderPrefsArray=[],this.isMoreTabTruncated=!1,this.showLeftArrow=!1,this.showRightArrow=!1,this.tabs=[],this.panels=[],this.tabsCopy=[],this.tabsHash={},this.tabsCopyHash={},this.tabsIdxHash={},this.tabsVisibleIdxHash={},this.tabsHiddenIdxHash={},this.visibleTabsSortableInstance=null,this.hiddenTabsSortableInstance=null,this.updateArrowsVisibility=()=>{this.tabsListElement&&requestAnimationFrame((()=>{const{scrollLeft:t,scrollWidth:e,clientWidth:i}=this.tabsListElement;this.showLeftArrow=t>0,this.showRightArrow=t+i<e-5}))},this.handleOnDragEnd=t=>w(this,void 0,void 0,(function*(){var e,i,s,o,r,n,a,l,d,h;t.stopPropagation();const p=t.oldIndex,c=t.newIndex,u=[...this.tabsFilteredAsVisibleList],m=[...this.tabsFilteredAsHiddenList],y=this.getDragDirection(t);if(void 0!==p&&void 0!==c){switch(y){case $:{null===(i=null===(e=this.hiddenTabsContainerElement)||void 0===e?void 0:e.querySelector("#"+t.item.id))||void 0===i||i.remove();const s=u[p],o=m.slice(-1)[0],r=c===this.tabsFilteredAsHiddenList.length?c-1:c;m.splice(r,0,s),m.pop();const n=u.filter((e=>e.id!==this.getNormalizedTabId(t.item.id)));n.push(o),this.tabsFilteredAsVisibleList=[...n],this.tabsFilteredAsHiddenList=[...m];break}case S:{const t=u[p];u.splice(p,1),u.splice(c,0,t),this.tabsFilteredAsVisibleList=u,c===this.tabsFilteredAsVisibleList.length-1&&(null===(o=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[this.visibleTabsContainerElement.children.length-1])||void 0===o||o.remove());const e=this.visibleTabsContainerElement.children[p],i=this.visibleTabsContainerElement.children[c];if(!e||!i)return;null===(r=this.visibleTabsContainerElement)||void 0===r||r.replaceChild(i,e),null===(n=this.visibleTabsContainerElement)||void 0===n||n.insertBefore(e,i);break}case E:{null===(l=null===(a=this.visibleTabsContainerElement)||void 0===a?void 0:a.querySelector("#"+t.item.id))||void 0===l||l.remove();const e=m[p],i=u.slice(-1)[0];m.splice(p,1),m.splice(0,0,i);const s=c===this.tabsFilteredAsVisibleList.length?c-1:c;u.splice(s,0,e),u.pop(),this.tabsFilteredAsVisibleList=u,this.tabsFilteredAsHiddenList=m;break}case T:{const t=m[p];m.splice(p,1),m.splice(c,0,t),this.tabsFilteredAsHiddenList=m,c===this.tabsFilteredAsHiddenList.length-1&&(null===(h=null===(d=this.hiddenTabsContainerElement)||void 0===d?void 0:d.children[this.hiddenTabsContainerElement.children.length-1])||void 0===h||h.remove());break}}if(this.compUniqueId){const t=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],e=t.findIndex((t=>t.selected));this.storeSelectedTabIndex(e),this.tabsOrderPrefsArray=t.map((t=>t.name)),localStorage.setItem(this.compUniqueId,this.tabsOrderPrefsArray.join(","))}}}))}get selectedIndex(){return this._selectedIndex}set selectedIndex(t){this._selectedIndex=t}generateOptions(){return{group:"shared",animation:10,swapThreshold:1,draggable:"md-tab",direction:this.direction,forceFallback:this.forceFallback,fallbackClass:this.fallbackClass,ghostClass:this.ghostClass,chosenClass:this.chosenClass,onEnd:this.handleOnDragEnd}}get currentTabsLayout(){return"horizontal"!==this.direction||this.scrollArrow?this.tabs:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList]}getCopyTabId(t){var e;return(null===(e=t.id)||void 0===e?void 0:e.startsWith(x))?`${x}${t.id}`:t.id}getAriaControlId(t){var e,i;return(null===(e=t.id)||void 0===e?void 0:e.startsWith(x))?`${x}${t.id}`:"tab_panel_"+(null===(i=t.id)||void 0===i?void 0:i.substring(4))}getTabIndex(t){var e,i;return this.isMoreTabMenuVisible&&0===this.getCurrentIndex(null==t?void 0:t.id)&&this.selected>(null===(e=this.tabsFilteredAsVisibleList)||void 0===e?void 0:e.length)-1||(null===(i=this.tabsFilteredAsVisibleList[this.selected])||void 0===i?void 0:i.id)===t.id?0:-1}getNormalizedTabId(t){return t.replace(x,"")}static get styles(){return[a.A,v.A]}ensureTabsUpdateComplete(t){return w(this,void 0,void 0,(function*(){const e=t.map((t=>void 0!==t.updateComplete?t.updateComplete:null)).filter((t=>null!==t));e.length&&(yield Promise.all(e))}))}measureTabsOffsetWidth(){return this.justified||"vertical"===this.direction?this.tabs.map((t=>{t.setAttribute("measuringrealwidth","");const e=t.closable?t.offsetWidth+g.TAB_CROSS_WIDTH:t.offsetWidth;return t.removeAttribute("measuringrealwidth"),e})):this.tabs.map((t=>t.closable?t.offsetWidth+g.TAB_CROSS_WIDTH:t.offsetWidth))}updateIsMoreTabTruncated(){var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".md-menu-overlay__overflow-label");if(e){const t=e.scrollWidth>e.clientWidth;this.isMoreTabTruncated!=t&&(this.isMoreTabTruncated=t)}}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map((t=>t.offsetHeight))}manageOverflow(){return w(this,void 0,void 0,(function*(){var t,e;if("vertical"!==this.direction&&!this.scrollArrow){let i;i=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length?[...this.tabs]:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],i.forEach((t=>{var e,i,s,o,r;if((null===(e=t.children)||void 0===e?void 0:e.length)&&0===(null===(s=null===(i=t.children[0])||void 0===i?void 0:i.children)||void 0===s?void 0:s.length)){const e=null===(o=null==t?void 0:t.querySelector("slot"))||void 0===o?void 0:o.assignedNodes({flatten:!0})[0].cloneNode(!0);e&&(e.classList.add("tab-content"),null===(r=null==t?void 0:t.children[0])||void 0===r||r.appendChild(e))}}));const s=i.length;if(this.tabsListElement&&s){const o=(null===(t=this.tabsSettingsElement)||void 0===t?void 0:t.offsetWidth)?this.tabsListElement.offsetWidth-(null===(e=this.tabsSettingsElement)||void 0===e?void 0:e.offsetWidth):this.tabsListElement.offsetWidth;yield this.ensureTabsUpdateComplete(this.tabs);const r=this.measureTabsOffsetWidth(),n=i.reduce(((t,e,i)=>t+r[i]),0);if(n){yield this.setupMoreTab();let t=!0;o<n&&(t=!1);const e=[];let a=0;i.forEach(((i,n)=>{a+=r[n];const l=!t&&a+(n<s-1?this.moreTabMenuOffsetWidth:0)>o;e.push({isTabInViewportHidden:l,tabOffsetWidth:r[n]})})),this.tabsViewportDataList=e,this.tabsViewportDataList.forEach(((t,e)=>this.tabs[e].viewportHidden=t.isTabInViewportHidden)),this.isMoreTabMenuVisible=!!this.tabsViewportDataList.find((t=>t.isTabInViewportHidden)),this.tabsFilteredAsVisibleList=i.filter(((t,e)=>!this.tabsViewportDataList[e].isTabInViewportHidden)),this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((t,e,i)=>(t[e.id]=i,t)),{}),this.tabsFilteredAsHiddenList=i.filter(((t,e)=>this.tabsViewportDataList[e].isTabInViewportHidden)),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((t,e,i)=>(t[e.id]=i,t)),{})}}this.updateIsMoreTabMenuSelected();const o=this.tabsFilteredAsHiddenList.find((t=>!t.disabled));this.updateHiddenIdPositiveTabIndex(o)}}))}updateIsMoreTabMenuSelected(){this.isMoreTabMenuSelected=!!this.tabsFilteredAsHiddenList.find((t=>t.selected))}updateHiddenIdPositiveTabIndex(t){this.tabHiddenIdPositiveTabIndex=t?t.id:void 0}sortTabsAndPanes(){if(!this.tabsOrderPrefsArray.length)return;const t=(t,e)=>{var i,s;const o=null!==(i=t.getAttribute("name"))&&void 0!==i?i:"",r=null!==(s=e.getAttribute("name"))&&void 0!==s?s:"";return this.tabsOrderPrefsArray.indexOf(o)-this.tabsOrderPrefsArray.indexOf(r)};this.tabs.sort(t),this.panels.sort(t)}linkPanelsAndTabs(){return w(this,void 0,void 0,(function*(){this.sortTabsAndPanes();const{tabs:t,panels:e}=this;if(0===t.length||0===e.length)return void console.warn("The tabs or panels count should't be equal zero.");t.length!==e.length&&console.warn(`The amount of tabs (${t.length}) doesn't match the amount of panels (${e.length}).`);const i="vertical"===this.direction;t.forEach(((t,s)=>{const o=(0,n.O)("tabs"),r="tab_"+o,a="tab_panel_"+o;t.setAttribute("id",r),t.setAttribute("aria-controls",a),t.selected=this.selected===s,t.newMomentum=this.newMomentum,t.type=this.type,t.variant=this.variant,this.scrollArrow&&(t.visibleTab=!0),t.vertical!==i&&(t.vertical=i),t.viewportHidden&&(i||this.scrollArrow)&&(t.viewportHidden=!1);const l=e[s];l?(l.setAttribute("id",a),l.setAttribute("aria-labelledby",r),l.selected=this.selected===s,t.disabled&&(l.hidden=!0,l.selected=!1)):t.disabled=!0}));let s=this.selected;for(;s<t.length&&t[s].disabled;)s++;s=s===t.length?0:s,t[s].selected=!0,e[s].selected=!0,this.tabsHash=this.tabs.reduce(((t,e)=>(t[e.id]=e,t)),{}),this.tabsIdxHash=this.tabs.reduce(((t,e,i)=>(t[e.id]=i,t)),{})}))}get slotItem(){return this.tabSlotElement}filterSlotted(){return this.tabSlotElement.assignedElements()}handleResize(t){var e;null===(e=super.handleResize)||void 0===e||e.call(this,t),this.manageOverflow(),this.updateIsMoreTabTruncated(),this.scrollArrow&&this.updateArrowsVisibility()}getDragDirection(t){return t.from===this.visibleTabsContainerElement&&t.to===this.hiddenTabsContainerElement?$:t.from===this.visibleTabsContainerElement&&t.to===this.visibleTabsContainerElement?S:t.from===this.hiddenTabsContainerElement&&t.to===this.visibleTabsContainerElement?E:t.from===this.hiddenTabsContainerElement&&t.to===this.hiddenTabsContainerElement?T:void 0}makeTabCopyFocus(t){t&&t.focus()}handleTabClick(t){const{id:e}=t.detail;this.handleNewSelectedTab(e)}handleNewSelectedTab(t){const e=this.tabsHash[this.getNormalizedTabId(t)];if(e&&!e.disabled){const t=this.tabsIdxHash[e.id];-1!==t&&this.updateSelectedTab(t);{const t=this.tabsCopyHash[this.getCopyTabId(e)];t&&this.makeTabCopyFocus(t),this.updateHiddenIdPositiveTabIndex(e)}}}handleTabCrossClick(t){const{id:e}=t.detail;this.handleTabCloseEvent(e)}handleTabCloseClick(t){const{id:e}=t.detail;this.handleTabCloseEvent(e)}handleTabCloseEvent(t){var e,i;const s=this.tabsHash[this.getNormalizedTabId(t)];if(s&&!s.disabled&&("auto"===s.closable||"custom"===s.closable)){const s=this.tabsFilteredAsVisibleList.findIndex((e=>this.getNormalizedTabId(e.id)===this.getNormalizedTabId(t)));this.tabsFilteredAsVisibleList=this.tabsFilteredAsVisibleList.filter((e=>this.getNormalizedTabId(e.id)!==this.getNormalizedTabId(t))),null===(i=null===(e=this.visibleTabsContainerElement)||void 0===e?void 0:e.querySelector("#"+t))||void 0===i||i.remove(),0!==this.tabsFilteredAsHiddenList.length&&(this.tabsFilteredAsVisibleList.push(this.tabsFilteredAsHiddenList[0]),this.tabsFilteredAsHiddenList.splice(0,1)),0===this.tabsFilteredAsHiddenList.length&&(this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1),this.handleUpdatedSeletedTabAfterCross(s)}}handleUpdatedSeletedTabAfterCross(t){var e;let i=t;for(;i<this.tabsFilteredAsVisibleList.length&&(null===(e=this.tabsFilteredAsVisibleList[i])||void 0===e?void 0:e.disabled);)i++;if(void 0===this.tabsFilteredAsVisibleList[i]||t===this.tabsFilteredAsVisibleList.length)for(i=t-1;i>=0&&this.tabsFilteredAsVisibleList[i].disabled;)i--;if(-1!==i){const t=this.tabs.findIndex((t=>t.id===this.tabsFilteredAsVisibleList[i].id));this.updateSelectedTab(t)}else this.updateSelectedTab(i);this.noTabsVisible=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length,this.requestUpdate()}setSelectedAttribute(t,e,i=!1){e&&(e.selected=i),t&&(t.selected=i,i&&(this.isMoreTabMenuSelected=this.isTabInMoreMenu(t)),this.isTabInMoreMenu(t)&&(this.isMoreTabMenuSelected=!0))}isTabInMoreMenu(t){return void 0!==this.tabsFilteredAsHiddenList.find((e=>e.id===t.id))}updateSelectedTab(t){const{tabs:e,panels:i}=this,s=this.tabs.findIndex((t=>t.hasAttribute("selected")));if(e&&i&&(this.setSelectedAttribute((0,r.Qx)(e,s),(0,r.Qx)(i,s),!1),this.setSelectedAttribute((0,r.Qx)(e,t),(0,r.Qx)(i,t),!0)),t>=0){this.dispatchSelectedChangedEvent(t);const i=this.currentTabsLayout.findIndex((i=>i.id===e[t].id));this.changeSelectedTabIdx(i)}}dispatchSelectedChangedEvent(t){const e=this.currentTabsLayout,i=this.tabs[t].id,s=e.findIndex((t=>t.id===i)),o=[];e.forEach((t=>{o.push(t.name)})),this.dispatchEvent(new CustomEvent("selected-changed",{detail:{value:s,tabsOrder:o},composed:!0,bubbles:!0}))}changeSelectedTabIdx(t){this.requestUpdate(),this.selected=t,this.updateComplete.then((()=>{var e,i;if(t<this.tabsFilteredAsVisibleList.length){const t=null===(e=this.visibleTabsContainerElement)||void 0===e?void 0:e.children[this.selected];null==t||t.focus()}else{const t=this.selected-this.tabsFilteredAsVisibleList.length,e=null===(i=this.hiddenTabsContainerElement)||void 0===i?void 0:i.children[t];this.moveFocusToTab(e);const s=this.tabsFilteredAsHiddenList[t];(null==s?void 0:s.disabled)||this.updateHiddenIdPositiveTabIndex(s)}})),this.updateIsMoreTabMenuSelected(),this.storeSelectedTabIndex(t)}storeSelectedTabIndex(t){this.persistSelection&&this.tabsId&&t>-1&&""!==this.tabsId.trim()&&sessionStorage.setItem(this.tabsId,`${t}`)}getCurrentIndex(t){var e,i,s;if(this.scrollArrow){const e=this.tabs.length;for(let i=0;i<e;i++)if(this.tabs[i].id===t)return i}const o=null!==(i=null===(e=this.visibleTabsContainerElement)||void 0===e?void 0:e.children.length)&&void 0!==i?i:0;for(let e=0;e<o;e++)if((null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[e].id)===t)return e;return this.tabsVisibleIdxHash[t]}moveFocusToAdjacentTab(t,e){var i,s,o;const r=this.getCurrentIndex(t),n=this.slotItem.assignedElements();let a=0;if(this.scrollArrow){e===k?a=0===r?n.length-1:r-1:e===A&&(a=r===n.length-1?0:r+1),this.moveFocusToTab(n[a]);const t=n[a],s=t.getBoundingClientRect(),o=null===(i=this.tabsListElement)||void 0===i?void 0:i.getBoundingClientRect();return o&&(s.left>=o.left&&s.right<=o.right&&s.top>=o.top&&s.bottom<=o.bottom||t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})),this.updateArrowsVisibility(),void(0,b.setTimeout)((()=>this.moveFocusToTab(n[a])),0)}const l=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children,d=null!==(o=null==l?void 0:l.length)&&void 0!==o?o:0;l&&0!==d&&(e===k?a=0===r?d-1:r-1:e===A?a=r===d-1?0:r+1:e===I&&(a=this.selected>=d?0:this.selected),this.moveFocusToTab(l[a]))}moveFocusToTab(t){(0,b.setTimeout)((()=>null==t?void 0:t.focus()),0)}handleOverlayClose(){(0,b.setTimeout)((()=>{this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)}),0)}dispatchKeydownEvent(t,e){e&&this.dispatchEvent(new CustomEvent("tab-keydown",{detail:{id:e,key:t.code,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,srcEvent:t},bubbles:!0,composed:!0}))}handleTabKeydown(t){var e,i,o,r,n,a,l;const d=t.target;if(t.target!=this&&!this.tabs.find((t=>t.id===(null==d?void 0:d.id))))return!1;let h;if((null===(e=t.composedPath())||void 0===e?void 0:e.length)>0?h=t.composedPath()[0].id:t.originalTarget&&(h=t.originalTarget.id),!h)return;const p=this.getNormalizedTabId(h);this.dispatchKeydownEvent(t,p);const c=t.code,{shiftKey:u}=t,m=!!this.isMoreTabMenuVisible&&p===C,y=m&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(p)],b=!this.isMoreTabMenuVisible||y&&this.tabsVisibleIdxHash[y.id]>-1,v=!!this.isMoreTabMenuVisible&&y&&this.tabsHiddenIdxHash[y.id]>-1,g=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,f=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,w=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(c){case s.Uz.Tab:m&&!this.isMoreTabMenuOpen&&u&&(t.preventDefault(),this.moveFocusToAdjacentTab(h,I));break;case s.Uz.End:m||(b?(t.preventDefault(),this.moveFocusToTab(null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[(null===(o=this.tabsFilteredAsVisibleList)||void 0===o?void 0:o.length)-1])):this.isMoreTabMenuOpen&&(t.preventDefault(),this.moveFocusToTab(null===(r=this.hiddenTabsContainerElement)||void 0===r?void 0:r.children[(null===(n=this.tabsFilteredAsHiddenList)||void 0===n?void 0:n.length)-1])));break;case s.Uz.Home:b?(t.preventDefault(),this.moveFocusToTab(null===(a=this.visibleTabsContainerElement)||void 0===a?void 0:a.children[0])):this.isMoreTabMenuOpen&&(t.preventDefault(),this.moveFocusToTab(null===(l=this.hiddenTabsContainerElement)||void 0===l?void 0:l.children[0]));break;case s.Uz.ArrowLeft:m||(b||this.scrollArrow)&&(t.stopPropagation(),this.moveFocusToAdjacentTab(h,k));break;case s.Uz.ArrowRight:m||(b||this.scrollArrow)&&(t.stopPropagation(),this.moveFocusToAdjacentTab(h,A));break;case s.Uz.ArrowUp:if(m);else if(b&&"vertical"===this.direction)t.preventDefault(),this.changeSelectedTabIdx(0===this.selected?g:this.selected-1);else if(v){t.preventDefault();const e=this.selected===f?w:this.selected-1;this.changeSelectedTabIdx(e)}break;case s.Uz.ArrowDown:if(m);else if(b&&"vertical"===this.direction)t.preventDefault(),this.changeSelectedTabIdx(this.selected===g?0:this.selected+1);else if(v){t.preventDefault();const e=this.selected===w?f:this.selected+1;this.changeSelectedTabIdx(e)}break;case s.Uz.Enter:case s.Uz.NumpadEnter:case s.Uz.Space:if(m){const t=this.tabsFilteredAsHiddenList.filter((t=>!t.disabled)),e=t.length?t.find((t=>t.selected))||t[0]:void 0;if(this.updateHiddenIdPositiveTabIndex(e),e){const t=this.tabsIdxHash[this.getNormalizedTabId(e.id)];-1!==t&&this.updateSelectedTab(t)}}else if(y&&!y.disabled){const e=this.tabsIdxHash[this.getNormalizedTabId(y.id)];-1!==e&&(t.preventDefault(),this.updateSelectedTab(e))}}}setupTabsEvents(){this.addEventListener("tab-click",this.handleTabClick),this.addEventListener("tab-cross-click",this.handleTabCrossClick),this.addEventListener("tab-close-click",this.handleTabCloseClick),this.addEventListener("keydown",this.handleTabKeydown),this.addEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}teardownTabsEvents(){this.removeEventListener("tab-click",this.handleTabClick),this.removeEventListener("tab-cross-click",this.handleTabCrossClick),this.removeEventListener("tab-close-click",this.handleTabCloseClick),this.removeEventListener("keydown",this.handleTabKeydown),this.removeEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}clearTabOrderPrefs(t){const{compUniqueId:e}=t.detail;e===this.compUniqueId&&(localStorage.removeItem(this.tabsId),sessionStorage.removeItem(this.tabsId),localStorage.removeItem(this.compUniqueId),this.tabsOrderPrefsArray=this.defaultTabsOrderArray,this.selected=0,this.initializeTabs(),this.dispatchSelectedChangedEvent(0))}setupPanelsAndTabs(){this.tabSlotElement&&(this.tabs=this.tabSlotElement.assignedElements()),this.panelSlotElement&&(this.panels=this.panelSlotElement.assignedElements()),this.defaultTabsOrderArray=this.tabs.map((t=>t.name))}setupMoreTab(){return w(this,void 0,void 0,(function*(){"vertical"!==this.direction&&this.moreTabMenuElement&&!this.isMoreTabMenuMeasured&&(this.moreTabMenuElement.classList.add("md-menu-overlay__more_tab--measuring"),yield this.moreTabMenuElement.updateComplete,this.moreTabMenuElement.offsetWidth&&(this.moreTabMenuOffsetWidth=this.moreTabMenuElement.offsetWidth,this.isMoreTabMenuMeasured=!0),this.moreTabMenuElement.classList.remove("md-menu-overlay__more_tab--measuring"))}))}initializeSortable(){this.visibleTabsContainerElement&&this.hiddenTabsContainerElement&&(this.visibleTabsSortableInstance=y().create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=y().create(this.hiddenTabsContainerElement,this.generateOptions()))}initializeTabs(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),this.manageOverflow(),this.requestUpdate()}connectedCallback(){var t;if(super.connectedCallback(),this.setupTabsEvents(),this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const t=localStorage.getItem(this.tabsId);this.selected=t&&parseInt(t)>-1?parseInt(t):this.selected}this.compUniqueId&&(this.tabsOrderPrefsArray=(null===(t=localStorage.getItem(this.compUniqueId))||void 0===t?void 0:t.split(","))||[])}selectTabFromStorage(){if(this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const t=sessionStorage.getItem(this.tabsId);let e=0;if(t){const i=parseInt(t);e=i>-1?i:this.selected}const i=this.currentTabsLayout;i.length&&i[e].id?(this._selectedIndex=e,this.handleNewSelectedTab(i[e].id)):this.selected=e}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(t){var e;super.firstUpdated(t),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage(),this.scrollArrow&&(this.updateArrowsVisibility(),null===(e=this.tabsListElement)||void 0===e||e.addEventListener("scroll",this.updateArrowsVisibility))}onDirectionChanged(){return w(this,void 0,void 0,(function*(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),yield this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),"horizontal"===this.direction&&(yield this.manageOverflow()),this.selectTabFromStorage(),this.scrollArrow&&this.updateArrowsVisibility()}))}updated(t){var e;if(super.updated(t),t.has("direction")&&t.get("direction")!==this.direction&&this.onDirectionChanged(),t.has("slotted")&&this.initializeTabs(),!this.draggable||this.visibleTabsSortableInstance||this.hiddenTabsSortableInstance||this.initializeSortable(),t.has("tabsFilteredAsHiddenList")&&(this.tabsCopy=Array.from((null===(e=this.tabsCopyHiddenListElements)||void 0===e?void 0:e.values())||[]),this.tabsCopyHash=this.tabsCopy.reduce(((t,e)=>(t[e.id]=e,t)),{})),(t.has("tabsFilteredAsVisibleList")||t.has("tabsFilteredAsHiddenList"))&&(this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((t,e,i)=>(t[e.id]=i,t)),{}),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((t,e,i)=>(t[e.id]=i,t)),{})),t.has("isMoreTabMenuOpen")&&this.isMoreTabMenuVisible){const e=t.get("isMoreTabMenuOpen");this.isMoreTabMenuOpen&&!e&&(this.moreItemsScrollLimit<this.tabsCopy.length?(this.isMoreTabMenuScrollable=!0,this.moreTabMenuMaxHeight=`${this.measureHiddenTabsCopiesOffsetHeight().slice(0,this.moreItemsScrollLimit).reduce(((t,e)=>t+e),0)}px`):(this.isMoreTabMenuScrollable=!1,this.moreTabMenuMaxHeight=null))}t.has("tabsId")&&this.selectTabFromStorage(),t.has("selectedIndex")&&this.updateSelectedTab(this.selectedIndex),t.has("overflowLabel")&&this.updateIsMoreTabTruncated(),t.has("scrollArrow")&&this.onDirectionChanged()}scrollTabs(t){if(!this.tabsListElement||"vertical"===this.direction)return;const e="left"===t?-100:100;this.tabsListElement.scrollBy({left:e,behavior:"smooth"}),(0,b.setTimeout)((()=>this.updateArrowsVisibility()),300)}get moreMenuButtonTemplate(){return l.html`
|
|
1368
|
+
`}};m([(0,l.property)({type:Boolean,attribute:"two-digit-auto-tab"})],e.prototype,"twoDigitAutoTab",void 0),m([(0,l.property)({type:Boolean,attribute:"twenty-four-hour-format",reflect:!0})],e.prototype,"twentyFourHourFormat",void 0),m([(0,l.property)({type:String})],e.prototype,"timeSpecificity",void 0),m([(0,l.property)({type:String})],e.prototype,"locale",void 0),m([(0,l.property)({type:String,reflect:!0})],e.prototype,"value",void 0),m([(0,l.internalProperty)()],e.prototype,"finalTwentyFourFormat",void 0),m([(0,l.internalProperty)()],e.prototype,"timeObject",void 0),m([(0,l.internalProperty)()],e.prototype,"tabNext",void 0),m([(0,l.internalProperty)()],e.prototype,"timeValue",void 0),m([(0,l.internalProperty)()],e.prototype,"timeValidity",void 0),e=m([(0,o.w)("md-timepicker")],e),t.ELEMENT=e}(g||(g={}))},50226:(t,e,i)=>{i.d(e,{Tabs:()=>L}),i(61200),i(11323),i(83192);var s=i(90195),o=i(3001),r=i(66677),n=i(59164),a=i(26272),l=i(41488),d=i(40333),h=i(23968),p=i(22818),c=i(8229),u=i(19239),m=i(41891),y=i.n(m),b=i(97103),v=i(30076),g=i(16643),f=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n},w=function(t,e,i,s){return new(i||(i=Promise))((function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(n,a)}l((s=s.apply(t,e||[])).next())}))};const C="tab-more",x="more-menu-copy-",S="visibleToVisible",$="visibleToHidden",E="hiddenToVisible",T="hiddenToHidden",k="previous",A="next",I="fromMoreTabs";var L;!function(t){let e=class extends((0,o.UM)((0,o.Io)((0,o.TS)(l.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.hugTabs=!1,this.overflowLabel="More Tabs",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this._selectedIndex=0,this.animation=100,this.ghostClass="",this.chosenClass="",this.forceFallback=!1,this.fallbackClass="",this.tabsId="",this.persistSelection=!1,this.compUniqueId="",this.type="line",this.newMomentum=!1,this.variant="ghost",this.scrollArrow=!1,this.leftArrowAriaLabel="Backward Button",this.rightArrowAriaLabel="Forward Button",this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1,this.isMoreTabMenuOpen=!1,this.isMoreTabMenuSelected=!1,this.isMoreTabMenuScrollable=!1,this.moreTabMenuOffsetWidth=0,this.moreTabMenuMaxHeight=null,this.tabsViewportDataList=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.noTabsVisible=!1,this.defaultTabsOrderArray=[],this.tabsOrderPrefsArray=[],this.isMoreTabTruncated=!1,this.showLeftArrow=!1,this.showRightArrow=!1,this.tabs=[],this.panels=[],this.tabsCopy=[],this.tabsHash={},this.tabsCopyHash={},this.tabsIdxHash={},this.tabsVisibleIdxHash={},this.tabsHiddenIdxHash={},this.visibleTabsSortableInstance=null,this.hiddenTabsSortableInstance=null,this.updateArrowsVisibility=()=>{this.tabsListElement&&requestAnimationFrame((()=>{const{scrollLeft:t,scrollWidth:e,clientWidth:i}=this.tabsListElement;this.showLeftArrow=t>0,this.showRightArrow=t+i<e-5}))},this.handleOnDragEnd=t=>w(this,void 0,void 0,(function*(){var e,i,s,o,r,n,a,l,d,h;t.stopPropagation();const p=t.oldIndex,c=t.newIndex,u=[...this.tabsFilteredAsVisibleList],m=[...this.tabsFilteredAsHiddenList],y=this.getDragDirection(t);if(void 0!==p&&void 0!==c){switch(y){case $:{null===(i=null===(e=this.hiddenTabsContainerElement)||void 0===e?void 0:e.querySelector("#"+t.item.id))||void 0===i||i.remove();const s=u[p],o=m.slice(-1)[0],r=c===this.tabsFilteredAsHiddenList.length?c-1:c;m.splice(r,0,s),m.pop();const n=u.filter((e=>e.id!==this.getNormalizedTabId(t.item.id)));n.push(o),this.tabsFilteredAsVisibleList=[...n],this.tabsFilteredAsHiddenList=[...m];break}case S:{const t=u[p];u.splice(p,1),u.splice(c,0,t),this.tabsFilteredAsVisibleList=u,c===this.tabsFilteredAsVisibleList.length-1&&(null===(o=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[this.visibleTabsContainerElement.children.length-1])||void 0===o||o.remove());const e=this.visibleTabsContainerElement.children[p],i=this.visibleTabsContainerElement.children[c];if(!e||!i)return;null===(r=this.visibleTabsContainerElement)||void 0===r||r.replaceChild(i,e),null===(n=this.visibleTabsContainerElement)||void 0===n||n.insertBefore(e,i);break}case E:{null===(l=null===(a=this.visibleTabsContainerElement)||void 0===a?void 0:a.querySelector("#"+t.item.id))||void 0===l||l.remove();const e=m[p],i=u.slice(-1)[0];m.splice(p,1),m.splice(0,0,i);const s=c===this.tabsFilteredAsVisibleList.length?c-1:c;u.splice(s,0,e),u.pop(),this.tabsFilteredAsVisibleList=u,this.tabsFilteredAsHiddenList=m;break}case T:{const t=m[p];m.splice(p,1),m.splice(c,0,t),this.tabsFilteredAsHiddenList=m,c===this.tabsFilteredAsHiddenList.length-1&&(null===(h=null===(d=this.hiddenTabsContainerElement)||void 0===d?void 0:d.children[this.hiddenTabsContainerElement.children.length-1])||void 0===h||h.remove());break}}if(this.compUniqueId){const t=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],e=t.findIndex((t=>t.selected));this.storeSelectedTabIndex(e),this.tabsOrderPrefsArray=t.map((t=>t.name)),localStorage.setItem(this.compUniqueId,this.tabsOrderPrefsArray.join(","))}}}))}get selectedIndex(){return this._selectedIndex}set selectedIndex(t){var e;const i=this._selectedIndex;this._selectedIndex=t,i!==t&&(null===(e=this.tabs)||void 0===e?void 0:e.length)&&this.updateSelectedTab(t)}generateOptions(){return{group:"shared",animation:10,swapThreshold:1,draggable:"md-tab",direction:this.direction,forceFallback:this.forceFallback,fallbackClass:this.fallbackClass,ghostClass:this.ghostClass,chosenClass:this.chosenClass,onEnd:this.handleOnDragEnd}}get currentTabsLayout(){return"horizontal"!==this.direction||this.scrollArrow?this.tabs:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList]}getCopyTabId(t){var e;return(null===(e=t.id)||void 0===e?void 0:e.startsWith(x))?`${x}${t.id}`:t.id}getAriaControlId(t){var e,i;return(null===(e=t.id)||void 0===e?void 0:e.startsWith(x))?`${x}${t.id}`:"tab_panel_"+(null===(i=t.id)||void 0===i?void 0:i.substring(4))}getTabIndex(t){var e,i;return this.isMoreTabMenuVisible&&0===this.getCurrentIndex(null==t?void 0:t.id)&&this.selected>(null===(e=this.tabsFilteredAsVisibleList)||void 0===e?void 0:e.length)-1||(null===(i=this.tabsFilteredAsVisibleList[this.selected])||void 0===i?void 0:i.id)===t.id?0:-1}getNormalizedTabId(t){return t.replace(x,"")}static get styles(){return[a.A,v.A]}ensureTabsUpdateComplete(t){return w(this,void 0,void 0,(function*(){const e=t.map((t=>void 0!==t.updateComplete?t.updateComplete:null)).filter((t=>null!==t));e.length&&(yield Promise.all(e))}))}measureTabsOffsetWidth(){return this.justified||"vertical"===this.direction?this.tabs.map((t=>{t.setAttribute("measuringrealwidth","");const e=t.closable?t.offsetWidth+g.TAB_CROSS_WIDTH:t.offsetWidth;return t.removeAttribute("measuringrealwidth"),e})):this.tabs.map((t=>t.closable?t.offsetWidth+g.TAB_CROSS_WIDTH:t.offsetWidth))}updateIsMoreTabTruncated(){var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".md-menu-overlay__overflow-label");if(e){const t=e.scrollWidth>e.clientWidth;this.isMoreTabTruncated!=t&&(this.isMoreTabTruncated=t)}}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map((t=>t.offsetHeight))}manageOverflow(){return w(this,void 0,void 0,(function*(){var t,e;if("vertical"!==this.direction&&!this.scrollArrow){let i;i=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length?[...this.tabs]:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],i.forEach((t=>{var e,i,s,o,r;if((null===(e=t.children)||void 0===e?void 0:e.length)&&0===(null===(s=null===(i=t.children[0])||void 0===i?void 0:i.children)||void 0===s?void 0:s.length)){const e=null===(o=null==t?void 0:t.querySelector("slot"))||void 0===o?void 0:o.assignedNodes({flatten:!0})[0].cloneNode(!0);e&&(e.classList.add("tab-content"),null===(r=null==t?void 0:t.children[0])||void 0===r||r.appendChild(e))}}));const s=i.length;if(this.tabsListElement&&s){const o=(null===(t=this.tabsSettingsElement)||void 0===t?void 0:t.offsetWidth)?this.tabsListElement.offsetWidth-(null===(e=this.tabsSettingsElement)||void 0===e?void 0:e.offsetWidth):this.tabsListElement.offsetWidth;yield this.ensureTabsUpdateComplete(this.tabs);const r=this.measureTabsOffsetWidth(),n=i.reduce(((t,e,i)=>t+r[i]),0);if(n){yield this.setupMoreTab();let t=!0;o<n&&(t=!1);const e=[];let a=0;i.forEach(((i,n)=>{a+=r[n];const l=!t&&a+(n<s-1?this.moreTabMenuOffsetWidth:0)>o;e.push({isTabInViewportHidden:l,tabOffsetWidth:r[n]})})),this.tabsViewportDataList=e,this.tabsViewportDataList.forEach(((t,e)=>this.tabs[e].viewportHidden=t.isTabInViewportHidden)),this.isMoreTabMenuVisible=!!this.tabsViewportDataList.find((t=>t.isTabInViewportHidden)),this.tabsFilteredAsVisibleList=i.filter(((t,e)=>!this.tabsViewportDataList[e].isTabInViewportHidden)),this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((t,e,i)=>(t[e.id]=i,t)),{}),this.tabsFilteredAsHiddenList=i.filter(((t,e)=>this.tabsViewportDataList[e].isTabInViewportHidden)),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((t,e,i)=>(t[e.id]=i,t)),{})}}this.updateIsMoreTabMenuSelected();const o=this.tabsFilteredAsHiddenList.find((t=>!t.disabled));this.updateHiddenIdPositiveTabIndex(o)}}))}updateIsMoreTabMenuSelected(){this.isMoreTabMenuSelected=!!this.tabsFilteredAsHiddenList.find((t=>t.selected))}updateHiddenIdPositiveTabIndex(t){this.tabHiddenIdPositiveTabIndex=t?t.id:void 0}sortTabsAndPanes(){if(!this.tabsOrderPrefsArray.length)return;const t=(t,e)=>{var i,s;const o=null!==(i=t.getAttribute("name"))&&void 0!==i?i:"",r=null!==(s=e.getAttribute("name"))&&void 0!==s?s:"";return this.tabsOrderPrefsArray.indexOf(o)-this.tabsOrderPrefsArray.indexOf(r)};this.tabs.sort(t),this.panels.sort(t)}linkPanelsAndTabs(){return w(this,void 0,void 0,(function*(){this.sortTabsAndPanes();const{tabs:t,panels:e}=this;if(0===t.length||0===e.length)return void console.warn("The tabs or panels count should't be equal zero.");t.length!==e.length&&console.warn(`The amount of tabs (${t.length}) doesn't match the amount of panels (${e.length}).`);const i="vertical"===this.direction;t.forEach(((t,s)=>{const o=(0,n.O)("tabs"),r="tab_"+o,a="tab_panel_"+o;t.setAttribute("id",r),t.setAttribute("aria-controls",a),t.selected=this.selected===s,t.newMomentum=this.newMomentum,t.type=this.type,t.variant=this.variant,this.scrollArrow&&(t.visibleTab=!0),t.vertical!==i&&(t.vertical=i),t.viewportHidden&&(i||this.scrollArrow)&&(t.viewportHidden=!1);const l=e[s];l?(l.setAttribute("id",a),l.setAttribute("aria-labelledby",r),l.selected=this.selected===s,t.disabled&&(l.hidden=!0,l.selected=!1)):t.disabled=!0}));let s=this.selected;for(;s<t.length&&t[s].disabled;)s++;s=s===t.length?0:s,t[s].selected=!0,e[s].selected=!0,this.tabsHash=this.tabs.reduce(((t,e)=>(t[e.id]=e,t)),{}),this.tabsIdxHash=this.tabs.reduce(((t,e,i)=>(t[e.id]=i,t)),{})}))}get slotItem(){return this.tabSlotElement}filterSlotted(){return this.tabSlotElement.assignedElements()}handleResize(t){var e;null===(e=super.handleResize)||void 0===e||e.call(this,t),this.manageOverflow(),this.updateIsMoreTabTruncated(),this.scrollArrow&&this.updateArrowsVisibility()}getDragDirection(t){return t.from===this.visibleTabsContainerElement&&t.to===this.hiddenTabsContainerElement?$:t.from===this.visibleTabsContainerElement&&t.to===this.visibleTabsContainerElement?S:t.from===this.hiddenTabsContainerElement&&t.to===this.visibleTabsContainerElement?E:t.from===this.hiddenTabsContainerElement&&t.to===this.hiddenTabsContainerElement?T:void 0}makeTabCopyFocus(t){t&&t.focus()}handleTabClick(t){const{id:e}=t.detail;this.handleNewSelectedTab(e)}handleNewSelectedTab(t){const e=this.tabsHash[this.getNormalizedTabId(t)];if(e&&!e.disabled){const t=this.tabsIdxHash[e.id];-1!==t&&this.updateSelectedTab(t);{const t=this.tabsCopyHash[this.getCopyTabId(e)];t&&this.makeTabCopyFocus(t),this.updateHiddenIdPositiveTabIndex(e)}}}handleTabCrossClick(t){const{id:e}=t.detail;this.handleTabCloseEvent(e)}handleTabCloseClick(t){const{id:e}=t.detail;this.handleTabCloseEvent(e)}handleTabCloseEvent(t){var e,i;const s=this.tabsHash[this.getNormalizedTabId(t)];if(s&&!s.disabled&&("auto"===s.closable||"custom"===s.closable)){const s=this.tabsFilteredAsVisibleList.findIndex((e=>this.getNormalizedTabId(e.id)===this.getNormalizedTabId(t)));this.tabsFilteredAsVisibleList=this.tabsFilteredAsVisibleList.filter((e=>this.getNormalizedTabId(e.id)!==this.getNormalizedTabId(t))),null===(i=null===(e=this.visibleTabsContainerElement)||void 0===e?void 0:e.querySelector("#"+t))||void 0===i||i.remove(),0!==this.tabsFilteredAsHiddenList.length&&(this.tabsFilteredAsVisibleList.push(this.tabsFilteredAsHiddenList[0]),this.tabsFilteredAsHiddenList.splice(0,1)),0===this.tabsFilteredAsHiddenList.length&&(this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1),this.handleUpdatedSeletedTabAfterCross(s)}}handleUpdatedSeletedTabAfterCross(t){var e;let i=t;for(;i<this.tabsFilteredAsVisibleList.length&&(null===(e=this.tabsFilteredAsVisibleList[i])||void 0===e?void 0:e.disabled);)i++;if(void 0===this.tabsFilteredAsVisibleList[i]||t===this.tabsFilteredAsVisibleList.length)for(i=t-1;i>=0&&this.tabsFilteredAsVisibleList[i].disabled;)i--;if(-1!==i){const t=this.tabs.findIndex((t=>t.id===this.tabsFilteredAsVisibleList[i].id));this.updateSelectedTab(t)}else this.updateSelectedTab(i);this.noTabsVisible=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length,this.requestUpdate()}setSelectedAttribute(t,e,i=!1){e&&(e.selected=i),t&&(t.selected=i,i&&(this.isMoreTabMenuSelected=this.isTabInMoreMenu(t)),this.isTabInMoreMenu(t)&&(this.isMoreTabMenuSelected=!0))}isTabInMoreMenu(t){return void 0!==this.tabsFilteredAsHiddenList.find((e=>e.id===t.id))}updateSelectedTab(t){const{tabs:e,panels:i}=this,s=this.tabs.findIndex((t=>t.hasAttribute("selected")));if(e&&i&&(this.setSelectedAttribute((0,r.Qx)(e,s),(0,r.Qx)(i,s),!1),this.setSelectedAttribute((0,r.Qx)(e,t),(0,r.Qx)(i,t),!0)),t>=0){this.dispatchSelectedChangedEvent(t);const i=this.currentTabsLayout.findIndex((i=>i.id===e[t].id));this.changeSelectedTabIdx(i)}}dispatchSelectedChangedEvent(t){const e=this.currentTabsLayout,i=this.tabs[t].id,s=e.findIndex((t=>t.id===i)),o=[];e.forEach((t=>{o.push(t.name)})),this.dispatchEvent(new CustomEvent("selected-changed",{detail:{value:s,tabsOrder:o},composed:!0,bubbles:!0}))}changeSelectedTabIdx(t){this.requestUpdate(),this.selected=t,this.updateComplete.then((()=>{var e,i;if(t<this.tabsFilteredAsVisibleList.length){const t=null===(e=this.visibleTabsContainerElement)||void 0===e?void 0:e.children[this.selected];null==t||t.focus()}else{const t=this.selected-this.tabsFilteredAsVisibleList.length,e=null===(i=this.hiddenTabsContainerElement)||void 0===i?void 0:i.children[t];this.moveFocusToTab(e);const s=this.tabsFilteredAsHiddenList[t];(null==s?void 0:s.disabled)||this.updateHiddenIdPositiveTabIndex(s)}})),this.updateIsMoreTabMenuSelected(),this.storeSelectedTabIndex(t)}storeSelectedTabIndex(t){this.persistSelection&&this.tabsId&&t>-1&&""!==this.tabsId.trim()&&sessionStorage.setItem(this.tabsId,`${t}`)}getCurrentIndex(t){var e,i,s;if(this.scrollArrow){const e=this.tabs.length;for(let i=0;i<e;i++)if(this.tabs[i].id===t)return i}const o=null!==(i=null===(e=this.visibleTabsContainerElement)||void 0===e?void 0:e.children.length)&&void 0!==i?i:0;for(let e=0;e<o;e++)if((null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[e].id)===t)return e;return this.tabsVisibleIdxHash[t]}moveFocusToAdjacentTab(t,e){var i,s,o;const r=this.getCurrentIndex(t),n=this.slotItem.assignedElements();let a=0;if(this.scrollArrow){e===k?a=0===r?n.length-1:r-1:e===A&&(a=r===n.length-1?0:r+1),this.moveFocusToTab(n[a]);const t=n[a],s=t.getBoundingClientRect(),o=null===(i=this.tabsListElement)||void 0===i?void 0:i.getBoundingClientRect();return o&&(s.left>=o.left&&s.right<=o.right&&s.top>=o.top&&s.bottom<=o.bottom||t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})),this.updateArrowsVisibility(),void(0,b.setTimeout)((()=>this.moveFocusToTab(n[a])),0)}const l=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children,d=null!==(o=null==l?void 0:l.length)&&void 0!==o?o:0;l&&0!==d&&(e===k?a=0===r?d-1:r-1:e===A?a=r===d-1?0:r+1:e===I&&(a=this.selected>=d?0:this.selected),this.moveFocusToTab(l[a]))}moveFocusToTab(t){(0,b.setTimeout)((()=>null==t?void 0:t.focus()),0)}handleOverlayClose(){(0,b.setTimeout)((()=>{this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)}),0)}dispatchKeydownEvent(t,e){e&&this.dispatchEvent(new CustomEvent("tab-keydown",{detail:{id:e,key:t.code,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,srcEvent:t},bubbles:!0,composed:!0}))}handleTabKeydown(t){var e,i,o,r,n,a,l;const d=t.target;if(t.target!=this&&!this.tabs.find((t=>t.id===(null==d?void 0:d.id))))return!1;let h;if((null===(e=t.composedPath())||void 0===e?void 0:e.length)>0?h=t.composedPath()[0].id:t.originalTarget&&(h=t.originalTarget.id),!h)return;const p=this.getNormalizedTabId(h);this.dispatchKeydownEvent(t,p);const c=t.code,{shiftKey:u}=t,m=!!this.isMoreTabMenuVisible&&p===C,y=m&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(p)],b=!this.isMoreTabMenuVisible||y&&this.tabsVisibleIdxHash[y.id]>-1,v=!!this.isMoreTabMenuVisible&&y&&this.tabsHiddenIdxHash[y.id]>-1,g=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,f=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,w=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(c){case s.Uz.Tab:m&&!this.isMoreTabMenuOpen&&u&&(t.preventDefault(),this.moveFocusToAdjacentTab(h,I));break;case s.Uz.End:m||(b?(t.preventDefault(),this.moveFocusToTab(null===(i=this.visibleTabsContainerElement)||void 0===i?void 0:i.children[(null===(o=this.tabsFilteredAsVisibleList)||void 0===o?void 0:o.length)-1])):this.isMoreTabMenuOpen&&(t.preventDefault(),this.moveFocusToTab(null===(r=this.hiddenTabsContainerElement)||void 0===r?void 0:r.children[(null===(n=this.tabsFilteredAsHiddenList)||void 0===n?void 0:n.length)-1])));break;case s.Uz.Home:b?(t.preventDefault(),this.moveFocusToTab(null===(a=this.visibleTabsContainerElement)||void 0===a?void 0:a.children[0])):this.isMoreTabMenuOpen&&(t.preventDefault(),this.moveFocusToTab(null===(l=this.hiddenTabsContainerElement)||void 0===l?void 0:l.children[0]));break;case s.Uz.ArrowLeft:m||(b||this.scrollArrow)&&(t.stopPropagation(),this.moveFocusToAdjacentTab(h,k));break;case s.Uz.ArrowRight:m||(b||this.scrollArrow)&&(t.stopPropagation(),this.moveFocusToAdjacentTab(h,A));break;case s.Uz.ArrowUp:if(m);else if(b&&"vertical"===this.direction)t.preventDefault(),this.changeSelectedTabIdx(0===this.selected?g:this.selected-1);else if(v){t.preventDefault();const e=this.selected===f?w:this.selected-1;this.changeSelectedTabIdx(e)}break;case s.Uz.ArrowDown:if(m);else if(b&&"vertical"===this.direction)t.preventDefault(),this.changeSelectedTabIdx(this.selected===g?0:this.selected+1);else if(v){t.preventDefault();const e=this.selected===w?f:this.selected+1;this.changeSelectedTabIdx(e)}break;case s.Uz.Enter:case s.Uz.NumpadEnter:case s.Uz.Space:if(m){const t=this.tabsFilteredAsHiddenList.filter((t=>!t.disabled)),e=t.length?t.find((t=>t.selected))||t[0]:void 0;if(this.updateHiddenIdPositiveTabIndex(e),e){const t=this.tabsIdxHash[this.getNormalizedTabId(e.id)];-1!==t&&this.updateSelectedTab(t)}}else if(y&&!y.disabled){const e=this.tabsIdxHash[this.getNormalizedTabId(y.id)];-1!==e&&(t.preventDefault(),this.updateSelectedTab(e))}}}setupTabsEvents(){this.addEventListener("tab-click",this.handleTabClick),this.addEventListener("tab-cross-click",this.handleTabCrossClick),this.addEventListener("tab-close-click",this.handleTabCloseClick),this.addEventListener("keydown",this.handleTabKeydown),this.addEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}teardownTabsEvents(){this.removeEventListener("tab-click",this.handleTabClick),this.removeEventListener("tab-cross-click",this.handleTabCrossClick),this.removeEventListener("tab-close-click",this.handleTabCloseClick),this.removeEventListener("keydown",this.handleTabKeydown),this.removeEventListener("clear-tab-order-prefs",this.clearTabOrderPrefs)}clearTabOrderPrefs(t){const{compUniqueId:e}=t.detail;e===this.compUniqueId&&(localStorage.removeItem(this.tabsId),sessionStorage.removeItem(this.tabsId),localStorage.removeItem(this.compUniqueId),this.tabsOrderPrefsArray=this.defaultTabsOrderArray,this.selected=0,this.initializeTabs(),this.dispatchSelectedChangedEvent(0))}setupPanelsAndTabs(){this.tabSlotElement&&(this.tabs=this.tabSlotElement.assignedElements()),this.panelSlotElement&&(this.panels=this.panelSlotElement.assignedElements()),this.defaultTabsOrderArray=this.tabs.map((t=>t.name))}setupMoreTab(){return w(this,void 0,void 0,(function*(){"vertical"!==this.direction&&this.moreTabMenuElement&&!this.isMoreTabMenuMeasured&&(this.moreTabMenuElement.classList.add("md-menu-overlay__more_tab--measuring"),yield this.moreTabMenuElement.updateComplete,this.moreTabMenuElement.offsetWidth&&(this.moreTabMenuOffsetWidth=this.moreTabMenuElement.offsetWidth,this.isMoreTabMenuMeasured=!0),this.moreTabMenuElement.classList.remove("md-menu-overlay__more_tab--measuring"))}))}initializeSortable(){this.visibleTabsContainerElement&&this.hiddenTabsContainerElement&&(this.visibleTabsSortableInstance=y().create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=y().create(this.hiddenTabsContainerElement,this.generateOptions()))}initializeTabs(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),this.manageOverflow(),this.requestUpdate()}connectedCallback(){var t;if(super.connectedCallback(),this.setupTabsEvents(),this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const t=localStorage.getItem(this.tabsId);this.selected=t&&parseInt(t)>-1?parseInt(t):this.selected}this.compUniqueId&&(this.tabsOrderPrefsArray=(null===(t=localStorage.getItem(this.compUniqueId))||void 0===t?void 0:t.split(","))||[])}selectTabFromStorage(){if(this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab");const t=sessionStorage.getItem(this.tabsId);let e=0;if(t){const i=parseInt(t);e=i>-1?i:this.selected}const i=this.currentTabsLayout;i.length&&i[e].id?(this._selectedIndex=e,this.handleNewSelectedTab(i[e].id)):this.selected=e}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(t){var e;super.firstUpdated(t),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage(),this.scrollArrow&&(this.updateArrowsVisibility(),null===(e=this.tabsListElement)||void 0===e||e.addEventListener("scroll",this.updateArrowsVisibility))}onDirectionChanged(){return w(this,void 0,void 0,(function*(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),yield this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),"horizontal"===this.direction&&(yield this.manageOverflow()),this.selectTabFromStorage(),this.scrollArrow&&this.updateArrowsVisibility()}))}updated(t){var e;if(super.updated(t),t.has("direction")&&t.get("direction")!==this.direction&&this.onDirectionChanged(),t.has("slotted")&&this.initializeTabs(),!this.draggable||this.visibleTabsSortableInstance||this.hiddenTabsSortableInstance||this.initializeSortable(),t.has("tabsFilteredAsHiddenList")&&(this.tabsCopy=Array.from((null===(e=this.tabsCopyHiddenListElements)||void 0===e?void 0:e.values())||[]),this.tabsCopyHash=this.tabsCopy.reduce(((t,e)=>(t[e.id]=e,t)),{})),(t.has("tabsFilteredAsVisibleList")||t.has("tabsFilteredAsHiddenList"))&&(this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce(((t,e,i)=>(t[e.id]=i,t)),{}),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce(((t,e,i)=>(t[e.id]=i,t)),{})),t.has("isMoreTabMenuOpen")&&this.isMoreTabMenuVisible){const e=t.get("isMoreTabMenuOpen");this.isMoreTabMenuOpen&&!e&&(this.moreItemsScrollLimit<this.tabsCopy.length?(this.isMoreTabMenuScrollable=!0,this.moreTabMenuMaxHeight=`${this.measureHiddenTabsCopiesOffsetHeight().slice(0,this.moreItemsScrollLimit).reduce(((t,e)=>t+e),0)}px`):(this.isMoreTabMenuScrollable=!1,this.moreTabMenuMaxHeight=null))}t.has("tabsId")&&this.selectTabFromStorage(),t.has("selectedIndex")&&this.updateSelectedTab(this.selectedIndex),t.has("overflowLabel")&&this.updateIsMoreTabTruncated(),t.has("scrollArrow")&&this.onDirectionChanged()}scrollTabs(t){if(!this.tabsListElement||"vertical"===this.direction)return;const e="left"===t?-100:100;this.tabsListElement.scrollBy({left:e,behavior:"smooth"}),(0,b.setTimeout)((()=>this.updateArrowsVisibility()),300)}get moreMenuButtonTemplate(){return l.html`
|
|
1369
1369
|
<md-tab
|
|
1370
1370
|
slot="menu-trigger"
|
|
1371
1371
|
id="${C}"
|
|
@@ -1889,7 +1889,7 @@
|
|
|
1889
1889
|
<li class="md-list-item ${(0,l.classMap)(this.listItemTemplateClassMap)}" part="list-item">
|
|
1890
1890
|
<slot></slot>
|
|
1891
1891
|
</li>
|
|
1892
|
-
`}};h([(0,a.property)({type:String,reflect:!0})],e.prototype,"role",void 0),h([(0,a.property)({type:Number,reflect:!0})],e.prototype,"tabIndex",void 0),h([(0,a.property)({type:String,reflect:!0})],e.prototype,"shape",void 0),h([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),h([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"selected",null),e=h([(0,r.w)("md-list-item")],e),t.ELEMENT=e}(s||(s={}))},66677:(t,e,i)=>{i.d(e,{QZ:()=>r,Qx:()=>n,XI:()=>l,qi:()=>a,sg:()=>o,ws:()=>s});const s=(t,e)=>{const i=[];[e].forEach((e=>{i.push(...((t,e)=>{const i=e.length;if(0===i)return[];const s=[],o=t.toLowerCase(),r=e.toLowerCase();let n=0,a=o.indexOf(r,n);for(;a>-1;)n=a+i,s.push([a,n]),a=o.indexOf(r,a+1);return s})(t,e))}));const s=(([...t])=>{if(!t.length)return[];t.sort(((t,e)=>t[0]!==e[0]?t[0]-e[0]:t[1]-e[1]));const e=[];let i=t[0][0],s=t[0][1];return t.shift(),t.forEach((([t,o])=>{t>=s?(e.push([i,s]),i=t,s=o):o>s&&(s=o)})),e.push([i,s]),e})(i),o=[];let r=0;return s.forEach((([e,i])=>{r!==e&&o.push({range:[e,i],matching:!1,text:t.slice(r,e)}),o.push({range:[e,i],matching:!0,text:t.slice(e,i)}),r=i})),r!==t.length&&o.push({range:[r],matching:!1,text:t.slice(r)}),o};function o(t,e,i){let s;return function(...o){const r=this,n=i&&!s;clearTimeout(s),s=setTimeout((function(){s=null,i||t.apply(r,o)}),e),n&&t.apply(r,o)}}function r(t,e){return function e(i){if(!i||i===document||i===window)return null;const s=i.closest(t);return null!=s?s:e(i.getRootNode().host)}(e)}function n(t,e){return e>=0&&e<t.length?t[e]:void 0}function a(t,e=document){var i;const s=e instanceof ShadowRoot||e instanceof Document?e.querySelector(t):null===(i=e.shadowRoot)||void 0===i?void 0:i.querySelector(t);if(s)return s;const o=Array.from(e.querySelectorAll("*")).map((t=>t.shadowRoot?
|
|
1892
|
+
`}};h([(0,a.property)({type:String,reflect:!0})],e.prototype,"role",void 0),h([(0,a.property)({type:Number,reflect:!0})],e.prototype,"tabIndex",void 0),h([(0,a.property)({type:String,reflect:!0})],e.prototype,"shape",void 0),h([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),h([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"selected",null),e=h([(0,r.w)("md-list-item")],e),t.ELEMENT=e}(s||(s={}))},66677:(t,e,i)=>{i.d(e,{QZ:()=>r,Qx:()=>n,XI:()=>l,qi:()=>a,sg:()=>o,ws:()=>s});const s=(t,e)=>{const i=[];[e].forEach((e=>{i.push(...((t,e)=>{const i=e.length;if(0===i)return[];const s=[],o=t.toLowerCase(),r=e.toLowerCase();let n=0,a=o.indexOf(r,n);for(;a>-1;)n=a+i,s.push([a,n]),a=o.indexOf(r,a+1);return s})(t,e))}));const s=(([...t])=>{if(!t.length)return[];t.sort(((t,e)=>t[0]!==e[0]?t[0]-e[0]:t[1]-e[1]));const e=[];let i=t[0][0],s=t[0][1];return t.shift(),t.forEach((([t,o])=>{t>=s?(e.push([i,s]),i=t,s=o):o>s&&(s=o)})),e.push([i,s]),e})(i),o=[];let r=0;return s.forEach((([e,i])=>{r!==e&&o.push({range:[e,i],matching:!1,text:t.slice(r,e)}),o.push({range:[e,i],matching:!0,text:t.slice(e,i)}),r=i})),r!==t.length&&o.push({range:[r],matching:!1,text:t.slice(r)}),o};function o(t,e,i){let s;return function(...o){const r=this,n=i&&!s;clearTimeout(s),s=setTimeout((function(){s=null,i||t.apply(r,o)}),e),n&&t.apply(r,o)}}function r(t,e){return function e(i){if(!i||i===document||i===window)return null;const s=i.closest(t);return null!=s?s:e(i.getRootNode().host)}(e)}function n(t,e){return e>=0&&e<t.length?t[e]:void 0}function a(t,e=document){var i;const s=e instanceof ShadowRoot||e instanceof Document?e.querySelector(t):null===(i=e.shadowRoot)||void 0===i?void 0:i.querySelector(t);if(s)return s;const o=Array.from(e.querySelectorAll("*")).map((t=>{var e;return null!==(e=t.shadowRoot)&&void 0!==e?e:null})).filter((t=>null!==t));for(const e of o){const i=a(t,e);if(i)return i}return null}function l(t,e=document){if(e instanceof ShadowRoot||e instanceof Document){const i=e.getElementById(t);if(i)return i}const i=Array.from(e.querySelectorAll("*")).map((t=>{var e;return null!==(e=t.shadowRoot)&&void 0!==e?e:null})).filter((t=>null!==t));for(const e of i){const i=l(t,e);if(i)return i}return null}},68250:t=>{t.exports=m},68490:(t,e,i)=>{i.d(e,{List:()=>s});var s,o=i(90195),r=i(3001),n=i(31890),a=i(26272),l=i(41488),d=i(97822),h=i(21392),p=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,r.Io)(l.LitElement)){constructor(){super(...arguments),this.alignment="vertical",this.label="option",this.activated=-1,this._role="listbox"}firstUpdated(t){super.firstUpdated(t),this.setAttribute("aria-label",this.label)}notifySelectedChange(){this.dispatchEvent(new CustomEvent("list-item-change",{detail:{selected:this.selected},bubbles:!0,composed:!0}))}isFocusable(t){return!t.hasAttribute("hidden")}connectedCallback(){super.connectedCallback(),this._role=this.getAttribute("role")||"listbox",this.removeAttribute("role"),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}findListItemIndex(t){const e=t.composedPath();return this.slotted.findIndex((t=>e.includes(t)))}switchListItemOnArrowPress(t,e=1){const i=super.getAvailableSelectedIndex(t,e);-1!==i&&(this.selected=i)}setActivated(t){-1!==t&&(this.activated=t,this.selected=t,this.setSelected(t))}findSelectedListItemIndex(){return this.slotted.findIndex((t=>t.selected))}setSelected(t){const e=this.findSelectedListItemIndex();-1!==e&&e!==t&&(this.slotted[e].selected=!1),this.slotted[t]&&(this.slotted[t].selected=!0)}updated(t){super.updated(t),t.has("slotted")&&this.setActivated(this.activated),t.has("activated")&&this.setActivated(this.activated),t.has("label")&&this.setAttribute("aria-label",this.label)}isListItemDisabled(t){var e;const i=this.slotted[t];return null===(e=null==i?void 0:i.disabled)||void 0===e||e}handleClick(t){const e=this.findListItemIndex(t);-1!==e&&(this.isListItemDisabled(e)||(this.setActivated(e),this.notifySelectedChange()))}shouldElementHandleKey(t,e){if(t.hasAttribute("data-handles-keys")||t.closest("[data-handles-keys]"))return!0;const i=t.tagName.toLowerCase(),s=t.nodeName.toLowerCase(),r="input"===s||"textarea"===s||"select"===s,n=t.getAttribute("role"),a=t.hasAttribute("contenteditable")||"false"===t.getAttribute("aria-readonly"),l=[o.Uz.ArrowUp,o.Uz.ArrowDown,o.Uz.ArrowLeft,o.Uz.ArrowRight],d=[o.Uz.Enter,o.Uz.Space];return l.includes(e)?r||a||"textbox"===n||"combobox"===n||"listbox"===n||"menu"===n||"slider"===n||"scrollbar"===n||"tablist"===n||i.startsWith("md-")&&("md-input"===i||"md-select"===i||"md-combobox"===i):d.includes(e)?"button"===n||"link"===n||"checkbox"===n||"radio"===n||"button"===i||"a"===i||"md-button"===i||"md-checkbox"===i||"md-radio"===i||r:(e===o.Uz.Home||e===o.Uz.End)&&(r||a||"textbox"===n||"md-input"===i)}handleKeyDown(t){const e=t.composedPath()[0];if(this.shouldElementHandleKey(e,t.code))return;const{code:i}=t;switch(i){case o.Uz.End:this.switchListItemOnArrowPress(this.slotted.length-1);break;case o.Uz.Home:this.switchListItemOnArrowPress(0);break;case o.Uz.ArrowUp:case o.Uz.ArrowLeft:t.preventDefault(),0===this.selected?this.switchListItemOnArrowPress(this.slotted.length-1,-1):this.switchListItemOnArrowPress(this.selected-1,-1);break;case o.Uz.ArrowDown:case o.Uz.ArrowRight:t.preventDefault(),this.selected===this.slotted.length-1?this.switchListItemOnArrowPress(0):this.switchListItemOnArrowPress(this.selected+1);break;case o.Uz.Enter:case o.Uz.Space:this.isListItemDisabled(this.selected)||(this.setActivated(this.selected),this.notifySelectedChange())}}get slotElement(){return this.listItemSlot}static get styles(){return[a.A,h.A]}render(){return l.html`
|
|
1893
1893
|
<ul role=${(0,d.ifDefined)("list"!==this._role?this._role:void 0)} class="md-list" part="list">
|
|
1894
1894
|
<slot name="list-item"></slot>
|
|
1895
1895
|
</ul>
|
|
@@ -1920,7 +1920,7 @@
|
|
|
1920
1920
|
<span class=${(0,a.classMap)(this.loadingIconClassMap)}></span>
|
|
1921
1921
|
<span class=${(0,a.classMap)(this.loadingIconClassMap)}></span>
|
|
1922
1922
|
</div>
|
|
1923
|
-
`}};d([(0,n.property)({type:String})],e.prototype,"size",void 0),e=d([(0,o.w)("md-loading")],e),t.ELEMENT=e}(s||(s={}))},71128:(t,e,i)=>{i.d(e,{Popover:()=>v}),i(96798),i(61200);var s=i(31890),o=i(28373),r=i(66677),n=i(5784),a=i(41488),l=i(40333),d=i(73679),h=i(68419),p=i(36365),c=i(3998),u=i(33759),m=i(50325),y=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n},b=function(t,e,i,s){return new(i||(i=Promise))((function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(n,a)}l((s=s.apply(t,e||[])).next())}))};let v=class extends((0,o.d)(a.LitElement)){constructor(){super(),this.id="",this.triggerID="",this.trigger=h.zY.TRIGGER,this.placement=h.zY.PLACEMENT,this.strategy=h.zY.STRATEGY,this.color=h.zY.COLOR,this.visible=h.zY.VISIBLE,this.offset=h.zY.OFFSET,this.focusTrap=h.zY.FOCUS_TRAP,this.preventScroll=h.zY.PREVENT_SCROLL,this.showArrow=h.zY.ARROW,this.closeButton=h.zY.CLOSE_BUTTON,this.interactive=h.zY.INTERACTIVE,this.delay=h.zY.DELAY,this.hideOnEscape=h.zY.HIDE_ON_ESCAPE,this.hideOnBlur=h.zY.HIDE_ON_BLUR,this.hideOnOutsideClick=h.zY.HIDE_ON_CLICK_OUTSIDE,this.focusBackToTrigger=h.zY.FOCUS_BACK,this.backdrop=h.zY.BACKDROP,this.flip=h.zY.FLIP,this.size=h.zY.SIZE,this.zIndex=h.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=h.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=h.zY.DISABLE_ARIA_EXPANDED,this.arrowElement=null,this.triggerElement=null,this.hoverTimer=null,this.isTriggerClicked=!1,this.openDelay=0,this.closeDelay=0,this.backdropElement=null,this.useLegacyFindFocusable=()=>!1,this.onOutsidePopoverClick=t=>{if(c.S.peek()!==this)return;const e=t.composedPath(),i=e.includes(this)||this.triggerElement&&e.includes(this.triggerElement),s=!!this.backdropElement&&e.includes(this.backdropElement);i&&!s||this.hidePopover()},this.onEscapeKeydown=t=>{this.visible&&"Escape"===t.code&&(t.preventDefault(),this.hidePopover())},this.onPopoverFocusOut=t=>{this.contains(t.relatedTarget)||this.hidePopover()},this.startCloseDelay=()=>{if(this.interactive){if(this.isTriggerClicked)return;this.hoverTimer=window.setTimeout((()=>{this.visible=!1}),this.closeDelay)}else this.hidePopover()},this.cancelCloseDelay=()=>{this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)},this.showPopover=(t=!1)=>{this.cancelCloseDelay(),t&&this.openDelay>0?setTimeout((()=>{this.utils.handleAppendTo(!0),this.visible=!0}),this.openDelay):(this.utils.handleAppendTo(!0),this.visible=!0)},this.hidePopover=()=>{c.S.peek()===this&&setTimeout((()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)}),this.closeDelay)},this.togglePopoverVisible=()=>{this.isTriggerClicked?this.hidePopover():(this.showPopover(),this.isTriggerClicked=!0)},this.onMouseEnterTrigger=()=>{this.trigger.includes("mouseenter")&&this.showPopover(!0)},this.onFocusInTrigger=()=>{this.trigger.includes("focusin")&&this.showPopover(!1)},this.onTriggerClick=t=>{this.trigger.includes("mouseenter")&&this.isMouseOverTrigger(t)||this.togglePopoverVisible()},this.utils=new u.h(this),this.preventClickOutside=!0}firstUpdated(t){const e=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return b(this,void 0,void 0,(function*(){e.firstUpdated.call(this,t),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.setupTriggerListener(),this.utils.setupAccessibility(),this.style.zIndex=`${this.zIndex}`,p.T.onCreatedPopover(this),this.visible&&(this.utils.handleAppendTo(!0),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate())}))}disconnectedCallback(){const t=Object.create(null,{disconnectedCallback:{get:()=>super.disconnectedCallback}});return b(this,void 0,void 0,(function*(){t.disconnectedCallback.call(this),this.removeEventListeners(),p.T.onDestroyedPopover(this),c.S.remove(this)}))}setupTriggerListener(){if(!this.triggerID)return;const t=this.getRootNode();if(this.triggerElement=(0,r.qi)(`[id="${this.triggerID}"]`,t),!this.triggerElement){const e=null==t?void 0:t.host;if(e){const t=e.querySelector("[slot]");(null==t?void 0:t.id)===this.triggerID&&(this.triggerElement=t)}}if(this.triggerElement){if("mouseenter"===this.trigger&&(this.interactive?this.trigger="mouseenter click":this.trigger="mouseenter focusin"),this.trigger.includes("click")&&this.triggerElement.addEventListener("click",this.onTriggerClick),this.trigger.includes("mouseenter")){const t=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.addEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.addEventListener("mouseleave",this.startCloseDelay),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay),null==t||t.addEventListener("mouseenter",this.cancelCloseDelay)}this.trigger.includes("focusin")&&(this.triggerElement.addEventListener("focusin",this.onFocusInTrigger),this.interactive||this.triggerElement.addEventListener("focusout",this.hidePopover)),this.addEventListener("focus-trap-exit",this.hidePopover)}}removeEventListeners(){if(!this.triggerElement)return;const t=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.removeEventListener("click",this.onTriggerClick),this.triggerElement.removeEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.removeEventListener("mouseleave",this.hidePopover),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),this.triggerElement.removeEventListener("focusin",this.onFocusInTrigger),this.triggerElement.removeEventListener("focusout",this.hidePopover),null==t||t.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("focus-trap-exit",this.hidePopover)}updated(t){const e=Object.create(null,{updated:{get:()=>super.updated}});return b(this,void 0,void 0,(function*(){if(e.updated.call(this,t),t.has("visible")){const e=t.get("visible")||!1;yield this.isOpenUpdated(e,this.visible),this.utils.updateAriaExpandedAttribute()}if(t.has("placement")&&this.setAttribute("placement",Object.values(h.ME).includes(this.placement)?this.placement:h.zY.PLACEMENT),t.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),t.has("trigger")){const t=this.trigger.split(" ").filter((t=>Object.values(h.tr).includes(t)));this.setAttribute("trigger",t.length>0?this.trigger:h.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}t.has("color")&&this.setAttribute("color",Object.values(h.o$).includes(this.color)?this.color:h.zY.COLOR),t.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),(t.has("interactive")||t.has("aria-label")||t.has("aria-labelledby"))&&this.utils.setupAccessibility(),t.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),t.has("interactive")&&this.utils.updateAriaHasPopupAttribute()}))}isOpenUpdated(t,e){const i=Object.create(null,{preventScroll:{get:()=>super.preventScroll,set:t=>super.preventScroll=t}});return b(this,void 0,void 0,(function*(){var s,o,r,n;if(t!==e&&this.triggerElement)if(e)c.S.peek()!==this&&c.S.push(this),i.preventScroll=this.preventScroll,this.focusTrap&&(null===(s=this.activateFocusTrap)||void 0===s||s.call(this)),this.backdrop&&(this.utils.createBackdrop(),this.triggerElement.style.zIndex=`${this.zIndex}`),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="none")),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.addEventListener("keydown",this.onEscapeKeydown),p.T.onShowPopover(this);else{if(c.S.pop(),this.backdropElement&&(null===(o=this.backdropElement)||void 0===o||o.remove(),this.backdropElement=null),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="")),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.removeEventListener("keydown",this.onEscapeKeydown),null===(r=this.deactivateFocusTrap)||void 0===r||r.call(this),this.disableAriaExpanded||this.triggerElement.removeAttribute("aria-expanded"),this.interactive){const t=this.triggerElement.getAttribute("aria-haspopup");"dialog"!==t&&"alertdialog"!==t||this.triggerElement.removeAttribute("aria-haspopup")}this.focusBackToTrigger&&(null===(n=this.setFocusOnTrigger)||void 0===n||n.call(this,this.triggerElement)),p.T.onHidePopover(this)}}))}isMouseOverTrigger(t){if(this.triggerElement&&"undefined"!=typeof window&&"undefined"!=typeof document){const e=this.triggerElement.getBoundingClientRect(),{clientX:i,clientY:s}=t instanceof MouseEvent?t:{clientX:0,clientY:0};if(i>=e.left&&i<=e.right&&s>=e.top&&s<=e.bottom)return!0}return!1}handleCreatePopoverFirstUpdate(){return b(this,void 0,void 0,(function*(){var t,e;this.visible&&this.interactive&&(null===(t=this.setFocusableElements)||void 0===t||t.call(this),yield this.updateComplete,null===(e=this.setInitialFocus)||void 0===e||e.call(this))}))}positionPopover(){if(!this.triggerElement)return;const t=[(0,n.shift)()];let e=this.offset;if(this.flip&&t.push((0,n.flip)()),this.size){const e=this.renderRoot.querySelector('[part="popover-content"]');t.push((0,n.size)({apply({availableHeight:t}){e&&Object.assign(e.style,{maxHeight:`${t}px`,overflowY:"auto"})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){const i=this.arrowElement.offsetHeight;e=Math.sqrt(2*i**2)/2+this.offset,t.push((0,n.arrow)({element:this.arrowElement,padding:12}))}t.push((0,n.offset)(e)),(0,n.autoUpdate)(this.triggerElement,this,(()=>b(this,void 0,void 0,(function*(){if(!this.triggerElement)return;const{x:e,y:i,middlewareData:s,placement:o}=yield(0,n.computePosition)(this.triggerElement,this,{placement:this.placement,middleware:t,strategy:this.strategy});this.utils.updatePopoverStyle(e,i),s.arrow&&this.arrowElement&&this.utils.updateArrowStyle(s.arrow,o),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(o)}))))}render(){return a.html`
|
|
1923
|
+
`}};d([(0,n.property)({type:String})],e.prototype,"size",void 0),e=d([(0,o.w)("md-loading")],e),t.ELEMENT=e}(s||(s={}))},71128:(t,e,i)=>{i.d(e,{Popover:()=>g,PopoverController:()=>v}),i(96798),i(61200);var s=i(31890),o=i(28373),r=i(66677),n=i(5784),a=i(41488),l=i(40333),d=i(73679),h=i(68419),p=i(36365),c=i(3998),u=i(33759),m=i(50325),y=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n},b=function(t,e,i,s){return new(i||(i=Promise))((function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(n,a)}l((s=s.apply(t,e||[])).next())}))};class v{show(t){}hide(){}toggle(){}isVisible(){return!1}}let g=class extends((0,o.d)(a.LitElement)){set controller(t){t?(t.show=(t=!1)=>this.showPopover(t),t.hide=()=>this.hidePopover(),t.toggle=()=>this.togglePopoverVisible(),t.isVisible=()=>this.visible,this._controller=t):this._controller=null}get controller(){return this._controller}constructor(){super(),this.id="",this.triggerID="",this.trigger=h.zY.TRIGGER,this.placement=h.zY.PLACEMENT,this.strategy=h.zY.STRATEGY,this.color=h.zY.COLOR,this.visible=h.zY.VISIBLE,this.offset=h.zY.OFFSET,this.focusTrap=h.zY.FOCUS_TRAP,this.preventScroll=h.zY.PREVENT_SCROLL,this.showArrow=h.zY.ARROW,this.closeButton=h.zY.CLOSE_BUTTON,this.interactive=h.zY.INTERACTIVE,this.delay=h.zY.DELAY,this.hideOnEscape=h.zY.HIDE_ON_ESCAPE,this.hideOnBlur=h.zY.HIDE_ON_BLUR,this.hideOnWindowBlur=h.zY.HIDE_ON_WINDOW_BLUR,this.hideOnOutsideClick=h.zY.HIDE_ON_CLICK_OUTSIDE,this.focusBackToTrigger=h.zY.FOCUS_BACK,this.backdrop=h.zY.BACKDROP,this.flip=h.zY.FLIP,this.size=h.zY.SIZE,this.zIndex=h.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=h.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=h.zY.DISABLE_ARIA_EXPANDED,this._controller=null,this.arrowElement=null,this.triggerElement=null,this.hoverTimer=null,this.isTriggerClicked=!1,this.openDelay=0,this.closeDelay=0,this.backdropElement=null,this.useLegacyFindFocusable=()=>!1,this.onOutsidePopoverClick=t=>{const e=t.composedPath();e.includes(this)||this.triggerElement&&e.includes(this.triggerElement)||c.S.shouldDeferToTopForOutsideClick(this)||this.hideThisPopover()},this.hideThisPopover=()=>{setTimeout((()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)}),this.closeDelay)},this.onEscapeKeydown=t=>{this.visible&&"Escape"===t.code&&(t.preventDefault(),this.hidePopover())},this.onPopoverFocusOut=t=>{this.contains(t.relatedTarget)||this.hidePopover()},this.handleWindowBlurEvent=()=>{this.visible&&this.hidePopover()},this.startCloseDelay=()=>{if(this.interactive){if(this.isTriggerClicked)return;this.hoverTimer=window.setTimeout((()=>{this.visible=!1}),this.closeDelay)}else this.hidePopover()},this.cancelCloseDelay=()=>{this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)},this.showPopover=(t=!1)=>{this.cancelCloseDelay(),t&&this.openDelay>0?setTimeout((()=>{this.utils.handleAppendTo(!0),this.visible=!0}),this.openDelay):(this.utils.handleAppendTo(!0),this.visible=!0)},this.hidePopover=()=>{c.S.peek()===this&&setTimeout((()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)}),this.closeDelay)},this.togglePopoverVisible=()=>{this.isTriggerClicked?this.hidePopover():(this.showPopover(),this.isTriggerClicked=!0)},this.onMouseEnterTrigger=()=>{this.trigger.includes("mouseenter")&&this.showPopover(!0)},this.onFocusInTrigger=()=>{this.trigger.includes("focusin")&&this.showPopover(!1)},this.onTriggerClick=t=>{this.trigger.includes("mouseenter")&&this.isMouseOverTrigger(t)||this.togglePopoverVisible()},this.utils=new u.h(this),this.preventClickOutside=!0}firstUpdated(t){const e=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return b(this,void 0,void 0,(function*(){e.firstUpdated.call(this,t),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.setupTriggerListener(),this.utils.setupAccessibility(),this.style.zIndex=`${this.zIndex}`,p.T.onCreatedPopover(this),this.visible&&(this.utils.handleAppendTo(!0),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate())}))}disconnectedCallback(){const t=Object.create(null,{disconnectedCallback:{get:()=>super.disconnectedCallback}});return b(this,void 0,void 0,(function*(){t.disconnectedCallback.call(this),this._controller=null,this.removeEventListeners(),p.T.onDestroyedPopover(this),c.S.remove(this)}))}setupTriggerListener(){if(!this.triggerID)return;const t=this.getRootNode();if(this.triggerElement=(0,r.qi)(`[id="${this.triggerID}"]`,t),!this.triggerElement){const e=null==t?void 0:t.host;if(e){const t=e.querySelector("[slot]");(null==t?void 0:t.id)===this.triggerID&&(this.triggerElement=t)}}if(this.triggerElement){if("mouseenter"===this.trigger&&(this.interactive?this.trigger="mouseenter click":this.trigger="mouseenter focusin"),this.trigger.includes("click")&&this.triggerElement.addEventListener("click",this.onTriggerClick),this.trigger.includes("mouseenter")){const t=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.addEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.addEventListener("mouseleave",this.startCloseDelay),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay),null==t||t.addEventListener("mouseenter",this.cancelCloseDelay)}this.trigger.includes("focusin")&&(this.triggerElement.addEventListener("focusin",this.onFocusInTrigger),this.interactive||this.triggerElement.addEventListener("focusout",this.hidePopover)),this.addEventListener("focus-trap-exit",this.hidePopover)}}removeEventListeners(){if(!this.triggerElement)return;const t=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.removeEventListener("click",this.onTriggerClick),this.triggerElement.removeEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.removeEventListener("mouseleave",this.hidePopover),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),this.triggerElement.removeEventListener("focusin",this.onFocusInTrigger),this.triggerElement.removeEventListener("focusout",this.hidePopover),null==t||t.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("focus-trap-exit",this.hidePopover)}updated(t){const e=Object.create(null,{updated:{get:()=>super.updated}});return b(this,void 0,void 0,(function*(){if(e.updated.call(this,t),t.has("visible")){const e=t.get("visible")||!1;yield this.isOpenUpdated(e,this.visible),this.utils.updateAriaExpandedAttribute()}if(t.has("placement")&&this.setAttribute("placement",Object.values(h.ME).includes(this.placement)?this.placement:h.zY.PLACEMENT),t.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),t.has("trigger")){const t=this.trigger.split(" ").filter((t=>Object.values(h.tr).includes(t)));this.setAttribute("trigger",t.length>0?this.trigger:h.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}t.has("color")&&this.setAttribute("color",Object.values(h.o$).includes(this.color)?this.color:h.zY.COLOR),t.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),(t.has("interactive")||t.has("aria-label")||t.has("aria-labelledby"))&&this.utils.setupAccessibility(),t.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),t.has("interactive")&&this.utils.updateAriaHasPopupAttribute()}))}isOpenUpdated(t,e){const i=Object.create(null,{preventScroll:{get:()=>super.preventScroll,set:t=>super.preventScroll=t}});return b(this,void 0,void 0,(function*(){var s,o,r,n;if(t!==e&&this.triggerElement)if(e)c.S.peek()!==this&&c.S.push(this),i.preventScroll=this.preventScroll,this.focusTrap&&(null===(s=this.activateFocusTrap)||void 0===s||s.call(this)),this.backdrop&&(this.utils.createBackdrop(),this.triggerElement.style.zIndex=`${this.zIndex}`),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="none")),this.hideOnWindowBlur&&window.addEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.addEventListener("keydown",this.onEscapeKeydown),p.T.onShowPopover(this);else{if(c.S.removeItem(this),this.backdropElement&&(null===(o=this.backdropElement)||void 0===o||o.remove(),this.backdropElement=null),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="")),this.hideOnWindowBlur&&window.removeEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.removeEventListener("keydown",this.onEscapeKeydown),null===(r=this.deactivateFocusTrap)||void 0===r||r.call(this),this.disableAriaExpanded||this.triggerElement.removeAttribute("aria-expanded"),this.interactive){const t=this.triggerElement.getAttribute("aria-haspopup");"dialog"!==t&&"alertdialog"!==t||this.triggerElement.removeAttribute("aria-haspopup")}this.focusBackToTrigger&&(null===(n=this.setFocusOnTrigger)||void 0===n||n.call(this,this.triggerElement)),p.T.onHidePopover(this)}}))}isMouseOverTrigger(t){if(this.triggerElement&&"undefined"!=typeof window&&"undefined"!=typeof document){const e=this.triggerElement.getBoundingClientRect(),{clientX:i,clientY:s}=t instanceof MouseEvent?t:{clientX:0,clientY:0};if(i>=e.left&&i<=e.right&&s>=e.top&&s<=e.bottom)return!0}return!1}handleCreatePopoverFirstUpdate(){return b(this,void 0,void 0,(function*(){var t,e;this.visible&&this.interactive&&(null===(t=this.setFocusableElements)||void 0===t||t.call(this),yield this.updateComplete,null===(e=this.setInitialFocus)||void 0===e||e.call(this))}))}positionPopover(){if(!this.triggerElement)return;const t=[(0,n.shift)()];let e=this.offset;if(this.flip&&t.push((0,n.flip)()),this.size){const e=this.renderRoot.querySelector('[part="popover-content"]');t.push((0,n.size)({apply({availableHeight:t}){e&&Object.assign(e.style,{maxHeight:`${t}px`,overflowY:"auto"})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){const i=this.arrowElement.offsetHeight;e=Math.sqrt(2*i**2)/2+this.offset,t.push((0,n.arrow)({element:this.arrowElement,padding:12}))}t.push((0,n.offset)(e)),(0,n.autoUpdate)(this.triggerElement,this,(()=>b(this,void 0,void 0,(function*(){if(!this.triggerElement)return;const{x:e,y:i,middlewareData:s,placement:o}=yield(0,n.computePosition)(this.triggerElement,this,{placement:this.placement,middleware:t,strategy:this.strategy});this.utils.updatePopoverStyle(e,i),s.arrow&&this.arrowElement&&this.utils.updateArrowStyle(s.arrow,o),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(o)}))))}render(){return a.html`
|
|
1924
1924
|
<div class="popover-hover-bridge"></div>
|
|
1925
1925
|
${this.closeButton?a.html` <md-button
|
|
1926
1926
|
class="popover-close"
|
|
@@ -1936,7 +1936,7 @@
|
|
|
1936
1936
|
<div part="popover-content">
|
|
1937
1937
|
<slot></slot>
|
|
1938
1938
|
</div>
|
|
1939
|
-
`}static get styles(){return[m.A]}};y([(0,a.property)({type:String,reflect:!0})],
|
|
1939
|
+
`}static get styles(){return[m.A]}};y([(0,a.property)({type:String,reflect:!0})],g.prototype,"id",void 0),y([(0,a.property)({type:String,reflect:!0})],g.prototype,"triggerID",void 0),y([(0,a.property)({type:String,reflect:!0})],g.prototype,"trigger",void 0),y([(0,a.property)({type:String,reflect:!0})],g.prototype,"placement",void 0),y([(0,a.property)({type:String,reflect:!0})],g.prototype,"strategy",void 0),y([(0,a.property)({type:String,reflect:!0})],g.prototype,"color",void 0),y([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"visible",void 0),y([(0,a.property)({type:Number,reflect:!0})],g.prototype,"offset",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"focus-trap"})],g.prototype,"focusTrap",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],g.prototype,"preventScroll",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"show-arrow"})],g.prototype,"showArrow",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"close-button"})],g.prototype,"closeButton",void 0),y([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"interactive",void 0),y([(0,a.property)({type:String,reflect:!0})],g.prototype,"delay",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],g.prototype,"hideOnEscape",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],g.prototype,"hideOnBlur",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-window-blur"})],g.prototype,"hideOnWindowBlur",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],g.prototype,"hideOnOutsideClick",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],g.prototype,"focusBackToTrigger",void 0),y([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"backdrop",void 0),y([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"flip",void 0),y([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"size",void 0),y([(0,a.property)({type:Number,reflect:!0,attribute:"z-index"})],g.prototype,"zIndex",void 0),y([(0,a.property)({type:String,reflect:!0,attribute:"append-to"})],g.prototype,"appendTo",void 0),y([(0,a.property)({type:String,attribute:"close-button-aria-label",reflect:!0})],g.prototype,"closeButtonAriaLabel",void 0),y([(0,a.property)({type:String,reflect:!0})],g.prototype,"role",void 0),y([(0,a.property)({type:String,reflect:!0,attribute:"aria-labelledby"})],g.prototype,"ariaLabelledby",void 0),y([(0,a.property)({type:String,reflect:!0,attribute:"aria-describedby"})],g.prototype,"ariaDescribedby",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],g.prototype,"disableAriaExpanded",void 0),y([(0,a.property)({type:Object,attribute:!1})],g.prototype,"controller",null),g=y([(0,s.w)("md-popover")],g)},73093:(t,e,i)=>{i.d(e,{FloatingModal:()=>s}),i(96798),i(61200);var s,o=i(3001),r=i(31890),n=i(26272),a=(i(58088),i(57346),i(69e3),i(20727)),l=i.n(a),d=(i(3288),i(41488)),h=i(40333),p=i(97822),c=(i(58871),i(67330)),u=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,o.yC)((0,o.TS)(d.LitElement))){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.aspectRatio=!1,this.centered=!1,this.fixed=!1,this.full=!1,this.closeAriaLabel="Close Modal",this.resizeAriaLabel="Resize Modal",this.maximizeScreenLabel="Maximize Modal",this.minimizeAriaLabel="Minimize Modal",this.maximizable=!0,this.resizable=!0,this.minimize=!1,this.minimizable=!1,this.containerRect=null,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.resizeMoveListener=t=>{const{target:e}=t;let i=parseFloat(e.getAttribute("data-x"))||0,s=parseFloat(e.getAttribute("data-y"))||0;e.style.setProperty("width",`${t.rect.width}px`,"important"),e.style.setProperty("height",`${t.rect.height}px`,"important");const{initialX:o,initialY:r}=this.getInitialPosition();i+=t.deltaRect.left+o,s+=t.deltaRect.top+r,this.setTargetPosition(e,i,s),this.applyInitialPosition=!1},this.resizeEndListener=()=>{this.setContainerRect()},this.getInitialPosition=()=>{var t,e;return this.applyInitialPosition&&this.position?{initialX:Number(null===(t=this.position)||void 0===t?void 0:t.x),initialY:Number(null===(e=this.position)||void 0===e?void 0:e.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:e}=t,{x:i,y:s}=this.getTransformValues(t);this.setTargetPosition(e,i,s),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[n.A,c.A]}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("position")&&!t.has("show")&&this.setInitialTargetPosition()}isNewPositionNotSame(){var t,e,i,s;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(e=this.position)||void 0===e?void 0:e.x)||Number(null===(i=this.container)||void 0===i?void 0:i.getAttribute("data-y"))!==(null===(s=this.position)||void 0===s?void 0:s.y)}setInitialTargetPosition(){var t,e;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.position)||void 0===t?void 0:t.x),Number(null===(e=this.position)||void 0===e?void 0:e.y))}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),e=this.container.getAttribute("data-y");return t&&e?(this.dispatchEvent(new CustomEvent("floating-modal-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:e}}})),`translate(${t}px, ${e}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame((()=>{return t=this,e=void 0,s=function*(){yield this.updateComplete,this.containerRect=this.container.getBoundingClientRect(),this.dispatchEvent(new CustomEvent("floating-modal-resize",{composed:!0,bubbles:!0,detail:{size:this.containerRect}})),this.containerTransform=this.getContainerTransform()},new((i=void 0)||(i=Promise))((function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(n,a)}l((s=s.apply(t,e||[])).next())}));var t,e,i,s}))}setInteractInstance(){requestAnimationFrame((()=>{this.container&&(l()(this.container).draggable({autoScroll:!0,allowFrom:this.header,ignoreFrom:this.body,listeners:{move:this.dragMoveListener,end:this.dragEndListener}}),this.resizable&&l()(this.container).resizable({edges:{left:!0,right:!0,bottom:!0,top:!0},listeners:{end:this.resizeEndListener,move:this.resizeMoveListener},modifiers:this.aspectRatio?[l().modifiers.aspectRatio({ratio:"preserve",equalDelta:!0,modifiers:[l().modifiers.restrictSize({max:"parent"})]})]:void 0}))}))}handleClose(t){this.show=!1,this.full=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleMinimize(){this.minimizable&&(this.dragOccured||(this.minimize=!this.minimize,this.dispatchEvent(new CustomEvent("floating-modal-minimize",{composed:!0,bubbles:!0,detail:{minimize:this.minimize}}))),this.dragOccured=!1)}handleToggleExpandCollapse(){this.full=!this.full}getTransformValues(t){const{target:e,dx:i,dy:s}=t,{initialX:o,initialY:r}=this.getInitialPosition();return{x:(parseFloat(e.getAttribute("data-x"))||0)+i+o,y:(parseFloat(e.getAttribute("data-y"))||0)+s+r}}setTargetPosition(t,e,i){t.style.transform=`translate(${e}px, ${i}px)`,t.setAttribute("data-x",`${e}`),t.setAttribute("data-y",`${i}`)}destroyInteractInstance(){this.container&&l().isSet(this.container)&&l()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance()}renderedCallback(){this.containerTransform=this.position?`translate(${this.position.x}px, ${this.position.y}px)`:""}render(){return d.html`
|
|
1940
1940
|
${this.show?d.html`
|
|
1941
1941
|
<div
|
|
1942
1942
|
class="md-floating ${this.fixed?"fixed":""} ${this.minimize?"hide":""}"
|
|
@@ -81,7 +81,7 @@ export declare namespace Grabber {
|
|
|
81
81
|
visible: boolean;
|
|
82
82
|
};
|
|
83
83
|
private get grabberContainerClassMap();
|
|
84
|
-
get iconName(): "arrow-up-bold" | "arrow-down-bold" | "
|
|
84
|
+
get iconName(): "arrow-up-bold" | "arrow-down-bold" | "list-menu-bold" | "arrow-left-bold" | "arrow-right-bold";
|
|
85
85
|
get iconSize(): "10" | "12";
|
|
86
86
|
render(): import("lit-element").TemplateResult;
|
|
87
87
|
}
|
|
@@ -40,6 +40,7 @@ declare const DEFAULTS: {
|
|
|
40
40
|
readonly PREVENT_SCROLL: false;
|
|
41
41
|
readonly HIDE_ON_ESCAPE: false;
|
|
42
42
|
readonly HIDE_ON_BLUR: false;
|
|
43
|
+
readonly HIDE_ON_WINDOW_BLUR: false;
|
|
43
44
|
readonly HIDE_ON_CLICK_OUTSIDE: false;
|
|
44
45
|
readonly FOCUS_BACK: false;
|
|
45
46
|
readonly BACKDROP: false;
|
|
@@ -8,7 +8,13 @@
|
|
|
8
8
|
import "@/components/button/Button";
|
|
9
9
|
import "@/components/icon/Icon";
|
|
10
10
|
import { LitElement, PropertyValues } from "lit-element";
|
|
11
|
-
import { PopoverColor, PopoverPlacement, PopoverStrategy, PopoverTrigger } from "./Popover.types";
|
|
11
|
+
import { IPopoverController, PopoverColor, PopoverPlacement, PopoverStrategy, PopoverTrigger } from "./Popover.types";
|
|
12
|
+
export declare class PopoverController implements IPopoverController {
|
|
13
|
+
show(_useDelay?: boolean): void;
|
|
14
|
+
hide(): void;
|
|
15
|
+
toggle(): void;
|
|
16
|
+
isVisible(): boolean;
|
|
17
|
+
}
|
|
12
18
|
declare const Popover_base: typeof LitElement & import("@/mixins/FocusTrapMixin").AnyConstructor<import("@/mixins/FocusTrapMixin").FocusTrapClass & import("@/mixins/FocusTrapMixin").FocusTrapInterface & import("../../mixins/FocusMixin").FocusClass>;
|
|
13
19
|
/**
|
|
14
20
|
* Popover component is a lightweight floating UI element that displays additional content when triggered.
|
|
@@ -144,6 +150,11 @@ export declare class Popover extends Popover_base {
|
|
|
144
150
|
* @default false
|
|
145
151
|
*/
|
|
146
152
|
hideOnBlur: boolean;
|
|
153
|
+
/**
|
|
154
|
+
* Hide popover on window blur.
|
|
155
|
+
* @default false
|
|
156
|
+
*/
|
|
157
|
+
hideOnWindowBlur: boolean;
|
|
147
158
|
/**
|
|
148
159
|
* Hide on outside click of the popover.
|
|
149
160
|
* @default false
|
|
@@ -205,6 +216,20 @@ export declare class Popover extends Popover_base {
|
|
|
205
216
|
* @default false
|
|
206
217
|
*/
|
|
207
218
|
disableAriaExpanded: boolean;
|
|
219
|
+
/**
|
|
220
|
+
* Controller object that provides methods to programmatically control the popover.
|
|
221
|
+
* This is especially useful when the popover is appended to another part of the DOM.
|
|
222
|
+
*
|
|
223
|
+
* @example
|
|
224
|
+
* ```js
|
|
225
|
+
* const controller = {};
|
|
226
|
+
* popover.controller = controller;
|
|
227
|
+
* // Now you can use controller.show(), controller.hide(), controller.toggle()
|
|
228
|
+
* ```
|
|
229
|
+
*/
|
|
230
|
+
set controller(value: PopoverController | null | undefined);
|
|
231
|
+
get controller(): PopoverController | null;
|
|
232
|
+
private _controller;
|
|
208
233
|
arrowElement: HTMLElement | null;
|
|
209
234
|
triggerElement: HTMLElement | null;
|
|
210
235
|
/** @internal */
|
|
@@ -239,6 +264,7 @@ export declare class Popover extends Popover_base {
|
|
|
239
264
|
* @param event - The mouse event.
|
|
240
265
|
*/
|
|
241
266
|
private readonly onOutsidePopoverClick;
|
|
267
|
+
private readonly hideThisPopover;
|
|
242
268
|
/**
|
|
243
269
|
* Handles the escape keydown event to close the popover.
|
|
244
270
|
*
|
|
@@ -251,6 +277,7 @@ export declare class Popover extends Popover_base {
|
|
|
251
277
|
* @param event - The focus event.
|
|
252
278
|
*/
|
|
253
279
|
private readonly onPopoverFocusOut;
|
|
280
|
+
private readonly handleWindowBlurEvent;
|
|
254
281
|
/**
|
|
255
282
|
* Handles the popover visibility change and position the popover.
|
|
256
283
|
* Handles the exit event to close the popover.
|
|
@@ -23,6 +23,7 @@ declare class PopoverStack {
|
|
|
23
23
|
* @returns The last popover in the stack
|
|
24
24
|
*/
|
|
25
25
|
pop(): Popover | undefined;
|
|
26
|
+
removeItem(popover: Popover): void;
|
|
26
27
|
/**
|
|
27
28
|
* Returns the last popover in the stack
|
|
28
29
|
* without removing it
|
|
@@ -40,6 +41,15 @@ declare class PopoverStack {
|
|
|
40
41
|
* Clears the stack
|
|
41
42
|
*/
|
|
42
43
|
clear(): void;
|
|
44
|
+
/**
|
|
45
|
+
* Determines if the currentPopover should defer closing to the topmost popover
|
|
46
|
+
* in the case of an outside click, based on nesting.
|
|
47
|
+
*
|
|
48
|
+
* @param currentPopover - The popover instance being checked.
|
|
49
|
+
* @returns True if the currentPopover is nested with the top popover and is not the top itself,
|
|
50
|
+
* meaning it should defer closing. False otherwise.
|
|
51
|
+
*/
|
|
52
|
+
shouldDeferToTopForOutsideClick(currentPopover: Popover): boolean;
|
|
43
53
|
}
|
|
44
54
|
export declare const popoverStack: PopoverStack;
|
|
45
55
|
export {};
|
|
@@ -11,10 +11,16 @@ interface Events {
|
|
|
11
11
|
onCreatedEvent: Event;
|
|
12
12
|
onDestroyedEvent: Event;
|
|
13
13
|
}
|
|
14
|
+
interface IPopoverController {
|
|
15
|
+
show: (useDelay?: boolean) => void;
|
|
16
|
+
hide: () => void;
|
|
17
|
+
toggle: () => void;
|
|
18
|
+
isVisible: () => boolean;
|
|
19
|
+
}
|
|
14
20
|
export declare const Strategy: readonly ["fixed", "absolute"];
|
|
15
21
|
export declare const PopoverRole: readonly ["dialog", "menu", "tooltip"];
|
|
16
22
|
export declare const Triggers: readonly ["click", "mouseenter", "manual"];
|
|
17
23
|
export type PlacementType = (typeof Placement)[number];
|
|
18
24
|
export type StrategyType = (typeof Strategy)[number];
|
|
19
25
|
export type PopoverRoleType = (typeof PopoverRole)[number];
|
|
20
|
-
export type { Events, PopoverColor, PopoverPlacement, PopoverStrategy, PopoverTrigger };
|
|
26
|
+
export type { Events, IPopoverController, PopoverColor, PopoverPlacement, PopoverStrategy, PopoverTrigger };
|
|
@@ -109,7 +109,7 @@ export declare namespace Tabs {
|
|
|
109
109
|
handleUpdatedSeletedTabAfterCross(crossTabIndex: number): void;
|
|
110
110
|
private setSelectedAttribute;
|
|
111
111
|
private isTabInMoreMenu;
|
|
112
|
-
|
|
112
|
+
updateSelectedTab(newSelectedIndex: number): void;
|
|
113
113
|
private dispatchSelectedChangedEvent;
|
|
114
114
|
private changeSelectedTabIdx;
|
|
115
115
|
storeSelectedTabIndex(index: number): void;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -64,7 +64,7 @@ export { MenuItem } from "./components/menu/MenuItem";
|
|
|
64
64
|
export { Modal } from "./components/modal/Modal";
|
|
65
65
|
export { Pagination } from "./components/pagination/Pagination";
|
|
66
66
|
export { PhoneInput } from "./components/phone-input/PhoneInput";
|
|
67
|
-
export { Popover } from "./components/popover/Popover";
|
|
67
|
+
export { Popover, PopoverController } from "./components/popover/Popover";
|
|
68
68
|
export { ProgressBar } from "./components/progress-bar/ProgressBar";
|
|
69
69
|
export { Radio } from "./components/radio/Radio";
|
|
70
70
|
export { RadioGroup } from "./components/radio/RadioGroup";
|
|
@@ -82,4 +82,4 @@ export { ToggleSwitch } from "./components/toggle-switch/ToggleSwitch";
|
|
|
82
82
|
export { Tooltip } from "./components/tooltip/Tooltip";
|
|
83
83
|
export { iconUrlManager } from "./managers/IconUrlManager";
|
|
84
84
|
export { ThemeManager, themeManager } from "./managers/ThemeManager";
|
|
85
|
-
export type { Events, PopoverColor, PopoverPlacement, PopoverStrategy, PopoverTrigger } from "./components/popover/Popover.types";
|
|
85
|
+
export type { Events, IPopoverController, PopoverColor, PopoverPlacement, PopoverStrategy, PopoverTrigger } from "./components/popover/Popover.types";
|
|
@@ -26,6 +26,7 @@ export declare abstract class RovingTabIndexClass extends LitElement {
|
|
|
26
26
|
}
|
|
27
27
|
export interface RovingTabIndexInterface {
|
|
28
28
|
selected: number;
|
|
29
|
+
selectedIndex: number;
|
|
29
30
|
rovingPreventFocus: boolean;
|
|
30
31
|
}
|
|
31
32
|
export declare const RovingTabIndexMixin: <T extends AnyConstructor<SlotableClass & RovingTabIndexClass>>(base: T) => T & AnyConstructor<RovingTabIndexInterface & SlotableInterface & SlotableClass & RovingTabIndexClass>;
|