@masterteam/components 0.0.102 → 0.0.104

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 (32) hide show
  1. package/assets/common.css +1 -1
  2. package/fesm2022/masterteam-components-business-fields.mjs +18 -21
  3. package/fesm2022/masterteam-components-business-fields.mjs.map +1 -1
  4. package/fesm2022/masterteam-components-client-page-menu.mjs +3 -5
  5. package/fesm2022/masterteam-components-client-page-menu.mjs.map +1 -1
  6. package/fesm2022/masterteam-components-client-page.mjs +12 -116
  7. package/fesm2022/masterteam-components-client-page.mjs.map +1 -1
  8. package/fesm2022/masterteam-components-dialog.mjs +1 -4
  9. package/fesm2022/masterteam-components-dialog.mjs.map +1 -1
  10. package/fesm2022/masterteam-components-dynamic-drawer.mjs.map +1 -1
  11. package/fesm2022/masterteam-components-formula.mjs +1 -1
  12. package/fesm2022/masterteam-components-formula.mjs.map +1 -1
  13. package/fesm2022/masterteam-components-modal.mjs +4 -42
  14. package/fesm2022/masterteam-components-modal.mjs.map +1 -1
  15. package/fesm2022/masterteam-components-page-header.mjs +2 -2
  16. package/fesm2022/masterteam-components-page-header.mjs.map +1 -1
  17. package/fesm2022/masterteam-components-sidebar.mjs +4 -63
  18. package/fesm2022/masterteam-components-sidebar.mjs.map +1 -1
  19. package/fesm2022/masterteam-components-table.mjs +2 -2
  20. package/fesm2022/masterteam-components-table.mjs.map +1 -1
  21. package/fesm2022/masterteam-components-tabs.mjs +3 -3
  22. package/fesm2022/masterteam-components-tabs.mjs.map +1 -1
  23. package/fesm2022/masterteam-components-topbar.mjs +4 -50
  24. package/fesm2022/masterteam-components-topbar.mjs.map +1 -1
  25. package/package.json +1 -1
  26. package/types/masterteam-components-business-fields.d.ts +1 -1
  27. package/types/masterteam-components-client-page-menu.d.ts +1 -3
  28. package/types/masterteam-components-client-page.d.ts +5 -39
  29. package/types/masterteam-components-dynamic-drawer.d.ts +1 -4
  30. package/types/masterteam-components-modal.d.ts +2 -10
  31. package/types/masterteam-components-sidebar.d.ts +1 -18
  32. package/types/masterteam-components-topbar.d.ts +1 -17
