@quadrel-enterprise-ui/qdc-cards 19.0.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.
- package/README.md +25 -0
- package/esm2022/index.mjs +3 -0
- package/esm2022/lib/card/card.component.mjs +53 -0
- package/esm2022/lib/card/card.model.mjs +2 -0
- package/esm2022/lib/card/card.module.mjs +23 -0
- package/esm2022/lib/card/menu/card-menu.component.mjs +37 -0
- package/esm2022/lib/card/model/card-actions-config.interface.mjs +2 -0
- package/esm2022/lib/card-layout/card-layout.component.mjs +117 -0
- package/esm2022/lib/card-layout/card-layout.model.mjs +2 -0
- package/esm2022/lib/card-layout/card-layout.module.mjs +25 -0
- package/esm2022/lib/card-layout/card-status/card-status-height.directive.mjs +51 -0
- package/esm2022/lib/card-layout/card-status/card-status.component.mjs +112 -0
- package/esm2022/lib/card-layout/card-status/card-status.model.mjs +2 -0
- package/esm2022/lib/card-layout/card-status/pagination/pagination.model.mjs +2 -0
- package/esm2022/lib/shared/popover/cards-popover.module.mjs +19 -0
- package/esm2022/lib/shared/popover/cards-popover.service.mjs +23 -0
- package/esm2022/lib/shared/popover/popover/cards-popover.component.mjs +14 -0
- package/esm2022/lib/shared/popover/popover-on-click/cards-popover-on-click.directive.mjs +100 -0
- package/esm2022/quadrel-enterprise-ui-qdc-cards.mjs +5 -0
- package/index.d.ts +2 -0
- package/lib/card/card.component.d.ts +20 -0
- package/lib/card/card.model.d.ts +23 -0
- package/lib/card/card.module.d.ts +16 -0
- package/lib/card/menu/card-menu.component.d.ts +14 -0
- package/lib/card/model/card-actions-config.interface.d.ts +65 -0
- package/lib/card-layout/card-layout.component.d.ts +31 -0
- package/lib/card-layout/card-layout.model.d.ts +11 -0
- package/lib/card-layout/card-layout.module.d.ts +18 -0
- package/lib/card-layout/card-status/card-status-height.directive.d.ts +13 -0
- package/lib/card-layout/card-status/card-status.component.d.ts +25 -0
- package/lib/card-layout/card-status/card-status.model.d.ts +21 -0
- package/lib/card-layout/card-status/pagination/pagination.model.d.ts +26 -0
- package/lib/shared/popover/cards-popover.module.d.ts +9 -0
- package/lib/shared/popover/cards-popover.service.d.ts +10 -0
- package/lib/shared/popover/popover/cards-popover.component.d.ts +7 -0
- package/lib/shared/popover/popover-on-click/cards-popover-on-click.directive.d.ts +28 -0
- package/package.json +38 -0
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { QdcCardConfig } from '../../card/card.model';
|
|
2
|
+
import { QdcCardStatusPaginationConfig } from './pagination/pagination.model';
|
|
3
|
+
export interface QdcCardStatusConfig {
|
|
4
|
+
/**
|
|
5
|
+
* Title of the cards layout component
|
|
6
|
+
* */
|
|
7
|
+
title: {
|
|
8
|
+
/**
|
|
9
|
+
* Translatable title text
|
|
10
|
+
* */
|
|
11
|
+
i18n: string;
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* Cards
|
|
15
|
+
* */
|
|
16
|
+
cards: QdcCardConfig[];
|
|
17
|
+
/**
|
|
18
|
+
* Pagination configuration
|
|
19
|
+
* */
|
|
20
|
+
pagination?: QdcCardStatusPaginationConfig;
|
|
21
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export interface QdcCardStatusPaginationConfig {
|
|
2
|
+
/**
|
|
3
|
+
* Total number of elements
|
|
4
|
+
* */
|
|
5
|
+
totalElements: number;
|
|
6
|
+
/**
|
|
7
|
+
* Total number of pages
|
|
8
|
+
* */
|
|
9
|
+
totalPages: number;
|
|
10
|
+
/**
|
|
11
|
+
* Page size (total elements per page)
|
|
12
|
+
* */
|
|
13
|
+
pageSize?: number;
|
|
14
|
+
/**
|
|
15
|
+
* Current page (0-based index)
|
|
16
|
+
* */
|
|
17
|
+
currentPage: number;
|
|
18
|
+
/**
|
|
19
|
+
* Pagination handler
|
|
20
|
+
* */
|
|
21
|
+
handler: (page: number, size: number) => void;
|
|
22
|
+
/**
|
|
23
|
+
* Optional array of page sizes for a dropdown
|
|
24
|
+
* */
|
|
25
|
+
pageSizes?: number[];
|
|
26
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./popover/cards-popover.component";
|
|
3
|
+
import * as i2 from "./popover-on-click/cards-popover-on-click.directive";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
5
|
+
export declare class QdcCardsPopoverModule {
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<QdcCardsPopoverModule, never>;
|
|
7
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<QdcCardsPopoverModule, [typeof i1.QdcCardsPopoverComponent, typeof i2.QdcCardsPopoverOnClickDirective], [typeof i3.CommonModule], [typeof i2.QdcCardsPopoverOnClickDirective]>;
|
|
8
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<QdcCardsPopoverModule>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Subscription } from 'rxjs';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export type PopoverCloseCallback = () => void;
|
|
4
|
+
export declare class QdcCardsPopoverService {
|
|
5
|
+
private closeHandler;
|
|
6
|
+
closeAllOverlays(): void;
|
|
7
|
+
subscribe(callback: PopoverCloseCallback): Subscription;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<QdcCardsPopoverService, never>;
|
|
9
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<QdcCardsPopoverService>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class QdcCardsPopoverComponent {
|
|
4
|
+
content: TemplateRef<unknown>;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<QdcCardsPopoverComponent, never>;
|
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<QdcCardsPopoverComponent, "qdc-cards-popover", never, { "content": { "alias": "content"; "required": false; }; }, {}, never, never, false, never>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { ConnectedPosition, Overlay, OverlayPositionBuilder } from '@angular/cdk/overlay';
|
|
2
|
+
import { ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
|
|
3
|
+
import { QdcCardsPopoverService } from '../cards-popover.service';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class QdcCardsPopoverOnClickDirective implements OnInit, OnDestroy {
|
|
6
|
+
private hostRef;
|
|
7
|
+
private overlayPositionBuilder;
|
|
8
|
+
private overlay;
|
|
9
|
+
private popoverService;
|
|
10
|
+
private host;
|
|
11
|
+
private overlayRef;
|
|
12
|
+
private closeSubscription;
|
|
13
|
+
qdcCardsPopoverOnClick: TemplateRef<unknown>;
|
|
14
|
+
popoverWidth: string | 'auto';
|
|
15
|
+
positionStrategy: ConnectedPosition;
|
|
16
|
+
popoverCloseStrategy: 'onOutsideClick' | 'onEveryClick';
|
|
17
|
+
readonly opened: EventEmitter<any>;
|
|
18
|
+
readonly closed: EventEmitter<any>;
|
|
19
|
+
constructor(hostRef: ElementRef<HTMLElement>, overlayPositionBuilder: OverlayPositionBuilder, overlay: Overlay, popoverService: QdcCardsPopoverService);
|
|
20
|
+
ngOnInit(): void;
|
|
21
|
+
ngOnDestroy(): void;
|
|
22
|
+
show(event: Event): void;
|
|
23
|
+
clickedOutside(event: PointerEvent): void;
|
|
24
|
+
close(): void;
|
|
25
|
+
private shouldClose;
|
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<QdcCardsPopoverOnClickDirective, never>;
|
|
27
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<QdcCardsPopoverOnClickDirective, "[qdcCardsPopoverOnClick]", never, { "qdcCardsPopoverOnClick": { "alias": "qdcCardsPopoverOnClick"; "required": false; }; "popoverWidth": { "alias": "popoverWidth"; "required": false; }; "positionStrategy": { "alias": "positionStrategy"; "required": false; }; "popoverCloseStrategy": { "alias": "popoverCloseStrategy"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; }, never, never, false, never>;
|
|
28
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@quadrel-enterprise-ui/qdc-cards",
|
|
3
|
+
"version": "19.0.0",
|
|
4
|
+
"description": "Library for loading dynamic and static translation files",
|
|
5
|
+
"publishConfig": {
|
|
6
|
+
"access": "public"
|
|
7
|
+
},
|
|
8
|
+
"peerDependencies": {
|
|
9
|
+
"@quadrel-enterprise-ui/framework": "^19",
|
|
10
|
+
"@angular/common": "^19.2.9",
|
|
11
|
+
"@angular/core": "^19.2.9",
|
|
12
|
+
"@angular/forms": "^19.2.9",
|
|
13
|
+
"@angular/cdk": "^19.2.9",
|
|
14
|
+
"@ngx-translate/core": "^17.0.0",
|
|
15
|
+
"rxjs": "~7.8.0"
|
|
16
|
+
},
|
|
17
|
+
"jestSonar": {
|
|
18
|
+
"reportPath": "../../coverage/libs/qdc-card/",
|
|
19
|
+
"reportFile": "sqr.xml",
|
|
20
|
+
"indent": 4,
|
|
21
|
+
"sonar56x": true
|
|
22
|
+
},
|
|
23
|
+
"module": "esm2022/quadrel-enterprise-ui-qdc-cards.mjs",
|
|
24
|
+
"typings": "index.d.ts",
|
|
25
|
+
"exports": {
|
|
26
|
+
"./package.json": {
|
|
27
|
+
"default": "./package.json"
|
|
28
|
+
},
|
|
29
|
+
".": {
|
|
30
|
+
"types": "./index.d.ts",
|
|
31
|
+
"default": "./esm2022/quadrel-enterprise-ui-qdc-cards.mjs"
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
"sideEffects": false,
|
|
35
|
+
"dependencies": {
|
|
36
|
+
"tslib": "^2.3.0"
|
|
37
|
+
}
|
|
38
|
+
}
|