@masterteam/components 0.0.142 → 0.0.143
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/assets/common.css +1 -1
- package/fesm2022/masterteam-components-client-page-menu.mjs +2 -2
- package/fesm2022/masterteam-components-client-page-menu.mjs.map +1 -1
- package/fesm2022/masterteam-components-client-page.mjs +4 -8
- package/fesm2022/masterteam-components-client-page.mjs.map +1 -1
- package/fesm2022/masterteam-components-entities.mjs +261 -48
- package/fesm2022/masterteam-components-entities.mjs.map +1 -1
- package/fesm2022/masterteam-components-paginator.mjs +2 -2
- package/fesm2022/masterteam-components-paginator.mjs.map +1 -1
- package/fesm2022/masterteam-components-sidebar.mjs +2 -2
- package/fesm2022/masterteam-components-sidebar.mjs.map +1 -1
- package/fesm2022/masterteam-components-table.mjs +15 -3
- package/fesm2022/masterteam-components-table.mjs.map +1 -1
- package/fesm2022/masterteam-components-topbar.mjs +2 -2
- package/fesm2022/masterteam-components-topbar.mjs.map +1 -1
- package/fesm2022/masterteam-components.mjs +90 -76
- package/fesm2022/masterteam-components.mjs.map +1 -1
- package/package.json +1 -1
- package/types/masterteam-components-client-page.d.ts +0 -2
- package/types/masterteam-components-entities.d.ts +76 -11
- package/types/masterteam-components-table.d.ts +2 -0
|
@@ -16,11 +16,11 @@ class Topbar {
|
|
|
16
16
|
titleClass = input(...(ngDevMode ? [undefined, { debugName: "titleClass" }] : /* istanbul ignore next */ []));
|
|
17
17
|
subTitleClass = input(...(ngDevMode ? [undefined, { debugName: "subTitleClass" }] : /* istanbul ignore next */ []));
|
|
18
18
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Topbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Topbar, isStandalone: true, selector: "mt-topbar", inputs: { logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, logoLink: { classPropertyName: "logoLink", publicName: "logoLink", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, bgImage: { classPropertyName: "bgImage", publicName: "bgImage", isSignal: true, isRequired: false, transformFunction: null }, bgRepeat: { classPropertyName: "bgRepeat", publicName: "bgRepeat", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null }, showBranding: { classPropertyName: "showBranding", publicName: "showBranding", isSignal: true, isRequired: false, transformFunction: null }, logoClass: { classPropertyName: "logoClass", publicName: "logoClass", isSignal: true, isRequired: false, transformFunction: null }, titleClass: { classPropertyName: "titleClass", publicName: "titleClass", isSignal: true, isRequired: false, transformFunction: null }, subTitleClass: { classPropertyName: "subTitleClass", publicName: "subTitleClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\r\n class=\"w-full flex justify-between align-center bg-primary px-4 py-2 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-
|
|
19
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Topbar, isStandalone: true, selector: "mt-topbar", inputs: { logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, logoLink: { classPropertyName: "logoLink", publicName: "logoLink", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, bgImage: { classPropertyName: "bgImage", publicName: "bgImage", isSignal: true, isRequired: false, transformFunction: null }, bgRepeat: { classPropertyName: "bgRepeat", publicName: "bgRepeat", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null }, showBranding: { classPropertyName: "showBranding", publicName: "showBranding", isSignal: true, isRequired: false, transformFunction: null }, logoClass: { classPropertyName: "logoClass", publicName: "logoClass", isSignal: true, isRequired: false, transformFunction: null }, titleClass: { classPropertyName: "titleClass", publicName: "titleClass", isSignal: true, isRequired: false, transformFunction: null }, subTitleClass: { classPropertyName: "subTitleClass", publicName: "subTitleClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\r\n class=\"w-full flex justify-between align-center bg-primary px-4 py-2 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-3 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-10 shrink-0\"\r\n [class]=\"logoClass()\"\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 opacity-30\"></div>\r\n }\r\n @if (title() || subTitle()) {\r\n <div class=\"flex flex-col shrink-0\">\r\n <h2\r\n class=\"text-md font-semibold product-name whitespace-nowrap\"\r\n [class]=\"titleClass()\"\r\n >\r\n {{ title() }}\r\n </h2>\r\n <span\r\n class=\"text-sm product-tagline whitespace-nowrap\"\r\n [class]=\"subTitleClass()\"\r\n >{{ subTitle() }}</span\r\n >\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", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
|
|
20
20
|
}
|
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Topbar, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
|
-
args: [{ selector: 'mt-topbar', standalone: true, imports: [RouterLink], template: "<div\r\n class=\"w-full flex justify-between align-center bg-primary px-4 py-2 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-
|
|
23
|
+
args: [{ selector: 'mt-topbar', standalone: true, imports: [RouterLink], template: "<div\r\n class=\"w-full flex justify-between align-center bg-primary px-4 py-2 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-3 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-10 shrink-0\"\r\n [class]=\"logoClass()\"\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 opacity-30\"></div>\r\n }\r\n @if (title() || subTitle()) {\r\n <div class=\"flex flex-col shrink-0\">\r\n <h2\r\n class=\"text-md font-semibold product-name whitespace-nowrap\"\r\n [class]=\"titleClass()\"\r\n >\r\n {{ title() }}\r\n </h2>\r\n <span\r\n class=\"text-sm product-tagline whitespace-nowrap\"\r\n [class]=\"subTitleClass()\"\r\n >{{ subTitle() }}</span\r\n >\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" }]
|
|
24
24
|
}], propDecorators: { logo: [{ type: i0.Input, args: [{ isSignal: true, alias: "logo", required: false }] }], logoLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoLink", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], bgImage: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgImage", required: false }] }], bgRepeat: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgRepeat", required: false }] }], textColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "textColor", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subTitle", required: false }] }], showBranding: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBranding", required: false }] }], logoClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoClass", required: false }] }], titleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleClass", required: false }] }], subTitleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "subTitleClass", required: false }] }] } });
|
|
25
25
|
|
|
26
26
|
/**
|
|
@@ -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 { 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 logoClass = input<string>();\r\n titleClass = input<string>();\r\n subTitleClass = input<string>();\r\n}\r\n","<div\r\n class=\"w-full flex justify-between align-center bg-primary px-4 py-2 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-
|
|
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 logoClass = input<string>();\r\n titleClass = input<string>();\r\n subTitleClass = input<string>();\r\n}\r\n","<div\r\n class=\"w-full flex justify-between align-center bg-primary px-4 py-2 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-3 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-10 shrink-0\"\r\n [class]=\"logoClass()\"\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 opacity-30\"></div>\r\n }\r\n @if (title() || subTitle()) {\r\n <div class=\"flex flex-col shrink-0\">\r\n <h2\r\n class=\"text-md font-semibold product-name whitespace-nowrap\"\r\n [class]=\"titleClass()\"\r\n >\r\n {{ title() }}\r\n </h2>\r\n <span\r\n class=\"text-sm product-tagline whitespace-nowrap\"\r\n [class]=\"subTitleClass()\"\r\n >{{ subTitle() }}</span\r\n >\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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"}
|
|
@@ -281,6 +281,7 @@ const MTPreset = (themeOptions) => {
|
|
|
281
281
|
togglebutton: {
|
|
282
282
|
root: {
|
|
283
283
|
padding: '1px',
|
|
284
|
+
borderRadius: '{border.radius.sm}',
|
|
284
285
|
},
|
|
285
286
|
colorScheme: {
|
|
286
287
|
light: {
|
|
@@ -297,9 +298,22 @@ const MTPreset = (themeOptions) => {
|
|
|
297
298
|
},
|
|
298
299
|
button: {
|
|
299
300
|
root: {
|
|
300
|
-
borderRadius: '
|
|
301
|
+
borderRadius: '{border.radius.sm}',
|
|
302
|
+
},
|
|
303
|
+
},
|
|
304
|
+
avatar: {
|
|
305
|
+
root: {
|
|
306
|
+
borderRadius: '{border.radius.md}',
|
|
301
307
|
},
|
|
302
308
|
},
|
|
309
|
+
tooltip: {
|
|
310
|
+
css: () => `
|
|
311
|
+
.p-tooltip .p-tooltip-text {
|
|
312
|
+
font-size: 0.75rem;
|
|
313
|
+
line-height: 1.2;
|
|
314
|
+
}
|
|
315
|
+
`,
|
|
316
|
+
},
|
|
303
317
|
selectbutton: {
|
|
304
318
|
root: {
|
|
305
319
|
borderRadius: '{border.radius.md}',
|
|
@@ -337,81 +351,81 @@ const MTPreset = (themeOptions) => {
|
|
|
337
351
|
},
|
|
338
352
|
},
|
|
339
353
|
},
|
|
340
|
-
css: () => `
|
|
341
|
-
.p-paginator {
|
|
342
|
-
--p-paginator-gap: 0.375rem;
|
|
343
|
-
--p-paginator-nav-button-width: 1.75rem;
|
|
344
|
-
--p-paginator-nav-button-height: 1.75rem;
|
|
345
|
-
width: fit-content;
|
|
346
|
-
padding: 0;
|
|
347
|
-
border: 0;
|
|
348
|
-
background: transparent;
|
|
349
|
-
font-size: 0.875rem;
|
|
350
|
-
}
|
|
351
|
-
|
|
352
|
-
.p-paginator-pages {
|
|
353
|
-
display: flex;
|
|
354
|
-
gap: var(--p-paginator-gap);
|
|
355
|
-
}
|
|
356
|
-
|
|
357
|
-
.p-paginator-pages button,
|
|
358
|
-
.p-paginator-prev,
|
|
359
|
-
.p-paginator-next,
|
|
360
|
-
.p-paginator-first,
|
|
361
|
-
.p-paginator-last {
|
|
362
|
-
min-width: var(--p-paginator-nav-button-width);
|
|
363
|
-
height: var(--p-paginator-nav-button-height);
|
|
364
|
-
border: 1px solid var(--p-surface-200);
|
|
365
|
-
border-radius: 0.375rem;
|
|
366
|
-
background: #fff;
|
|
367
|
-
color: #667085;
|
|
368
|
-
box-shadow: none;
|
|
369
|
-
}
|
|
370
|
-
|
|
371
|
-
.p-paginator .p-paginator-page.p-paginator-page-selected {
|
|
372
|
-
border-color: var(--p-primary-color);
|
|
373
|
-
background: var(--p-primary-color);
|
|
374
|
-
color: #fff;
|
|
375
|
-
font-weight: 500;
|
|
376
|
-
}
|
|
377
|
-
|
|
378
|
-
.p-paginator-pages button:not(.p-paginator-page-selected):hover,
|
|
379
|
-
.p-paginator-prev:hover,
|
|
380
|
-
.p-paginator-next:hover,
|
|
381
|
-
.p-paginator-first:hover,
|
|
382
|
-
.p-paginator-last:hover {
|
|
383
|
-
background: var(--p-surface-50);
|
|
384
|
-
}
|
|
385
|
-
|
|
386
|
-
.p-paginator .p-select {
|
|
387
|
-
min-height: var(--p-paginator-nav-button-height);
|
|
388
|
-
margin-inline-start: 0.5rem;
|
|
389
|
-
border: 1px solid var(--p-surface-200);
|
|
390
|
-
border-radius: 0.5rem;
|
|
391
|
-
background: #fff;
|
|
392
|
-
}
|
|
393
|
-
|
|
394
|
-
.p-paginator .p-select .p-select-label {
|
|
395
|
-
padding: 0.375rem 0.625rem;
|
|
396
|
-
font-size: 0.875rem;
|
|
397
|
-
}
|
|
398
|
-
|
|
399
|
-
/* Dark Mode Styles */
|
|
400
|
-
.dark .p-paginator-pages button,
|
|
401
|
-
.dark .p-paginator-prev,
|
|
402
|
-
.dark .p-paginator-next,
|
|
403
|
-
.dark .p-paginator-first,
|
|
404
|
-
.dark .p-paginator-last,
|
|
405
|
-
.dark .p-paginator .p-select {
|
|
406
|
-
border-color: var(--p-surface-500);
|
|
407
|
-
background: var(--p-surface-900);
|
|
408
|
-
}
|
|
409
|
-
|
|
410
|
-
.dark .p-paginator .p-paginator-page.p-paginator-page-selected {
|
|
411
|
-
border-color: var(--p-primary-color);
|
|
412
|
-
background: var(--p-primary-color);
|
|
413
|
-
color: #fff;
|
|
414
|
-
}
|
|
354
|
+
css: () => `
|
|
355
|
+
.p-paginator {
|
|
356
|
+
--p-paginator-gap: 0.375rem;
|
|
357
|
+
--p-paginator-nav-button-width: 1.75rem;
|
|
358
|
+
--p-paginator-nav-button-height: 1.75rem;
|
|
359
|
+
width: fit-content;
|
|
360
|
+
padding: 0;
|
|
361
|
+
border: 0;
|
|
362
|
+
background: transparent;
|
|
363
|
+
font-size: 0.875rem;
|
|
364
|
+
}
|
|
365
|
+
|
|
366
|
+
.p-paginator-pages {
|
|
367
|
+
display: flex;
|
|
368
|
+
gap: var(--p-paginator-gap);
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
.p-paginator-pages button,
|
|
372
|
+
.p-paginator-prev,
|
|
373
|
+
.p-paginator-next,
|
|
374
|
+
.p-paginator-first,
|
|
375
|
+
.p-paginator-last {
|
|
376
|
+
min-width: var(--p-paginator-nav-button-width);
|
|
377
|
+
height: var(--p-paginator-nav-button-height);
|
|
378
|
+
border: 1px solid var(--p-surface-200);
|
|
379
|
+
border-radius: 0.375rem;
|
|
380
|
+
background: #fff;
|
|
381
|
+
color: #667085;
|
|
382
|
+
box-shadow: none;
|
|
383
|
+
}
|
|
384
|
+
|
|
385
|
+
.p-paginator .p-paginator-page.p-paginator-page-selected {
|
|
386
|
+
border-color: var(--p-primary-color);
|
|
387
|
+
background: var(--p-primary-color);
|
|
388
|
+
color: #fff;
|
|
389
|
+
font-weight: 500;
|
|
390
|
+
}
|
|
391
|
+
|
|
392
|
+
.p-paginator-pages button:not(.p-paginator-page-selected):hover,
|
|
393
|
+
.p-paginator-prev:hover,
|
|
394
|
+
.p-paginator-next:hover,
|
|
395
|
+
.p-paginator-first:hover,
|
|
396
|
+
.p-paginator-last:hover {
|
|
397
|
+
background: var(--p-surface-50);
|
|
398
|
+
}
|
|
399
|
+
|
|
400
|
+
.p-paginator .p-select {
|
|
401
|
+
min-height: var(--p-paginator-nav-button-height);
|
|
402
|
+
margin-inline-start: 0.5rem;
|
|
403
|
+
border: 1px solid var(--p-surface-200);
|
|
404
|
+
border-radius: 0.5rem;
|
|
405
|
+
background: #fff;
|
|
406
|
+
}
|
|
407
|
+
|
|
408
|
+
.p-paginator .p-select .p-select-label {
|
|
409
|
+
padding: 0.375rem 0.625rem;
|
|
410
|
+
font-size: 0.875rem;
|
|
411
|
+
}
|
|
412
|
+
|
|
413
|
+
/* Dark Mode Styles */
|
|
414
|
+
.dark .p-paginator-pages button,
|
|
415
|
+
.dark .p-paginator-prev,
|
|
416
|
+
.dark .p-paginator-next,
|
|
417
|
+
.dark .p-paginator-first,
|
|
418
|
+
.dark .p-paginator-last,
|
|
419
|
+
.dark .p-paginator .p-select {
|
|
420
|
+
border-color: var(--p-surface-500);
|
|
421
|
+
background: var(--p-surface-900);
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
.dark .p-paginator .p-paginator-page.p-paginator-page-selected {
|
|
425
|
+
border-color: var(--p-primary-color);
|
|
426
|
+
background: var(--p-primary-color);
|
|
427
|
+
color: #fff;
|
|
428
|
+
}
|
|
415
429
|
`,
|
|
416
430
|
},
|
|
417
431
|
toggleswitch: {
|