npm - @ds-mo/ui - Versions diffs - 14.15.1 → 14.16.0 - Mend

@ds-mo/ui 14.15.1 → 14.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (243) hide show

package/dist/components/ds-table-toolbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["tableToolbarCss","TableToolbar","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","label","render","h","Host","key","class","role","name"],"sources":["src/wc/components/TableToolbar/TableToolbar.css?tag=ds-table-toolbar&encapsulation=scoped","src/wc/components/TableToolbar/TableToolbar.tsx"],"sourcesContent":[":host {\n display: block;\n min-inline-size: 0;\n max-inline-size: 100%;\n}\n\n.table-toolbar {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n inline-size: 100%;\n min-inline-size: 0;\n gap: var(--dimension-space-100);\n overflow-x: auto;\n overflow-y: hidden;\n scrollbar-width: none;\n}\n\n.table-toolbar::-webkit-scrollbar {\n display: none;\n}\n\n.table-toolbar__leading,\n.table-toolbar__trailing {\n display: flex;\n align-items: center;\n min-inline-size: 0;\n gap: var(--dimension-space-100);\n}\n\n.table-toolbar__leading {\n flex: 1 0 auto;\n}\n\n.table-toolbar__trailing {\n flex: 0 0 auto;\n margin-inline-start: auto;\n}\n\n.table-toolbar__leading slot,\n.table-toolbar__trailing slot {\n display: contents;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'ds-table-toolbar',\n styleUrl: 'TableToolbar.css',\n scoped: true,\n})\nexport class TableToolbar {\n /** Accessible name for the grouped table controls. */\n @Prop() label: string = 'Table controls';\n\n render() {\n return (\n <Host>\n <div class=\"table-toolbar\" role=\"toolbar\" aria-label={this.label}>\n <div class=\"table-~~toolbar__leading~~\">\n <slot name=\"~~leading~~\" />\n </div>\n <div class=\"table-~~toolbar__trailing~~\">\n <slot name=\"trailing\" />\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"~~2DAAA~~,MAAMA,EAAkB,IAAM,~~wzB~~,~~MCOjBC~~,EAAYC,EAAA,MAAAD,UAAAE,EALzB,WAAAC,CAAAC,G,~~4CAOUC~~,KAAAC,MAAgB,~~gBAgBzB~~,~~CAdC~~,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBAAgBC,KAAK,UAAS,~~aAAaP~~,KAAKC,~~OACzDE~~,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0BACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,aAEbL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2BACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,e","ignoreList":[]}
1	+ {"version":3,"names":["tableToolbarCss","CAPTION_CONTROL_SELECTOR","TableToolbar","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","label","syncCaptionControls","control","el","querySelectorAll","closest","collapseLabel","componentDidLoad","connectCaptionControlObserver","disconnectedCallback","captionControlObserver","disconnect","render","h","Host","key","class","role","name","orientation","length","MutationObserver","observe","childList","subtree"],"sources":["src/wc/components/TableToolbar/TableToolbar.css?tag=ds-table-toolbar&encapsulation=scoped","src/wc/components/TableToolbar/TableToolbar.tsx"],"sourcesContent":[":host {\n display: block;\n min-inline-size: 0;\n max-inline-size: 100%;\n}\n\n.table-toolbar {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n inline-size: 100%;\n min-inline-size: 0;\n gap: var(--dimension-space-100);\n overflow-x: auto;\n overflow-y: hidden;\n scrollbar-width: none;\n}\n\n.table-toolbar::-webkit-scrollbar {\n display: none;\n}\n\n.table-toolbar__start,\n.table-toolbar__search,\n.table-toolbar__main,\n.table-toolbar__leading,\n.table-toolbar__trailing {\n display: flex;\n align-items: center;\n min-inline-size: 0;\n gap: var(--dimension-space-100);\n}\n\n.table-toolbar__start {\n flex: 0 1 var(--dimension-menu-width-xs);\n min-inline-size: 0;\n max-inline-size: var(--dimension-menu-width-xs);\n overflow: hidden;\n}\n\n.table-toolbar__rule {\n flex: 0 0 auto;\n}\n\n.table-toolbar__main {\n flex: 1 1 auto;\n min-inline-size: min-content;\n}\n\n.table-toolbar__search {\n flex: 0 1 var(--dimension-panel-width-xs);\n max-inline-size: var(--dimension-panel-width-xs);\n}\n\n:host(:not(:has([slot='search']))) .table-toolbar__search {\n display: none;\n}\n\n:host(:not(:has([slot='start']))) .table-toolbar__start,\n:host(:not(:has([slot='start']))) .table-toolbar__rule {\n display: none;\n}\n\n.table-toolbar__leading {\n flex: 1 0 auto;\n}\n\n.table-toolbar__trailing {\n flex: 0 0 auto;\n margin-inline-start: auto;\n}\n\n.table-toolbar__trailing > ,\n.table-toolbar [slot='start'],\n.table-toolbar ds-filter-menu,\n.table-toolbar ds-select,\n.table-toolbar ds-table-sort {\n min-inline-size: 0;\n max-inline-size: var(--dimension-menu-width-xs);\n --ds-choice-popup-min-inline-size: var(--dimension-menu-width-xs);\n}\n\n.table-toolbar__start slot,\n.table-toolbar__search slot,\n.table-toolbar__leading slot,\n.table-toolbar__trailing slot {\n display: contents;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nconst CAPTION_CONTROL_SELECTOR = 'ds-filter-menu, ds-select';\n\n@Component({\n tag: 'ds-table-toolbar',\n styleUrl: 'TableToolbar.css',\n scoped: true,\n})\nexport class TableToolbar {\n @Element() private el!: HTMLElement;\n\n /* Accessible name for the grouped table controls. */\n @Prop() label: string = 'Table controls';\n\n private captionControlObserver: MutationObserver \| undefined;\n\n componentDidLoad(): void {\n this.connectCaptionControlObserver();\n }\n\n disconnectedCallback(): void {\n this.captionControlObserver?.disconnect();\n }\n\n render() {\n return (\n <Host>\n <div class=\"table-toolbar\" role=\"toolbar\" aria-label={this.label}>\n <div class=\"table-toolbar__start\">\n <slot name=\"start\" />\n </div>\n <ds-divider class=\"table-toolbar__rule\" orientation=\"vertical\" length=\"32px\" />\n <div class=\"table-toolbar__main\">\n <div class=\"table-toolbar__search\">\n <slot name=\"search\" />\n </div>\n <div class=\"table-toolbar__leading\">\n <slot name=\"leading\" />\n </div>\n <div class=\"table-toolbar__trailing\">\n <slot name=\"trailing\" />\n </div>\n </div>\n </div>\n </Host>\n );\n }\n\n private connectCaptionControlObserver(): void {\n if (this.captionControlObserver \|\| typeof MutationObserver === 'undefined') return;\n this.captionControlObserver = new MutationObserver(this.syncCaptionControls);\n this.captionControlObserver.observe(this.el, { childList: true, subtree: true });\n this.syncCaptionControls();\n }\n\n private syncCaptionControls = () => {\n for (const control of this.el.querySelectorAll<\n HTMLElement & { collapseLabel?: boolean }\n >(CAPTION_CONTROL_SELECTOR)) {\n if (control.closest('ds-table-saved-views')) continue;\n if (control.collapseLabel) continue;\n control.collapseLabel = true;\n }\n };\n}\n"],"mappings":"+FAAA,MAAMA,EAAkB,IAAM,uvECE9B,MAAMC,EAA2B,4B,MAOpBC,EAAYC,EAAA,MAAAD,UAAAE,EALzB,WAAAC,CAAAC,G,4CASUC,KAAAC,MAAgB,iBA2ChBD,KAAAE,oBAAsB,KAC5B,IAAK,MAAMC,KAAWH,KAAKI,GAAGC,iBAE5BX,GAA2B,CAC3B,GAAIS,EAAQG,QAAQ,wBAAyB,SAC7C,GAAIH,EAAQI,cAAe,SAC3BJ,EAAQI,cAAgB,I,EAG7B,CAhDC,gBAAAC,GACER,KAAKS,+B,CAGP,oBAAAC,GACEV,KAAKW,wBAAwBC,Y,CAG/B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBAAgBC,KAAK,UAAS,aAAalB,KAAKC,OACzDa,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wBACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,WAEbL,EAAA,cAAAE,IAAA,2CAAYC,MAAM,sBAAsBG,YAAY,WAAWC,OAAO,SACtEP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yBACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,YAEbL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0BACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,aAEbL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2BACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,gB,CAQf,6BAAAV,GACN,GAAIT,KAAKW,+BAAiCW,mBAAqB,YAAa,OAC5EtB,KAAKW,uBAAyB,IAAIW,iBAAiBtB,KAAKE,qBACxDF,KAAKW,uBAAuBY,QAAQvB,KAAKI,GAAI,CAAEoB,UAAW,KAAMC,QAAS,OACzEzB,KAAKE,qB","ignoreList":[]}