@@ -1 +1 @@
1
- {"version":3,"file":"masterteam-components-topbar.mjs","sources":["../../../../packages/masterteam/components/topbar/topbar.ts","../../../../packages/masterteam/components/topbar/topbar.html","../../../../packages/masterteam/components/topbar/masterteam-components-topbar.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\r\nimport {\r\n DestroyRef,\r\n HostListener,\r\n booleanAttribute,\r\n Component,\r\n computed,\r\n inject,\r\n input,\r\n output,\r\n signal,\r\n} from '@angular/core';\r\nimport { RouterLink } from '@angular/router';\r\nimport { Icon } from '@masterteam/icons';\r\n\r\n@Component({\r\n selector: 'mt-topbar',\r\n standalone: true,\r\n imports: [RouterLink, Icon],\r\n templateUrl: './topbar.html',\r\n})\r\nexport class Topbar {\r\n private readonly document = inject(DOCUMENT);\r\n private readonly destroyRef = inject(DestroyRef);\r\n\r\n logo = input<string>();\r\n logoLink = input<string | any[]>();\r\n bgColor = input<string>('var(--p-primary-color)');\r\n bgImage = input<string>();\r\n bgRepeat = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n textColor = input<string>('var(--p-primary-contrast-color)');\r\n title = input<string>();\r\n subTitle = input<string>();\r\n showBranding = input<boolean, unknown>(true, { transform: booleanAttribute });\r\n responsive = input<boolean, unknown>(true, { transform: booleanAttribute });\r\n showMenuButton = input<boolean, unknown>(false, {\r\n transform: booleanAttribute,\r\n });\r\n collapseActionsOnMobile = input<boolean, unknown>(false, {\r\n transform: booleanAttribute,\r\n });\r\n menuClick = output<void>();\r\n\r\n private readonly viewportWidth = signal(this.getViewportWidth());\r\n private readonly mobileBreakpoint = 1024;\r\n readonly rtl = signal(this.getDirection() === 'rtl');\r\n\r\n readonly isMobile = computed(\r\n () => this.responsive() && this.viewportWidth() < this.mobileBreakpoint,\r\n );\r\n\r\n readonly showActions = computed(\r\n () => !(this.isMobile() && this.collapseActionsOnMobile()),\r\n );\r\n\r\n constructor() {\r\n const root = this.document?.documentElement;\r\n if (!root || typeof MutationObserver === 'undefined') {\r\n return;\r\n }\r\n\r\n const observer = new MutationObserver(() => {\r\n this.rtl.set(this.getDirection() === 'rtl');\r\n });\r\n\r\n observer.observe(root, {\r\n attributes: true,\r\n attributeFilter: ['dir'],\r\n });\r\n\r\n this.destroyRef.onDestroy(() => observer.disconnect());\r\n }\r\n\r\n onMenuClick(): void {\r\n this.menuClick.emit();\r\n }\r\n\r\n @HostListener('window:resize')\r\n onWindowResize(): void {\r\n this.viewportWidth.set(this.getViewportWidth());\r\n }\r\n\r\n private getViewportWidth(): number {\r\n if (typeof window === 'undefined') {\r\n return Number.MAX_SAFE_INTEGER;\r\n }\r\n\r\n return window.innerWidth;\r\n }\r\n\r\n private getDirection(): 'ltr' | 'rtl' {\r\n const dir = this.document?.documentElement?.dir?.toLowerCase();\r\n return dir === 'rtl' ? 'rtl' : 'ltr';\r\n }\r\n}\r\n","<div\r\n class=\"w-full flex items-center gap-3 bg-primary p-4 min-w-0\"\r\n [class.flex-wrap]=\"isMobile()\"\r\n [class.justify-between]=\"!isMobile()\"\r\n [style.height]=\"isMobile() ? null : 'var(--header-height)'\"\r\n [style.minHeight]=\"isMobile() ? 'var(--header-height)' : null\"\r\n [style.backgroundColor]=\"bgColor()\"\r\n [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\r\n [class.bg-no-repeat]=\"!bgRepeat()\"\r\n [class.bg-repeat]=\"bgRepeat()\"\r\n>\r\n <div\r\n class=\"flex gap-3 items-center min-w-0 flex-1\"\r\n [class.w-full]=\"isMobile()\"\r\n [style.color]=\"textColor()\"\r\n >\r\n @if (isMobile() && showMenuButton()) {\r\n <button\r\n type=\"button\"\r\n class=\"flex items-center justify-center w-9 h-9 rounded-lg hover:bg-black/10 transition-colors shrink-0 cursor-pointer\"\r\n aria-label=\"Open menu\"\r\n (click)=\"onMenuClick()\"\r\n >\r\n <mt-icon icon=\"general.menu-01\" class=\"text-lg\" />\r\n </button>\r\n }\r\n\r\n <div\r\n class=\"flex shrink-0 gap-3 items-center h-full max-w-full overflow-hidden transition-all duration-400 ease-in-out min-w-0\"\r\n [class.max-w-0]=\"!showBranding()\"\r\n [class.opacity-0]=\"!showBranding()\"\r\n [class.max-w-lg]=\"showBranding()\"\r\n [class.opacity-100]=\"showBranding()\"\r\n >\r\n @if (logo()) {\r\n <img\r\n [src]=\"logo()\"\r\n alt=\"Logo\"\r\n class=\"h-8 w-auto object-contain shrink-0\"\r\n [routerLink]=\"logoLink()\"\r\n [class.cursor-pointer]=\"logoLink()\"\r\n />\r\n }\r\n @if (logo() && (title() || subTitle())) {\r\n <div class=\"h-3/4 w-[1px] bg-current shrink-0\"></div>\r\n }\r\n @if (title() || subTitle()) {\r\n <div class=\"flex flex-col min-w-0\">\r\n <h2 class=\"text-md font-semibold product-name truncate\">\r\n {{ title() }}\r\n </h2>\r\n <span class=\"text-sm product-tagline truncate\">{{ subTitle() }}</span>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"flex min-w-0 flex-1 items-center overflow-hidden\">\r\n <ng-content select=\"[start]\"></ng-content>\r\n </div>\r\n </div>\r\n <div\r\n class=\"flex gap-2 items-center shrink-0\"\r\n [class.hidden]=\"!showActions()\"\r\n [class.w-auto]=\"!isMobile() && showActions()\"\r\n [class.justify-end]=\"isMobile() && showActions()\"\r\n >\r\n <ng-content select=\"[actions]\"></ng-content>\r\n </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAqBa,MAAM,CAAA;AACA,IAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAC3B,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;IAEhD,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACtB,QAAQ,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAkB;AAClC,IAAA,OAAO,GAAG,KAAK,CAAS,wBAAwB,mDAAC;IACjD,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACzB,QAAQ,GAAG,KAAK,CAAmB,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAC1E,IAAA,SAAS,GAAG,KAAK,CAAS,iCAAiC,qDAAC;IAC5D,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACvB,QAAQ,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IAC1B,YAAY,GAAG,KAAK,CAAmB,IAAI,yDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IAC7E,UAAU,GAAG,KAAK,CAAmB,IAAI,uDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IAC3E,cAAc,GAAG,KAAK,CAAmB,KAAK,2DAC5C,SAAS,EAAE,gBAAgB,EAAA,CAC3B;IACF,uBAAuB,GAAG,KAAK,CAAmB,KAAK,oEACrD,SAAS,EAAE,gBAAgB,EAAA,CAC3B;IACF,SAAS,GAAG,MAAM,EAAQ;IAET,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,EAAE,yDAAC;IAC/C,gBAAgB,GAAG,IAAI;IAC/B,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,KAAK,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;IAE3C,QAAQ,GAAG,QAAQ,CAC1B,MAAM,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE,GAAG,IAAI,CAAC,gBAAgB,oDACxE;AAEQ,IAAA,WAAW,GAAG,QAAQ,CAC7B,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,uBAAuB,EAAE,CAAC,uDAC3D;AAED,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,eAAe;QAC3C,IAAI,CAAC,IAAI,IAAI,OAAO,gBAAgB,KAAK,WAAW,EAAE;YACpD;QACF;AAEA,QAAA,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,MAAK;AACzC,YAAA,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,KAAK,CAAC;AAC7C,QAAA,CAAC,CAAC;AAEF,QAAA,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE;AACrB,YAAA,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,KAAK,CAAC;AACzB,SAAA,CAAC;AAEF,QAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,QAAQ,CAAC,UAAU,EAAE,CAAC;IACxD;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;IACvB;IAGA,cAAc,GAAA;QACZ,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACjD;IAEQ,gBAAgB,GAAA;AACtB,QAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,OAAO,MAAM,CAAC,gBAAgB;QAChC;QAEA,OAAO,MAAM,CAAC,UAAU;IAC1B;IAEQ,YAAY,GAAA;AAClB,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE,eAAe,EAAE,GAAG,EAAE,WAAW,EAAE;QAC9D,OAAO,GAAG,KAAK,KAAK,GAAG,KAAK,GAAG,KAAK;IACtC;uGAxEW,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAN,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAM,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,uBAAA,EAAA,EAAA,iBAAA,EAAA,yBAAA,EAAA,UAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrBnB,uhFAoEA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDlDY,UAAU,oOAAE,IAAI,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAGf,MAAM,EAAA,UAAA,EAAA,CAAA;kBANlB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,cACT,IAAI,EAAA,OAAA,EACP,CAAC,UAAU,EAAE,IAAI,CAAC,EAAA,QAAA,EAAA,uhFAAA,EAAA;;sBA2D1B,YAAY;uBAAC,eAAe;;;AE7E/B;;AAEG;;;;"}
1
+ {"version":3,"file":"masterteam-components-topbar.mjs","sources":["../../../../packages/masterteam/components/topbar/topbar.ts","../../../../packages/masterteam/components/topbar/topbar.html","../../../../packages/masterteam/components/topbar/masterteam-components-topbar.ts"],"sourcesContent":["import { booleanAttribute, Component, input } from '@angular/core';\r\nimport { RouterLink } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'mt-topbar',\r\n standalone: true,\r\n imports: [RouterLink],\r\n templateUrl: './topbar.html',\r\n})\r\nexport class Topbar {\r\n logo = input<string>();\r\n logoLink = input<string | any[]>();\r\n bgColor = input<string>('var(--p-primary-color)');\r\n bgImage = input<string>();\r\n bgRepeat = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n textColor = input<string>('var(--p-primary-contrast-color)');\r\n title = input<string>();\r\n subTitle = input<string>();\r\n showBranding = input<boolean, unknown>(true, { transform: booleanAttribute });\r\n}\r\n","<div\r\n class=\"w-full flex justify-between align-center bg-primary p-4 h-[var(--header-height)]\"\r\n [style.backgroundColor]=\"bgColor()\"\r\n [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\r\n [class.bg-no-repeat]=\"!bgRepeat()\"\r\n [class.bg-repeat]=\"bgRepeat()\"\r\n>\r\n <div class=\"flex gap-4 items-center\" [style.color]=\"textColor()\">\r\n <div\r\n class=\"flex gap-4 items-center h-full overflow-hidden transition-all duration-400 ease-in-out\"\r\n [class.max-w-0]=\"!showBranding()\"\r\n [class.opacity-0]=\"!showBranding()\"\r\n [class.max-w-lg]=\"showBranding()\"\r\n [class.opacity-100]=\"showBranding()\"\r\n >\r\n @if (logo()) {\r\n <img\r\n [src]=\"logo()\"\r\n alt=\"Logo\"\r\n class=\"h-full shrink-0\"\r\n [routerLink]=\"logoLink()\"\r\n [class.cursor-pointer]=\"logoLink()\"\r\n />\r\n }\r\n @if (logo() && (title() || subTitle())) {\r\n <div class=\"h-3/4 w-[1px] bg-current shrink-0\"></div>\r\n }\r\n @if (title() || subTitle()) {\r\n <div class=\"flex flex-col shrink-0\">\r\n <h2 class=\"text-md font-semibold product-name whitespace-nowrap\">\r\n {{ title() }}\r\n </h2>\r\n <span class=\"text-sm product-tagline whitespace-nowrap\">{{\r\n subTitle()\r\n }}</span>\r\n </div>\r\n }\r\n </div>\r\n <ng-content select=\"[start]\"></ng-content>\r\n </div>\r\n <div class=\"flex gap-2 items-center\">\r\n <ng-content select=\"[actions]\"></ng-content>\r\n </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@masterteam/components",
3
- "version": "0.0.102",
3
+ "version": "0.0.104",
4
4
  "publishConfig": {
5
5
  "directory": "../../../dist/masterteam/components",
6
6
  "linkDirectory": true,
@@ -21,7 +21,7 @@ interface ConnectionSourceLevel {
21
21
  optionsQuery: {
22
22
  path: string;
23
23
  method?: string;
24
- query?: Record<string, any>;
24
+ query?: Record<string, unknown>;
25
25
  };
26
26
  }
27
27
  /**
@@ -15,8 +15,6 @@ declare class ClientPageMenu implements OnDestroy {
15
15
  readonly menuItems: _angular_core.InputSignal<ClientPageMenuItem[]>;
16
16
  /** Whether menu items are loading */
17
17
  readonly loading: _angular_core.InputSignal<boolean>;
18
- /** Whether the menu should render in compact mode */
19
- readonly compact: _angular_core.InputSignal<boolean>;
20
18
  /** Currently selected menu item */
21
19
  readonly selectedItem: _angular_core.InputSignal<ClientPageMenuItem | null>;
22
20
  /** Emitted when a menu item is clicked */
@@ -30,7 +28,7 @@ declare class ClientPageMenu implements OnDestroy {
30
28
  private queueSelectedItemSync;
31
29
  private syncSelectedItemIntoView;
32
30
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClientPageMenu, never>;
33
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClientPageMenu, "mt-client-page-menu", never, { "menuItems": { "alias": "menuItems"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "selectedItem": { "alias": "selectedItem"; "required": false; "isSignal": true; }; }, { "menuItemClick": "menuItemClick"; }, never, never, true, never>;
31
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClientPageMenu, "mt-client-page-menu", never, { "menuItems": { "alias": "menuItems"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "selectedItem": { "alias": "selectedItem"; "required": false; "isSignal": true; }; }, { "menuItemClick": "menuItemClick"; }, never, never, true, never>;
34
32
  }
35
33
 
36
34
  export { ClientPageMenu };
@@ -3,8 +3,6 @@ import { TemplateRef } from '@angular/core';
3
3
  import { ClientPageMenuItem } from '@masterteam/components/client-page-menu';
4
4
 
5
5
  declare class ClientPage {
6
- private readonly document;
7
- private readonly destroyRef;
8
6
  /** Icon for the left sidebar header */
9
7
  readonly menuIcon: _angular_core.InputSignal<string | undefined>;
10
8
  /** Title for the left sidebar header */
@@ -13,19 +11,11 @@ declare class ClientPage {
13
11
  readonly menuItems: _angular_core.InputSignal<ClientPageMenuItem[]>;
14
12
  /** Whether menu items are loading */
15
13
  readonly menuItemsLoading: _angular_core.InputSignal<boolean>;
16
- /** Enables responsive mobile stacking behavior */
17
- readonly responsive: _angular_core.InputSignalWithTransform<boolean, unknown>;
18
- /** On mobile, choose between a drawer or inline stacked layout */
19
- readonly mobileBehavior: _angular_core.InputSignal<"drawer" | "stack">;
20
- /** On mobile, choose whether main content or sidebar is shown first */
21
- readonly mobileStackOrder: _angular_core.InputSignal<"main-first" | "side-first">;
22
- /** Breakpoint where mobile stacked mode starts */
23
- readonly mobileBreakpoint: _angular_core.InputSignal<number>;
24
14
  /** Key of the active menu item (defaults to first item) */
25
15
  readonly activeItem: _angular_core.InputSignal<string | undefined>;
26
16
  /** Whether the sidebar menu is collapsed (two-way bindable) */
27
17
  readonly collapsed: _angular_core.ModelSignal<boolean>;
28
- /** Template projected into the content header actions area */
18
+ /** Template projected into the left sidebar header end */
29
19
  readonly headerEnd: _angular_core.Signal<TemplateRef<any> | undefined>;
30
20
  /** Emitted when a menu item is clicked */
31
21
  readonly menuItemClick: _angular_core.OutputEmitterRef<ClientPageMenuItem>;
@@ -35,42 +25,18 @@ declare class ClientPage {
35
25
  readonly selectedItem: _angular_core.Signal<ClientPageMenuItem>;
36
26
  /** Whether the initial default selection has been emitted */
37
27
  private initialEmitted;
38
- /** Whether the mobile drawer menu is open */
39
- readonly mobileMenuOpen: _angular_core.WritableSignal<boolean>;
40
- /** Whether the page is currently in RTL mode */
41
- readonly rtl: _angular_core.WritableSignal<boolean>;
28
+ constructor();
42
29
  /** Whether the divider/toggle area is being hovered */
43
30
  readonly dividerHovered: _angular_core.WritableSignal<boolean>;
44
- private readonly viewportWidth;
45
- /** Whether page is in a responsive mobile state */
46
- readonly isMobile: _angular_core.Signal<boolean>;
47
- /** Whether the mobile menu should behave as a drawer */
48
- readonly isMobileDrawer: _angular_core.Signal<boolean>;
49
- /** Whether the mobile menu should stack with the content */
50
- readonly isMobileStack: _angular_core.Signal<boolean>;
51
- /** Whether the sidebar should remain inline in the layout flow */
52
- readonly showInlineSidebar: _angular_core.Signal<boolean>;
53
- /** Whether the desktop sidebar should use a compact rail */
54
- readonly showCompactSidebar: _angular_core.Signal<boolean>;
55
- readonly mobileDrawerTransform: _angular_core.Signal<"translateX(0)" | "translateX(100%)" | "translateX(-100%)">;
56
- constructor();
57
31
  /** Sidebar width reacts to collapsed + hover */
58
- readonly sidebarWidth: _angular_core.Signal<"100%" | "4.75rem" | "4.25rem" | "16.5%" | "16%">;
59
- readonly sidebarOrder: _angular_core.Signal<1 | 2>;
60
- readonly contentOrder: _angular_core.Signal<1 | 2>;
32
+ readonly sidebarWidth: _angular_core.Signal<"12px" | "9px" | "15.8%" | "16%">;
61
33
  /** Icon for the collapse toggle button */
62
- readonly toggleIcon: _angular_core.Signal<"arrow.chevron-left" | "arrow.chevron-right">;
34
+ readonly toggleIcon: _angular_core.Signal<"arrow.chevron-right" | "arrow.chevron-left">;
63
35
  toggleCollapsed(): void;
64
- toggleMobileMenu(): void;
65
- closeMobileMenu(): void;
66
36
  selectItem(item: ClientPageMenuItem): void;
67
37
  getAvatarStyle(color: string): Record<string, string>;
68
- onWindowResize(): void;
69
- onEscapeKey(): void;
70
- private getViewportWidth;
71
- private getDirection;
72
38
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClientPage, never>;
73
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClientPage, "mt-client-page", never, { "menuIcon": { "alias": "menuIcon"; "required": false; "isSignal": true; }; "menuTitle": { "alias": "menuTitle"; "required": false; "isSignal": true; }; "menuItems": { "alias": "menuItems"; "required": false; "isSignal": true; }; "menuItemsLoading": { "alias": "menuItemsLoading"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "mobileBehavior": { "alias": "mobileBehavior"; "required": false; "isSignal": true; }; "mobileStackOrder": { "alias": "mobileStackOrder"; "required": false; "isSignal": true; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; "isSignal": true; }; "activeItem": { "alias": "activeItem"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "menuItemClick": "menuItemClick"; }, ["headerEnd"], ["*"], true, never>;
39
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClientPage, "mt-client-page", never, { "menuIcon": { "alias": "menuIcon"; "required": false; "isSignal": true; }; "menuTitle": { "alias": "menuTitle"; "required": false; "isSignal": true; }; "menuItems": { "alias": "menuItems"; "required": false; "isSignal": true; }; "menuItemsLoading": { "alias": "menuItemsLoading"; "required": false; "isSignal": true; }; "activeItem": { "alias": "activeItem"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "menuItemClick": "menuItemClick"; }, ["headerEnd"], ["*"], true, never>;
74
40
  }
75
41
 
76
42
  export { ClientPage };
@@ -2,7 +2,6 @@ import * as _angular_core from '@angular/core';
2
2
  import { Type, InjectionToken, Injector } from '@angular/core';
3
3
  import { DynamicDialogRef } from 'primeng/dynamicdialog';
4
4
 
5
- type ResponsiveOverlayPreset = 'drawer-narrow' | 'drawer-default' | 'drawer-wide' | 'dialog-narrow' | 'dialog-default' | 'dialog-wide';
6
5
  interface DynamicDrawerConfigInterface {
7
6
  header?: string;
8
7
  position?: string;
@@ -15,8 +14,6 @@ interface DynamicDrawerConfigInterface {
15
14
  appendTo?: any;
16
15
  transitionOptions?: string;
17
16
  styleClass?: string;
18
- responsive?: boolean;
19
- responsivePreset?: ResponsiveOverlayPreset;
20
17
  inputValues?: any;
21
18
  }
22
19
  declare class DrawerService {
@@ -89,4 +86,4 @@ declare class DynamicDrawerHost {
89
86
  }
90
87
 
91
88
  export { DrawerController, DrawerService, DynamicDrawerConfig, DynamicDrawerHost };
92
- export type { DynamicDrawerConfigInterface, ResponsiveOverlayPreset };
89
+ export type { DynamicDrawerConfigInterface };
@@ -1,12 +1,7 @@
1
- import { DrawerService, DynamicDrawerConfigInterface, ResponsiveOverlayPreset } from '@masterteam/components/dynamic-drawer';
1
+ import { DrawerService, DynamicDrawerConfigInterface } from '@masterteam/components/dynamic-drawer';
2
2
  import { DialogService, DynamicDialogConfig } from '@masterteam/components/dialog';
3
3
  import * as i0 from '@angular/core';
4
4
 
5
- type ResponsiveModalConfig = {
6
- responsive?: boolean;
7
- responsivePreset?: ResponsiveOverlayPreset;
8
- styleClass?: string;
9
- };
10
5
  declare class ModalService {
11
6
  readonly drawerService: DrawerService;
12
7
  readonly dialogService: DialogService;
@@ -14,10 +9,7 @@ declare class ModalService {
14
9
  footerClass: string;
15
10
  contentClass: string;
16
11
  modalConfig: any;
17
- openModal(component: any, modalType: 'drawer' | 'dialog', config: (DynamicDialogConfig | DynamicDrawerConfigInterface) & ResponsiveModalConfig): any;
18
- private normalizeResponsiveConfig;
19
- private getResponsiveClassName;
20
- private mergeClassNames;
12
+ openModal(component: any, modalType: 'drawer' | 'dialog', config: DynamicDialogConfig | DynamicDrawerConfigInterface): any;
21
13
  handelStartEndPosition(position: string | undefined): string;
22
14
  static ɵfac: i0.ɵɵFactoryDeclaration<ModalService, never>;
23
15
  static ɵprov: i0.ɵɵInjectableDeclaration<ModalService>;
@@ -8,8 +8,6 @@ interface SidebarItem {
8
8
  routerLink?: any[] | string;
9
9
  }
10
10
  declare class Sidebar {
11
- private readonly document;
12
- private readonly destroyRef;
13
11
  items: _angular_core.InputSignal<SidebarItem[]>;
14
12
  logo: _angular_core.InputSignal<string | undefined>;
15
13
  logoLink: _angular_core.InputSignal<string | any[] | undefined>;
@@ -19,26 +17,11 @@ declare class Sidebar {
19
17
  bgImage: _angular_core.InputSignal<string | undefined>;
20
18
  bgRepeat: _angular_core.InputSignalWithTransform<boolean, unknown>;
21
19
  iconsColor: _angular_core.InputSignal<string>;
22
- mobileBehavior: _angular_core.InputSignal<"overlay" | "inline">;
23
- mobileBreakpoint: _angular_core.InputSignal<number>;
24
- mobileOpen: _angular_core.ModelSignal<boolean>;
25
20
  expanded: _angular_core.WritableSignal<boolean>;
26
21
  expandedChange: _angular_core.OutputEmitterRef<boolean>;
27
- private readonly viewportWidth;
28
- readonly isMobile: _angular_core.Signal<boolean>;
29
- readonly isOverlayMode: _angular_core.Signal<boolean>;
30
- readonly labelsExpanded: _angular_core.Signal<boolean>;
31
- readonly rtl: _angular_core.WritableSignal<boolean>;
32
- readonly overlayTransform: _angular_core.Signal<"translateX(100%)" | "translateX(-100%)" | null>;
33
- constructor();
34
22
  toggleSidebar(): void;
35
- onItemClick(): void;
36
- setMobileOpen(open: boolean): void;
37
- onWindowResize(): void;
38
- private getViewportWidth;
39
- private getDirection;
40
23
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<Sidebar, never>;
41
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<Sidebar, "mt-sidebar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "logo": { "alias": "logo"; "required": false; "isSignal": true; }; "logoLink": { "alias": "logoLink"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; "bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; "bgImage": { "alias": "bgImage"; "required": false; "isSignal": true; }; "bgRepeat": { "alias": "bgRepeat"; "required": false; "isSignal": true; }; "iconsColor": { "alias": "iconsColor"; "required": false; "isSignal": true; }; "mobileBehavior": { "alias": "mobileBehavior"; "required": false; "isSignal": true; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; "isSignal": true; }; "mobileOpen": { "alias": "mobileOpen"; "required": false; "isSignal": true; }; }, { "mobileOpen": "mobileOpenChange"; "expandedChange": "expandedChange"; }, never, never, true, never>;
24
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<Sidebar, "mt-sidebar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "logo": { "alias": "logo"; "required": false; "isSignal": true; }; "logoLink": { "alias": "logoLink"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; "bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; "bgImage": { "alias": "bgImage"; "required": false; "isSignal": true; }; "bgRepeat": { "alias": "bgRepeat"; "required": false; "isSignal": true; }; "iconsColor": { "alias": "iconsColor"; "required": false; "isSignal": true; }; }, { "expandedChange": "expandedChange"; }, never, never, true, never>;
42
25
  }
43
26
 
44
27
  export { Sidebar };
@@ -1,8 +1,6 @@
1
1
  import * as _angular_core from '@angular/core';
2
2
 
3
3
  declare class Topbar {
4
- private readonly document;
5
- private readonly destroyRef;
6
4
  logo: _angular_core.InputSignal<string | undefined>;
7
5
  logoLink: _angular_core.InputSignal<string | any[] | undefined>;
8
6
  bgColor: _angular_core.InputSignal<string>;
@@ -12,22 +10,8 @@ declare class Topbar {
12
10
  title: _angular_core.InputSignal<string | undefined>;
13
11
  subTitle: _angular_core.InputSignal<string | undefined>;
14
12
  showBranding: _angular_core.InputSignalWithTransform<boolean, unknown>;
15
- responsive: _angular_core.InputSignalWithTransform<boolean, unknown>;
16
- showMenuButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
17
- collapseActionsOnMobile: _angular_core.InputSignalWithTransform<boolean, unknown>;
18
- menuClick: _angular_core.OutputEmitterRef<void>;
19
- private readonly viewportWidth;
20
- private readonly mobileBreakpoint;
21
- readonly rtl: _angular_core.WritableSignal<boolean>;
22
- readonly isMobile: _angular_core.Signal<boolean>;
23
- readonly showActions: _angular_core.Signal<boolean>;
24
- constructor();
25
- onMenuClick(): void;
26
- onWindowResize(): void;
27
- private getViewportWidth;
28
- private getDirection;
29
13
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<Topbar, never>;
30
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<Topbar, "mt-topbar", never, { "logo": { "alias": "logo"; "required": false; "isSignal": true; }; "logoLink": { "alias": "logoLink"; "required": false; "isSignal": true; }; "bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; "bgImage": { "alias": "bgImage"; "required": false; "isSignal": true; }; "bgRepeat": { "alias": "bgRepeat"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; "showBranding": { "alias": "showBranding"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "showMenuButton": { "alias": "showMenuButton"; "required": false; "isSignal": true; }; "collapseActionsOnMobile": { "alias": "collapseActionsOnMobile"; "required": false; "isSignal": true; }; }, { "menuClick": "menuClick"; }, never, ["[start]", "[actions]"], true, never>;
14
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<Topbar, "mt-topbar", never, { "logo": { "alias": "logo"; "required": false; "isSignal": true; }; "logoLink": { "alias": "logoLink"; "required": false; "isSignal": true; }; "bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; "bgImage": { "alias": "bgImage"; "required": false; "isSignal": true; }; "bgRepeat": { "alias": "bgRepeat"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; "showBranding": { "alias": "showBranding"; "required": false; "isSignal": true; }; }, {}, never, ["[start]", "[actions]"], true, never>;
31
15
  }
32
16
 
33
17
  export { Topbar };