@acorex-platform/module-document-management-client 0.0.53 → 0.0.56
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/fesm2022/{acorex-platform-module-document-management-client-acorex-platform-module-document-management-client--0oIEHPI.mjs → acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-qhcOFKFu.mjs} +1068 -436
- package/fesm2022/acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-qhcOFKFu.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-document-management-client-attachment-view-skeleton.component-CP6yjHx7.mjs → acorex-platform-module-document-management-client-attachment-view-skeleton.component-BeQSbax5.mjs} +2 -2
- package/fesm2022/{acorex-platform-module-document-management-client-attachment-view-skeleton.component-CP6yjHx7.mjs.map → acorex-platform-module-document-management-client-attachment-view-skeleton.component-BeQSbax5.mjs.map} +1 -1
- package/fesm2022/acorex-platform-module-document-management-client-attachment-widget.component-CsrcMMC9.mjs +37 -0
- package/fesm2022/acorex-platform-module-document-management-client-attachment-widget.component-CsrcMMC9.mjs.map +1 -0
- package/fesm2022/acorex-platform-module-document-management-client-contracts-entities-document-type.mjs +1 -0
- package/fesm2022/acorex-platform-module-document-management-client-contracts-entities-document-type.mjs.map +1 -1
- package/fesm2022/acorex-platform-module-document-management-client-contracts-entities-document.mjs +15 -0
- package/fesm2022/acorex-platform-module-document-management-client-contracts-entities-document.mjs.map +1 -1
- package/fesm2022/acorex-platform-module-document-management-client-contracts-entities-folder.mjs +27 -0
- package/fesm2022/acorex-platform-module-document-management-client-contracts-entities-folder.mjs.map +1 -1
- package/fesm2022/{acorex-platform-module-document-management-client-contracts-entity-catalog-acorex-platform-module-document-management-client-contracts-entity-catalog-BxwUMlCE.mjs → acorex-platform-module-document-management-client-contracts-entity-catalog-acorex-platform-module-document-management-client-contracts-entity-catalog-qzPWMiWF.mjs} +6 -6
- package/fesm2022/{acorex-platform-module-document-management-client-contracts-entity-catalog-acorex-platform-module-document-management-client-contracts-entity-catalog-BxwUMlCE.mjs.map → acorex-platform-module-document-management-client-contracts-entity-catalog-acorex-platform-module-document-management-client-contracts-entity-catalog-qzPWMiWF.mjs.map} +1 -1
- package/fesm2022/{acorex-platform-module-document-management-client-contracts-entity-catalog-document-shortcut.entity-D-hEBLFT.mjs → acorex-platform-module-document-management-client-contracts-entity-catalog-document-shortcut.entity-BELnXED1.mjs} +2 -2
- package/fesm2022/{acorex-platform-module-document-management-client-contracts-entity-catalog-document-shortcut.entity-D-hEBLFT.mjs.map → acorex-platform-module-document-management-client-contracts-entity-catalog-document-shortcut.entity-BELnXED1.mjs.map} +1 -1
- package/fesm2022/{acorex-platform-module-document-management-client-contracts-entity-catalog-document-type.entity-CBMUwrc-.mjs → acorex-platform-module-document-management-client-contracts-entity-catalog-document-type.entity-BSphQjSb.mjs} +3 -2
- package/fesm2022/acorex-platform-module-document-management-client-contracts-entity-catalog-document-type.entity-BSphQjSb.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-document-management-client-contracts-entity-catalog-document-version.entity-hATC_iAQ.mjs → acorex-platform-module-document-management-client-contracts-entity-catalog-document-version.entity-B9vWDzsE.mjs} +2 -2
- package/fesm2022/{acorex-platform-module-document-management-client-contracts-entity-catalog-document-version.entity-hATC_iAQ.mjs.map → acorex-platform-module-document-management-client-contracts-entity-catalog-document-version.entity-B9vWDzsE.mjs.map} +1 -1
- package/fesm2022/{acorex-platform-module-document-management-client-contracts-entity-catalog-document.entity-DOvhTOtO.mjs → acorex-platform-module-document-management-client-contracts-entity-catalog-document.entity-oFmhqAWA.mjs} +17 -2
- package/fesm2022/acorex-platform-module-document-management-client-contracts-entity-catalog-document.entity-oFmhqAWA.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-document-management-client-contracts-entity-catalog-folder.entity-cNSFyJoY.mjs → acorex-platform-module-document-management-client-contracts-entity-catalog-folder.entity-BqKpRAiP.mjs} +29 -2
- package/fesm2022/acorex-platform-module-document-management-client-contracts-entity-catalog-folder.entity-BqKpRAiP.mjs.map +1 -0
- package/fesm2022/acorex-platform-module-document-management-client-contracts-entity-catalog.mjs +1 -1
- package/fesm2022/acorex-platform-module-document-management-client-contracts.mjs +2 -0
- package/fesm2022/acorex-platform-module-document-management-client-contracts.mjs.map +1 -1
- package/fesm2022/acorex-platform-module-document-management-client-details-view-skeleton.component-BnRZrzCX.mjs +19 -0
- package/fesm2022/acorex-platform-module-document-management-client-details-view-skeleton.component-BnRZrzCX.mjs.map +1 -0
- package/fesm2022/acorex-platform-module-document-management-client-details-view.component-DkCD8RSd.mjs +472 -0
- package/fesm2022/acorex-platform-module-document-management-client-details-view.component-DkCD8RSd.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-document-management-client-distribute-document.command-CCLwJcFb.mjs → acorex-platform-module-document-management-client-distribute-document.command-BaCdm2YF.mjs} +2 -2
- package/fesm2022/{acorex-platform-module-document-management-client-distribute-document.command-CCLwJcFb.mjs.map → acorex-platform-module-document-management-client-distribute-document.command-BaCdm2YF.mjs.map} +1 -1
- package/fesm2022/{acorex-platform-module-document-management-client-drive-choose.component-Bq4semJF.mjs → acorex-platform-module-document-management-client-drive-choose.component-up9sAsei.mjs} +2 -2
- package/fesm2022/{acorex-platform-module-document-management-client-drive-choose.component-Bq4semJF.mjs.map → acorex-platform-module-document-management-client-drive-choose.component-up9sAsei.mjs.map} +1 -1
- package/fesm2022/{acorex-platform-module-document-management-client-large-icons-view-skeleton.component-CXDBviff.mjs → acorex-platform-module-document-management-client-large-icons-view-skeleton.component-C_VbFRKl.mjs} +2 -2
- package/fesm2022/{acorex-platform-module-document-management-client-large-icons-view-skeleton.component-CXDBviff.mjs.map → acorex-platform-module-document-management-client-large-icons-view-skeleton.component-C_VbFRKl.mjs.map} +1 -1
- package/fesm2022/acorex-platform-module-document-management-client-large-icons-view.component-Cece4n22.mjs +31 -0
- package/fesm2022/{acorex-platform-module-document-management-client-large-icons-view.component-COT_8z2S.mjs.map → acorex-platform-module-document-management-client-large-icons-view.component-Cece4n22.mjs.map} +1 -1
- package/fesm2022/acorex-platform-module-document-management-client-large-tiles-view.component-DzWIUZtv.mjs +36 -0
- package/fesm2022/{acorex-platform-module-document-management-client-large-tiles-view.component-Dm-MSIUn.mjs.map → acorex-platform-module-document-management-client-large-tiles-view.component-DzWIUZtv.mjs.map} +1 -1
- package/fesm2022/acorex-platform-module-document-management-client-link-dialog.component-EYoimqRD.mjs +119 -0
- package/fesm2022/acorex-platform-module-document-management-client-link-dialog.component-EYoimqRD.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-document-management-client-list-view-skeleton.component-D-QA5J07.mjs → acorex-platform-module-document-management-client-list-view-skeleton.component-Dgx8lVyN.mjs} +2 -2
- package/fesm2022/{acorex-platform-module-document-management-client-list-view-skeleton.component-D-QA5J07.mjs.map → acorex-platform-module-document-management-client-list-view-skeleton.component-Dgx8lVyN.mjs.map} +1 -1
- package/fesm2022/acorex-platform-module-document-management-client-list-view.component-DVUfHWHB.mjs +31 -0
- package/fesm2022/{acorex-platform-module-document-management-client-list-view.component-CDldLoV-.mjs.map → acorex-platform-module-document-management-client-list-view.component-DVUfHWHB.mjs.map} +1 -1
- package/fesm2022/{acorex-platform-module-document-management-client-open-document.command--tM4SRV7.mjs → acorex-platform-module-document-management-client-open-document.command-Bimm2bzt.mjs} +3 -2
- package/fesm2022/acorex-platform-module-document-management-client-open-document.command-Bimm2bzt.mjs.map +1 -0
- package/fesm2022/acorex-platform-module-document-management-client-share-dialog.component-CFI4hK3T.mjs +89 -0
- package/fesm2022/acorex-platform-module-document-management-client-share-dialog.component-CFI4hK3T.mjs.map +1 -0
- package/fesm2022/acorex-platform-module-document-management-client-share-email-dialog.component-CUvlAcp6.mjs +84 -0
- package/fesm2022/acorex-platform-module-document-management-client-share-email-dialog.component-CUvlAcp6.mjs.map +1 -0
- package/fesm2022/{acorex-platform-module-document-management-client-small-icons-view-skeleton.component-Cmgqsr4e.mjs → acorex-platform-module-document-management-client-small-icons-view-skeleton.component-CU2MiVUi.mjs} +2 -2
- package/fesm2022/{acorex-platform-module-document-management-client-small-icons-view-skeleton.component-Cmgqsr4e.mjs.map → acorex-platform-module-document-management-client-small-icons-view-skeleton.component-CU2MiVUi.mjs.map} +1 -1
- package/fesm2022/acorex-platform-module-document-management-client-small-icons-view.component-CL5cNRtI.mjs +31 -0
- package/fesm2022/{acorex-platform-module-document-management-client-small-icons-view.component-IC5bdYey.mjs.map → acorex-platform-module-document-management-client-small-icons-view.component-CL5cNRtI.mjs.map} +1 -1
- package/fesm2022/{acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-DzDonT_e.mjs → acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-DBJldDaS.mjs} +2 -2
- package/fesm2022/{acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-DzDonT_e.mjs.map → acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-DBJldDaS.mjs.map} +1 -1
- package/fesm2022/acorex-platform-module-document-management-client-small-tiles-view.component-DtsBSVCq.mjs +36 -0
- package/fesm2022/{acorex-platform-module-document-management-client-small-tiles-view.component-NUNfAl3M.mjs.map → acorex-platform-module-document-management-client-small-tiles-view.component-DtsBSVCq.mjs.map} +1 -1
- package/fesm2022/{acorex-platform-module-document-management-client-upload-document.command-CCRAgI9w.mjs → acorex-platform-module-document-management-client-upload-document.command-D3L6x6CQ.mjs} +3 -3
- package/fesm2022/{acorex-platform-module-document-management-client-upload-document.command-CCRAgI9w.mjs.map → acorex-platform-module-document-management-client-upload-document.command-D3L6x6CQ.mjs.map} +1 -1
- package/fesm2022/acorex-platform-module-document-management-client.mjs +1 -1
- package/i18n/en-AU/document-management.json +664 -0
- package/i18n/en-US/document-management.json +664 -0
- package/i18n/fa-IR/document-management.json +664 -0
- package/package.json +2 -2
- package/types/acorex-platform-module-document-management-client-contracts.d.ts +59 -3
- package/types/acorex-platform-module-document-management-client.d.ts +92 -7
- package/fesm2022/acorex-platform-module-document-management-client-acorex-platform-module-document-management-client--0oIEHPI.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-document-management-client-attachment-widget.component-DmgzUrWY.mjs +0 -37
- package/fesm2022/acorex-platform-module-document-management-client-attachment-widget.component-DmgzUrWY.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-document-management-client-contracts-entity-catalog-document-type.entity-CBMUwrc-.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-document-management-client-contracts-entity-catalog-document.entity-DOvhTOtO.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-document-management-client-contracts-entity-catalog-folder.entity-cNSFyJoY.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-document-management-client-large-icons-view.component-COT_8z2S.mjs +0 -31
- package/fesm2022/acorex-platform-module-document-management-client-large-tiles-view.component-Dm-MSIUn.mjs +0 -36
- package/fesm2022/acorex-platform-module-document-management-client-link-dialog.component-CUFgI0_q.mjs +0 -77
- package/fesm2022/acorex-platform-module-document-management-client-link-dialog.component-CUFgI0_q.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-document-management-client-list-view.component-CDldLoV-.mjs +0 -31
- package/fesm2022/acorex-platform-module-document-management-client-open-document.command--tM4SRV7.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-document-management-client-share-dialog.component-CyO_2Ppm.mjs +0 -148
- package/fesm2022/acorex-platform-module-document-management-client-share-dialog.component-CyO_2Ppm.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-document-management-client-share-email-dialog.component-6B0KXT1Z.mjs +0 -58
- package/fesm2022/acorex-platform-module-document-management-client-share-email-dialog.component-6B0KXT1Z.mjs.map +0 -1
- package/fesm2022/acorex-platform-module-document-management-client-small-icons-view.component-IC5bdYey.mjs +0 -31
- package/fesm2022/acorex-platform-module-document-management-client-small-tiles-view.component-NUNfAl3M.mjs +0 -36
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"acorex-platform-module-document-management-client-open-document.command--tM4SRV7.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/commands/open-document.command.ts"],"sourcesContent":["//#region ----- Imports -----\n\nimport { inject, Injectable } from '@angular/core';\nimport { AXPEntityService } from '@acorex-platform/framework-client/layout/entity';\nimport { AXPCommand, type AXPCommandExecuteResultPromise } from '@acorex-platform/framework-shared/runtime';\nimport type { AXPFileListItem } from '@acorex-platform/framework-shared/core';\nimport {\n AXMDocumentDto,\n RootConfig,\n} from '@acorex-platform/module-document-management-client/contracts';\n\nimport { AXMDocumentManagerService } from '../shared/document-manager.service';\nimport type { AXMDocumentExplorerNode } from '../shared/document-manager.types';\n\n//#endregion\n\n//#region ----- Types -----\n\nexport interface AXMOpenDocumentCommandInput {\n documentId?: string;\n data?: AXMDocumentExplorerNode | {\n documentId?: string;\n id?: string;\n payload?: { context?: { documentId?: string } };\n context?: { documentId?: string };\n };\n options?: {\n documentId?: string;\n };\n}\n\n//#endregion\n\n//#region ----- Helpers -----\n\nfunction isExplorerFileNode(value: unknown): value is AXMDocumentExplorerNode {\n return (\n !!value &&\n typeof value === 'object' &&\n (value as AXMDocumentExplorerNode).type === 'file' &&\n typeof (value as AXMDocumentExplorerNode).id === 'string'\n );\n}\n\nfunction readDocumentId(value: unknown): string | undefined {\n if (typeof value !== 'string') {\n return undefined;\n }\n const trimmed = value.trim();\n if (!trimmed || trimmed.includes('{{') || trimmed.includes('}}')) {\n return undefined;\n }\n return trimmed;\n}\n\nfunction resolveDocumentId(input: AXMOpenDocumentCommandInput = {}): string | undefined {\n const data = input.data;\n const fromPayloadContext =\n data && typeof data === 'object' && 'payload' in data\n ? (data as { payload?: { context?: { documentId?: unknown } } }).payload?.context?.documentId\n : undefined;\n const fromDataContext =\n data && typeof data === 'object' && 'context' in data\n ? (data as { context?: { documentId?: unknown } }).context?.documentId\n : undefined;\n const fromDataDocumentId =\n data && typeof data === 'object' && 'documentId' in data\n ? (data as { documentId?: unknown }).documentId\n : undefined;\n\n return (\n readDocumentId(input.documentId) ??\n readDocumentId(input.options?.documentId) ??\n readDocumentId(fromDataDocumentId) ??\n readDocumentId(fromPayloadContext) ??\n readDocumentId(fromDataContext)\n );\n}\n\nfunction toExplorerNode(document: AXMDocumentDto): AXMDocumentExplorerNode {\n const rawFileInfo = document.fileInfo;\n const fileListItem =\n rawFileInfo != null && typeof rawFileInfo === 'object' ? (rawFileInfo as AXPFileListItem) : undefined;\n const storedFileRef = typeof rawFileInfo === 'string' ? rawFileInfo : undefined;\n\n return {\n id: document.id!,\n name: document.name,\n type: 'file',\n parentId: document.parentId ?? null,\n size: fileListItem?.size ?? 0,\n fileId: fileListItem ?? storedFileRef,\n storageType: 'physical',\n metaDataForm: document.metaDataForm ?? undefined,\n documentTypes: document.documentType ? [document.documentType] : [],\n expirationDate: document.expirationDate ? new Date(document.expirationDate) : undefined,\n };\n}\n\n//#endregion\n\n//#region ----- Open file command -----\n\n/**\n * Opens a document the same way Drive context menu open does\n * (catalog open handler, otherwise download).\n */\n@Injectable({ providedIn: 'root' })\nexport class AXMOpenDocumentCommand implements AXPCommand<AXMOpenDocumentCommandInput> {\n //#region ----- Services & Dependencies -----\n\n private readonly documentManager = inject(AXMDocumentManagerService);\n private readonly entityService = inject(AXPEntityService);\n private readonly documentData = this.entityService\n .withEntity(RootConfig.module.name, RootConfig.entities.document.name)\n .data<string, AXMDocumentDto>();\n\n //#endregion\n\n //#region ----- Execute -----\n\n async execute(input: AXMOpenDocumentCommandInput = {}): AXPCommandExecuteResultPromise {\n // Drive already has the explorer node — reuse it (no refetch).\n if (isExplorerFileNode(input.data)) {\n await this.documentManager.openFile(input.data);\n return { success: true, kind: 'object', data: { documentId: input.data.id } };\n }\n\n const documentId = resolveDocumentId(input);\n if (!documentId) {\n return {\n success: false,\n message: { text: '@document-management:distribute.errors.document-required' },\n };\n }\n\n const document = await this.documentData.byKey(documentId);\n if (!document?.id) {\n return {\n success: false,\n message: { text: '@document-management:distribute.errors.document-not-found' },\n };\n }\n\n await this.documentManager.openFile(toExplorerNode(document));\n return { success: true, kind: 'object', data: { documentId } };\n }\n\n //#endregion\n}\n\n//#endregion\n"],"names":[],"mappings":"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"}
|
|
@@ -1,148 +0,0 @@
|
|
|
1
|
-
import * as i1 from '@acorex/components/button';
|
|
2
|
-
import { AXButtonModule } from '@acorex/components/button';
|
|
3
|
-
import { AXComboBoxComponent } from '@acorex/components/combo-box';
|
|
4
|
-
import * as i2 from '@acorex/components/form';
|
|
5
|
-
import { AXFormModule } from '@acorex/components/form';
|
|
6
|
-
import { AXLookupComponent } from '@acorex/components/lookup';
|
|
7
|
-
import * as i3 from '@acorex/components/text-box';
|
|
8
|
-
import { AXTextBoxModule } from '@acorex/components/text-box';
|
|
9
|
-
import * as i0 from '@angular/core';
|
|
10
|
-
import { Input, ChangeDetectionStrategy, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
|
|
11
|
-
|
|
12
|
-
class AXMShareDialogComponent {
|
|
13
|
-
constructor() {
|
|
14
|
-
this.selectedUsers = [];
|
|
15
|
-
this.permission = 'view';
|
|
16
|
-
this.message = '';
|
|
17
|
-
this.users = [
|
|
18
|
-
{ id: 1, name: 'User 1' },
|
|
19
|
-
{ id: 2, name: 'User 2' },
|
|
20
|
-
{ id: 3, name: 'User 3' },
|
|
21
|
-
];
|
|
22
|
-
this.permissions = [
|
|
23
|
-
{ value: 'view', text: 'View only' },
|
|
24
|
-
{ value: 'edit', text: 'Can edit' },
|
|
25
|
-
{ value: 'full', text: 'Full access' },
|
|
26
|
-
];
|
|
27
|
-
this.permissionComboItems = this.permissions.map((item) => ({
|
|
28
|
-
id: item.value,
|
|
29
|
-
text: item.text,
|
|
30
|
-
value: item.value,
|
|
31
|
-
}));
|
|
32
|
-
}
|
|
33
|
-
handleUserChange(event) {
|
|
34
|
-
this.selectedUsers = event.value ?? [];
|
|
35
|
-
}
|
|
36
|
-
handlePermissionChange(event) {
|
|
37
|
-
this.permission = event.value ?? this.permission;
|
|
38
|
-
}
|
|
39
|
-
onShare() {
|
|
40
|
-
// The parent component will handle closing
|
|
41
|
-
console.log({
|
|
42
|
-
result: true,
|
|
43
|
-
data: {
|
|
44
|
-
users: this.selectedUsers,
|
|
45
|
-
permission: this.permission,
|
|
46
|
-
message: this.message,
|
|
47
|
-
},
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
onCancel() {
|
|
51
|
-
// The parent component will handle closing
|
|
52
|
-
console.log({ result: false });
|
|
53
|
-
}
|
|
54
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMShareDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
55
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXMShareDialogComponent, isStandalone: true, selector: "ax-share-dialog", inputs: { node: "node" }, ngImport: i0, template: `
|
|
56
|
-
<div class="p-4 gap-2">
|
|
57
|
-
<ax-form>
|
|
58
|
-
<ax-form-field>
|
|
59
|
-
<ax-label>Share with:</ax-label>
|
|
60
|
-
<ax-lookup
|
|
61
|
-
mode="multi-select"
|
|
62
|
-
[value]="selectedUsers"
|
|
63
|
-
[dataSource]="users"
|
|
64
|
-
valueField="id"
|
|
65
|
-
textField="name"
|
|
66
|
-
[searchable]="false"
|
|
67
|
-
(onValueChanged)="handleUserChange($event)"
|
|
68
|
-
>
|
|
69
|
-
</ax-lookup>
|
|
70
|
-
</ax-form-field>
|
|
71
|
-
<ax-form-field>
|
|
72
|
-
<ax-label>Permission:</ax-label>
|
|
73
|
-
<ax-combo-box
|
|
74
|
-
[(value)]="permission"
|
|
75
|
-
[items]="permissionComboItems"
|
|
76
|
-
[searchable]="false"
|
|
77
|
-
(onValueChanged)="handlePermissionChange($event)"
|
|
78
|
-
>
|
|
79
|
-
</ax-combo-box>
|
|
80
|
-
</ax-form-field>
|
|
81
|
-
<ax-form-field>
|
|
82
|
-
<ax-label>Message (Optional):</ax-label>
|
|
83
|
-
<ax-text-box [(value)]="message" [multiline]="true"></ax-text-box>
|
|
84
|
-
</ax-form-field>
|
|
85
|
-
</ax-form>
|
|
86
|
-
<ax-footer>
|
|
87
|
-
<ax-suffix>
|
|
88
|
-
<ax-button text="Cancel" (onClick)="onCancel()"></ax-button>
|
|
89
|
-
<ax-button text="Share" (onClick)="onShare()"></ax-button>
|
|
90
|
-
</ax-suffix>
|
|
91
|
-
</ax-footer>
|
|
92
|
-
</div>
|
|
93
|
-
`, isInline: true, dependencies: [{ kind: "component", type: AXLookupComponent, selector: "ax-lookup", inputs: ["name", "mode", "dataSource", "treeDataSource", "valueField", "textField", "disabledField", "columns", "treeParentField", "hasChildrenField", "searchable", "adaptivityEnabled", "caption", "alternate", "searchPlaceholder", "placeholder", "disabled", "readonly", "look", "itemHeight", "maxVisibleItems", "treeSelectionBehavior", "highlightSearch", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "value", "valueItems"], outputs: ["lookChange", "valueChange", "onValueChanged", "onSelectionChanged", "onFocus", "onBlur", "onItemClick", "onItemSelected", "onOpened", "onClosed"] }, { kind: "component", type: AXComboBoxComponent, selector: "ax-combo-box", inputs: ["name", "items", "searchable", "multiple", "adaptivityEnabled", "caption", "alternate", "placeholder", "searchPlaceholder", "highlightSearch", "emptyTemplate", "itemTemplate", "selectedTemplate", "disabled", "readonly", "look", "value"], outputs: ["lookChange", "valueChange", "onValueChanged", "onFocus", "onBlur", "onItemClick", "onItemSelected", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i2.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i2.AXFormComponent, selector: "ax-form", inputs: ["disabled", "readonly", "labelMode", "look", "messageStyle", "updateOn", "inUserInteractionActive"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i3.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
94
|
-
}
|
|
95
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMShareDialogComponent, decorators: [{
|
|
96
|
-
type: Component,
|
|
97
|
-
args: [{
|
|
98
|
-
selector: 'ax-share-dialog',
|
|
99
|
-
standalone: true,
|
|
100
|
-
imports: [AXLookupComponent, AXComboBoxComponent, AXButtonModule, AXFormModule, AXTextBoxModule],
|
|
101
|
-
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
102
|
-
changeDetection: ChangeDetectionStrategy.Eager,
|
|
103
|
-
template: `
|
|
104
|
-
<div class="p-4 gap-2">
|
|
105
|
-
<ax-form>
|
|
106
|
-
<ax-form-field>
|
|
107
|
-
<ax-label>Share with:</ax-label>
|
|
108
|
-
<ax-lookup
|
|
109
|
-
mode="multi-select"
|
|
110
|
-
[value]="selectedUsers"
|
|
111
|
-
[dataSource]="users"
|
|
112
|
-
valueField="id"
|
|
113
|
-
textField="name"
|
|
114
|
-
[searchable]="false"
|
|
115
|
-
(onValueChanged)="handleUserChange($event)"
|
|
116
|
-
>
|
|
117
|
-
</ax-lookup>
|
|
118
|
-
</ax-form-field>
|
|
119
|
-
<ax-form-field>
|
|
120
|
-
<ax-label>Permission:</ax-label>
|
|
121
|
-
<ax-combo-box
|
|
122
|
-
[(value)]="permission"
|
|
123
|
-
[items]="permissionComboItems"
|
|
124
|
-
[searchable]="false"
|
|
125
|
-
(onValueChanged)="handlePermissionChange($event)"
|
|
126
|
-
>
|
|
127
|
-
</ax-combo-box>
|
|
128
|
-
</ax-form-field>
|
|
129
|
-
<ax-form-field>
|
|
130
|
-
<ax-label>Message (Optional):</ax-label>
|
|
131
|
-
<ax-text-box [(value)]="message" [multiline]="true"></ax-text-box>
|
|
132
|
-
</ax-form-field>
|
|
133
|
-
</ax-form>
|
|
134
|
-
<ax-footer>
|
|
135
|
-
<ax-suffix>
|
|
136
|
-
<ax-button text="Cancel" (onClick)="onCancel()"></ax-button>
|
|
137
|
-
<ax-button text="Share" (onClick)="onShare()"></ax-button>
|
|
138
|
-
</ax-suffix>
|
|
139
|
-
</ax-footer>
|
|
140
|
-
</div>
|
|
141
|
-
`,
|
|
142
|
-
}]
|
|
143
|
-
}], propDecorators: { node: [{
|
|
144
|
-
type: Input
|
|
145
|
-
}] } });
|
|
146
|
-
|
|
147
|
-
export { AXMShareDialogComponent };
|
|
148
|
-
//# sourceMappingURL=acorex-platform-module-document-management-client-share-dialog.component-CyO_2Ppm.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"acorex-platform-module-document-management-client-share-dialog.component-CyO_2Ppm.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/shared/components/share-dialog/share-dialog.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXComboBoxComponent, type AXComboBoxItem } from '@acorex/components/combo-box';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXLookupComponent } from '@acorex/components/lookup';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\n\nimport { Component, CUSTOM_ELEMENTS_SCHEMA, Input, ChangeDetectionStrategy } from '@angular/core';\nimport { AXMDocumentExplorerNode } from '../../document-manager.types';\n\n@Component({\n selector: 'ax-share-dialog',\n standalone: true,\n imports: [AXLookupComponent, AXComboBoxComponent, AXButtonModule, AXFormModule, AXTextBoxModule],\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n changeDetection: ChangeDetectionStrategy.Eager,\n template: `\n <div class=\"p-4 gap-2\">\n <ax-form>\n <ax-form-field>\n <ax-label>Share with:</ax-label>\n <ax-lookup\n mode=\"multi-select\"\n [value]=\"selectedUsers\"\n [dataSource]=\"users\"\n valueField=\"id\"\n textField=\"name\"\n [searchable]=\"false\"\n (onValueChanged)=\"handleUserChange($event)\"\n >\n </ax-lookup>\n </ax-form-field>\n <ax-form-field>\n <ax-label>Permission:</ax-label>\n <ax-combo-box\n [(value)]=\"permission\"\n [items]=\"permissionComboItems\"\n [searchable]=\"false\"\n (onValueChanged)=\"handlePermissionChange($event)\"\n >\n </ax-combo-box>\n </ax-form-field>\n <ax-form-field>\n <ax-label>Message (Optional):</ax-label>\n <ax-text-box [(value)]=\"message\" [multiline]=\"true\"></ax-text-box>\n </ax-form-field>\n </ax-form>\n <ax-footer>\n <ax-suffix>\n <ax-button text=\"Cancel\" (onClick)=\"onCancel()\"></ax-button>\n <ax-button text=\"Share\" (onClick)=\"onShare()\"></ax-button>\n </ax-suffix>\n </ax-footer>\n </div>\n `,\n})\nexport class AXMShareDialogComponent {\n @Input() node: AXMDocumentExplorerNode;\n\n selectedUsers: any[] = [];\n permission: string = 'view';\n message: string = '';\n\n users = [\n { id: 1, name: 'User 1' },\n { id: 2, name: 'User 2' },\n { id: 3, name: 'User 3' },\n ];\n\n permissions = [\n { value: 'view', text: 'View only' },\n { value: 'edit', text: 'Can edit' },\n { value: 'full', text: 'Full access' },\n ];\n\n protected readonly permissionComboItems: AXComboBoxItem[] = this.permissions.map((item) => ({\n id: item.value,\n text: item.text,\n value: item.value,\n }));\n\n handleUserChange(event: { value?: unknown }) {\n this.selectedUsers = (event.value as any[]) ?? [];\n }\n\n handlePermissionChange(event: { value?: unknown }) {\n this.permission = (event.value as string) ?? this.permission;\n }\n\n onShare() {\n // The parent component will handle closing\n console.log({\n result: true,\n data: {\n users: this.selectedUsers,\n permission: this.permission,\n message: this.message,\n },\n });\n }\n\n onCancel() {\n // The parent component will handle closing\n console.log({ result: false });\n }\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import * as i1 from '@acorex/components/button';
|
|
2
|
-
import { AXButtonModule } from '@acorex/components/button';
|
|
3
|
-
import { AXComboBoxComponent } from '@acorex/components/combo-box';
|
|
4
|
-
import * as i2 from '@acorex/components/form';
|
|
5
|
-
import { AXFormModule } from '@acorex/components/form';
|
|
6
|
-
import * as i3 from '@acorex/components/text-box';
|
|
7
|
-
import { AXTextBoxModule } from '@acorex/components/text-box';
|
|
8
|
-
import * as i0 from '@angular/core';
|
|
9
|
-
import { Input, ChangeDetectionStrategy, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
|
|
10
|
-
|
|
11
|
-
class AXMShareEmailDialogComponent {
|
|
12
|
-
constructor() {
|
|
13
|
-
this.emails = '';
|
|
14
|
-
this.permission = 'view';
|
|
15
|
-
this.message = '';
|
|
16
|
-
this.permissions = [
|
|
17
|
-
{ value: 'view', text: 'View only' },
|
|
18
|
-
{ value: 'edit', text: 'Can edit' },
|
|
19
|
-
{ value: 'full', text: 'Full access' },
|
|
20
|
-
];
|
|
21
|
-
this.permissionComboItems = this.permissions.map((item) => ({
|
|
22
|
-
id: item.value,
|
|
23
|
-
text: item.text,
|
|
24
|
-
value: item.value,
|
|
25
|
-
}));
|
|
26
|
-
}
|
|
27
|
-
handlePermissionChange(event) {
|
|
28
|
-
this.permission = event.value ?? this.permission;
|
|
29
|
-
}
|
|
30
|
-
onSend() {
|
|
31
|
-
const emailList = this.emails
|
|
32
|
-
.split('\n')
|
|
33
|
-
.map((email) => email.trim())
|
|
34
|
-
.filter((email) => email.length > 0);
|
|
35
|
-
console.log({
|
|
36
|
-
result: true,
|
|
37
|
-
data: {
|
|
38
|
-
emails: emailList,
|
|
39
|
-
permission: this.permission,
|
|
40
|
-
message: this.message,
|
|
41
|
-
},
|
|
42
|
-
});
|
|
43
|
-
}
|
|
44
|
-
onCancel() {
|
|
45
|
-
console.log({ result: false });
|
|
46
|
-
}
|
|
47
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMShareEmailDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXMShareEmailDialogComponent, isStandalone: true, selector: "ax-share-email-dialog", inputs: { node: "node" }, ngImport: i0, template: "<div class=\"p-4 gap-2\">\n <ax-form>\n <ax-form-field>\n <ax-label>Email Addresses:</ax-label>\n <ax-text-box\n [(value)]=\"emails\"\n [multiline]=\"true\"\n placeholder=\"Enter email addresses (one per line)\"\n ></ax-text-box>\n </ax-form-field>\n <ax-form-field>\n <ax-label>Permission:</ax-label>\n <ax-combo-box\n [(value)]=\"permission\"\n [items]=\"permissionComboItems\"\n [searchable]=\"false\"\n (onValueChanged)=\"handlePermissionChange($event)\"\n >\n </ax-combo-box>\n </ax-form-field>\n <ax-form-field>\n <ax-label>Message (Optional):</ax-label>\n <ax-text-box [(value)]=\"message\" [multiline]=\"true\"></ax-text-box>\n </ax-form-field>\n </ax-form>\n <ax-footer>\n <ax-suffix>\n <ax-button text=\"Cancel\" (onClick)=\"onCancel()\"></ax-button>\n <ax-button text=\"Send\" (onClick)=\"onSend()\"></ax-button>\n </ax-suffix>\n </ax-footer>\n</div>\n", dependencies: [{ kind: "component", type: AXComboBoxComponent, selector: "ax-combo-box", inputs: ["name", "items", "searchable", "multiple", "adaptivityEnabled", "caption", "alternate", "placeholder", "searchPlaceholder", "highlightSearch", "emptyTemplate", "itemTemplate", "selectedTemplate", "disabled", "readonly", "look", "value"], outputs: ["lookChange", "valueChange", "onValueChanged", "onFocus", "onBlur", "onItemClick", "onItemSelected", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i2.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i2.AXFormComponent, selector: "ax-form", inputs: ["disabled", "readonly", "labelMode", "look", "messageStyle", "updateOn", "inUserInteractionActive"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i3.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
49
|
-
}
|
|
50
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMShareEmailDialogComponent, decorators: [{
|
|
51
|
-
type: Component,
|
|
52
|
-
args: [{ selector: 'ax-share-email-dialog', standalone: true, imports: [AXComboBoxComponent, AXButtonModule, AXFormModule, AXTextBoxModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], changeDetection: ChangeDetectionStrategy.Eager, template: "<div class=\"p-4 gap-2\">\n <ax-form>\n <ax-form-field>\n <ax-label>Email Addresses:</ax-label>\n <ax-text-box\n [(value)]=\"emails\"\n [multiline]=\"true\"\n placeholder=\"Enter email addresses (one per line)\"\n ></ax-text-box>\n </ax-form-field>\n <ax-form-field>\n <ax-label>Permission:</ax-label>\n <ax-combo-box\n [(value)]=\"permission\"\n [items]=\"permissionComboItems\"\n [searchable]=\"false\"\n (onValueChanged)=\"handlePermissionChange($event)\"\n >\n </ax-combo-box>\n </ax-form-field>\n <ax-form-field>\n <ax-label>Message (Optional):</ax-label>\n <ax-text-box [(value)]=\"message\" [multiline]=\"true\"></ax-text-box>\n </ax-form-field>\n </ax-form>\n <ax-footer>\n <ax-suffix>\n <ax-button text=\"Cancel\" (onClick)=\"onCancel()\"></ax-button>\n <ax-button text=\"Send\" (onClick)=\"onSend()\"></ax-button>\n </ax-suffix>\n </ax-footer>\n</div>\n" }]
|
|
53
|
-
}], propDecorators: { node: [{
|
|
54
|
-
type: Input
|
|
55
|
-
}] } });
|
|
56
|
-
|
|
57
|
-
export { AXMShareEmailDialogComponent };
|
|
58
|
-
//# sourceMappingURL=acorex-platform-module-document-management-client-share-email-dialog.component-6B0KXT1Z.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"acorex-platform-module-document-management-client-share-email-dialog.component-6B0KXT1Z.mjs","sources":["../../../../libs/modules/document-management/client/src/lib/features/shared/components/share-email-dialog/share-email-dialog.component.ts","../../../../libs/modules/document-management/client/src/lib/features/shared/components/share-email-dialog/share-email-dialog.component.html"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXComboBoxComponent, type AXComboBoxItem } from '@acorex/components/combo-box';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\n\nimport { Component, CUSTOM_ELEMENTS_SCHEMA, Input, ChangeDetectionStrategy } from '@angular/core';\nimport { AXMDocumentExplorerNode } from '../../document-manager.types';\n\n@Component({\n selector: 'ax-share-email-dialog',\n standalone: true,\n imports: [AXComboBoxComponent, AXButtonModule, AXFormModule, AXTextBoxModule],\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n changeDetection: ChangeDetectionStrategy.Eager,\n templateUrl: './share-email-dialog.component.html',\n})\nexport class AXMShareEmailDialogComponent {\n @Input() node: AXMDocumentExplorerNode;\n\n emails: string = '';\n permission: string = 'view';\n message: string = '';\n\n permissions = [\n { value: 'view', text: 'View only' },\n { value: 'edit', text: 'Can edit' },\n { value: 'full', text: 'Full access' },\n ];\n\n protected readonly permissionComboItems: AXComboBoxItem[] = this.permissions.map((item) => ({\n id: item.value,\n text: item.text,\n value: item.value,\n }));\n\n handlePermissionChange(event: { value?: unknown }) {\n this.permission = (event.value as string) ?? this.permission;\n }\n\n onSend() {\n const emailList = this.emails\n .split('\\n')\n .map((email) => email.trim())\n .filter((email) => email.length > 0);\n\n console.log({\n result: true,\n data: {\n emails: emailList,\n permission: this.permission,\n message: this.message,\n },\n });\n }\n\n onCancel() {\n console.log({ result: false });\n }\n}\n","<div class=\"p-4 gap-2\">\n <ax-form>\n <ax-form-field>\n <ax-label>Email Addresses:</ax-label>\n <ax-text-box\n [(value)]=\"emails\"\n [multiline]=\"true\"\n placeholder=\"Enter email addresses (one per line)\"\n ></ax-text-box>\n </ax-form-field>\n <ax-form-field>\n <ax-label>Permission:</ax-label>\n <ax-combo-box\n [(value)]=\"permission\"\n [items]=\"permissionComboItems\"\n [searchable]=\"false\"\n (onValueChanged)=\"handlePermissionChange($event)\"\n >\n </ax-combo-box>\n </ax-form-field>\n <ax-form-field>\n <ax-label>Message (Optional):</ax-label>\n <ax-text-box [(value)]=\"message\" [multiline]=\"true\"></ax-text-box>\n </ax-form-field>\n </ax-form>\n <ax-footer>\n <ax-suffix>\n <ax-button text=\"Cancel\" (onClick)=\"onCancel()\"></ax-button>\n <ax-button text=\"Send\" (onClick)=\"onSend()\"></ax-button>\n </ax-suffix>\n </ax-footer>\n</div>\n"],"names":[],"mappings":"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"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import * as i1 from '@angular/common';
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
5
|
-
import { AXPElementDataDirective, AXPDblClickDirective } from '@acorex-platform/framework-client/core';
|
|
6
|
-
import { A as AXPDocumentExplorerViewModel, a as AXMDocumentExpirationBadgeComponent, b as AXMDocumentVersionBadgeComponent, c as AXMFolderExpirationBadgesComponent } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client--0oIEHPI.mjs';
|
|
7
|
-
import * as i3 from '@acorex/core/translation';
|
|
8
|
-
import { AXTranslationModule } from '@acorex/core/translation';
|
|
9
|
-
|
|
10
|
-
class AXMDocumentExplorerSmallIconsViewComponent {
|
|
11
|
-
constructor() {
|
|
12
|
-
this.vm = inject(AXPDocumentExplorerViewModel);
|
|
13
|
-
}
|
|
14
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentExplorerSmallIconsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMDocumentExplorerSmallIconsViewComponent, isStandalone: true, selector: "axm-document-explorer-small-icons-view", ngImport: i0, template: "@if (vm.groupByType()) {\n @if (vm.filteredFolders().length > 0) {\n <div class=\"__section\">\n <div class=\"__header\">\n <h3 class=\"__title\">{{ '@document-management:terms.common.folders' | translate | async }}</h3>\n </div>\n <div class=\"__content fa-2x\">\n @for (folder of vm.filteredFolders(); track folder.id) {\n @let folderDisplay = vm.getNodeDisplayInfo(folder);\n <div\n class=\"__explorer-item\"\n [class.--selected]=\"vm.isItemSelected(folder)\"\n [axp-data]=\"folder\"\n (click)=\"vm.toggleSelect(folder)\"\n (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n >\n <div class=\"__icon\" [style.color]=\"vm.getFolderColor(folder)\" [class.__shortcut]=\"folderDisplay.isShortcut\">\n @if (vm.isLoadingFolder(folder.id)) {\n <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n } @else {\n <i class=\"fas fa-folder-closed\"></i>\n }\n @if (folderDisplay.isShortcut) {\n <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n }\n </div>\n <div class=\"inline-flex max-w-full items-center justify-center gap-1\">\n <div class=\"__name\">{{ folder.name }}</div>\n <!-- ----- Expiration counts after folder name ----- -->\n <axm-folder-expiration-badges [node]=\"folder\" />\n </div>\n </div>\n }\n </div>\n </div>\n }\n\n @if (vm.filteredFiles().length > 0) {\n <div class=\"__section\">\n <div class=\"__header\">\n <h3 class=\"__title\">{{ '@document-management:terms.common.files' | translate | async }}</h3>\n </div>\n <div class=\"__content fa-2x\">\n @for (file of vm.filteredFiles(); track file.id) {\n @let fileDisplay = vm.getNodeDisplayInfo(file);\n <div\n class=\"__explorer-item\"\n [class.--selected]=\"vm.isItemSelected(file)\"\n [axp-data]=\"file\"\n (click)=\"vm.toggleSelect(file)\"\n (onDblClick)=\"vm.openFile(file)\"\n >\n <axm-document-version-badge class=\"__version-badge\" [node]=\"file\" />\n <div class=\"__icon\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n @if (fileDisplay.isShortcut) {\n <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n }\n <axm-document-expiration-badge class=\"__expiration-badge\" [node]=\"file\" />\n </div>\n <div class=\"__name\">{{ file.name }}</div>\n </div>\n }\n </div>\n </div>\n }\n} @else {\n <div class=\"__content fa-2x\">\n @for (folder of vm.filteredFolders(); track folder.id) {\n @let folderDisplay = vm.getNodeDisplayInfo(folder);\n <div\n class=\"__explorer-item\"\n [class.--selected]=\"vm.isItemSelected(folder)\"\n [axp-data]=\"folder\"\n (click)=\"vm.toggleSelect(folder)\"\n (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n >\n <div class=\"__icon\" [style.color]=\"vm.getFolderColor(folder)\" [class.__shortcut]=\"folderDisplay.isShortcut\">\n @if (vm.isLoadingFolder(folder.id)) {\n <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n } @else {\n <i class=\"fas fa-folder-closed\"></i>\n }\n @if (folderDisplay.isShortcut) {\n <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n }\n </div>\n <div class=\"inline-flex max-w-full items-center justify-center gap-1\">\n <div class=\"__name\">{{ folder.name }}</div>\n <!-- ----- Expiration counts after folder name ----- -->\n <axm-folder-expiration-badges [node]=\"folder\" />\n </div>\n </div>\n }\n @for (file of vm.filteredFiles(); track file.id) {\n @let fileDisplay = vm.getNodeDisplayInfo(file);\n <div\n class=\"__explorer-item\"\n [class.--selected]=\"vm.isItemSelected(file)\"\n [axp-data]=\"file\"\n (click)=\"vm.toggleSelect(file)\"\n (onDblClick)=\"vm.openFile(file)\"\n >\n <axm-document-version-badge class=\"__version-badge\" [node]=\"file\" />\n <div class=\"__icon\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n @if (fileDisplay.isShortcut) {\n <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n }\n <axm-document-expiration-badge class=\"__expiration-badge\" [node]=\"file\" />\n </div>\n <div class=\"__name\">{{ file.name }}</div>\n </div>\n }\n </div>\n}\n", styles: ["@layer properties;:host{width:100%}:host .__section{margin-bottom:calc(var(--spacing, .25rem) * 8);width:100%}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:calc(var(--spacing, .25rem) * 2)}:host .__content .__explorer-item{position:relative;display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:var(--spacing, .25rem);border-radius:var(--radius-md, .375rem);padding:calc(var(--spacing, .25rem) * 2);text-align:center}:host .__content .__explorer-item:hover{background-color:var(--color-light);color:var(--color-on-light);border-color:var(--color-border-light)}:host .__content .__explorer-item .__version-badge{position:absolute;top:.2rem;inset-inline-end:.2rem;z-index:1}:host .__content .__explorer-item .__icon.__shortcut .__shortcut-arrow{position:absolute;bottom:0;right:0;font-size:.5em;opacity:.9}:host .__content .__explorer-item .__icon{position:relative;display:inline-flex;flex-shrink:0}:host .__content .__explorer-item .__icon .__expiration-badge{position:absolute;top:-.35rem;right:-.75rem;font-size:.7rem;z-index:1}:host .__content .__explorer-item .__name{width:100%;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.6em}:host .__content .__explorer-item.--selected{background-color:var(--color-darker);color:var(--color-on-darker);border-color:var(--color-border-darker)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: AXPElementDataDirective, selector: "[axp-data]", inputs: ["axp-data", "axp-data-path"] }, { kind: "directive", type: AXPDblClickDirective, selector: "[onDblClick]", outputs: ["onDblClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXMDocumentExpirationBadgeComponent, selector: "axm-document-expiration-badge", inputs: ["node"] }, { kind: "component", type: AXMDocumentVersionBadgeComponent, selector: "axm-document-version-badge", inputs: ["node"] }, { kind: "component", type: AXMFolderExpirationBadgesComponent, selector: "axm-folder-expiration-badges", inputs: ["node"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
16
|
-
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentExplorerSmallIconsViewComponent, decorators: [{
|
|
18
|
-
type: Component,
|
|
19
|
-
args: [{ selector: 'axm-document-explorer-small-icons-view', standalone: true, changeDetection: ChangeDetectionStrategy.Eager, imports: [
|
|
20
|
-
CommonModule,
|
|
21
|
-
AXPElementDataDirective,
|
|
22
|
-
AXPDblClickDirective,
|
|
23
|
-
AXTranslationModule,
|
|
24
|
-
AXMDocumentExpirationBadgeComponent,
|
|
25
|
-
AXMDocumentVersionBadgeComponent,
|
|
26
|
-
AXMFolderExpirationBadgesComponent,
|
|
27
|
-
], template: "@if (vm.groupByType()) {\n @if (vm.filteredFolders().length > 0) {\n <div class=\"__section\">\n <div class=\"__header\">\n <h3 class=\"__title\">{{ '@document-management:terms.common.folders' | translate | async }}</h3>\n </div>\n <div class=\"__content fa-2x\">\n @for (folder of vm.filteredFolders(); track folder.id) {\n @let folderDisplay = vm.getNodeDisplayInfo(folder);\n <div\n class=\"__explorer-item\"\n [class.--selected]=\"vm.isItemSelected(folder)\"\n [axp-data]=\"folder\"\n (click)=\"vm.toggleSelect(folder)\"\n (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n >\n <div class=\"__icon\" [style.color]=\"vm.getFolderColor(folder)\" [class.__shortcut]=\"folderDisplay.isShortcut\">\n @if (vm.isLoadingFolder(folder.id)) {\n <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n } @else {\n <i class=\"fas fa-folder-closed\"></i>\n }\n @if (folderDisplay.isShortcut) {\n <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n }\n </div>\n <div class=\"inline-flex max-w-full items-center justify-center gap-1\">\n <div class=\"__name\">{{ folder.name }}</div>\n <!-- ----- Expiration counts after folder name ----- -->\n <axm-folder-expiration-badges [node]=\"folder\" />\n </div>\n </div>\n }\n </div>\n </div>\n }\n\n @if (vm.filteredFiles().length > 0) {\n <div class=\"__section\">\n <div class=\"__header\">\n <h3 class=\"__title\">{{ '@document-management:terms.common.files' | translate | async }}</h3>\n </div>\n <div class=\"__content fa-2x\">\n @for (file of vm.filteredFiles(); track file.id) {\n @let fileDisplay = vm.getNodeDisplayInfo(file);\n <div\n class=\"__explorer-item\"\n [class.--selected]=\"vm.isItemSelected(file)\"\n [axp-data]=\"file\"\n (click)=\"vm.toggleSelect(file)\"\n (onDblClick)=\"vm.openFile(file)\"\n >\n <axm-document-version-badge class=\"__version-badge\" [node]=\"file\" />\n <div class=\"__icon\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n @if (fileDisplay.isShortcut) {\n <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n }\n <axm-document-expiration-badge class=\"__expiration-badge\" [node]=\"file\" />\n </div>\n <div class=\"__name\">{{ file.name }}</div>\n </div>\n }\n </div>\n </div>\n }\n} @else {\n <div class=\"__content fa-2x\">\n @for (folder of vm.filteredFolders(); track folder.id) {\n @let folderDisplay = vm.getNodeDisplayInfo(folder);\n <div\n class=\"__explorer-item\"\n [class.--selected]=\"vm.isItemSelected(folder)\"\n [axp-data]=\"folder\"\n (click)=\"vm.toggleSelect(folder)\"\n (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n >\n <div class=\"__icon\" [style.color]=\"vm.getFolderColor(folder)\" [class.__shortcut]=\"folderDisplay.isShortcut\">\n @if (vm.isLoadingFolder(folder.id)) {\n <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n } @else {\n <i class=\"fas fa-folder-closed\"></i>\n }\n @if (folderDisplay.isShortcut) {\n <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n }\n </div>\n <div class=\"inline-flex max-w-full items-center justify-center gap-1\">\n <div class=\"__name\">{{ folder.name }}</div>\n <!-- ----- Expiration counts after folder name ----- -->\n <axm-folder-expiration-badges [node]=\"folder\" />\n </div>\n </div>\n }\n @for (file of vm.filteredFiles(); track file.id) {\n @let fileDisplay = vm.getNodeDisplayInfo(file);\n <div\n class=\"__explorer-item\"\n [class.--selected]=\"vm.isItemSelected(file)\"\n [axp-data]=\"file\"\n (click)=\"vm.toggleSelect(file)\"\n (onDblClick)=\"vm.openFile(file)\"\n >\n <axm-document-version-badge class=\"__version-badge\" [node]=\"file\" />\n <div class=\"__icon\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n @if (fileDisplay.isShortcut) {\n <i class=\"__shortcut-arrow fa-light fa-up-right-from-square\" aria-hidden=\"true\"></i>\n }\n <axm-document-expiration-badge class=\"__expiration-badge\" [node]=\"file\" />\n </div>\n <div class=\"__name\">{{ file.name }}</div>\n </div>\n }\n </div>\n}\n", styles: ["@layer properties;:host{width:100%}:host .__section{margin-bottom:calc(var(--spacing, .25rem) * 8);width:100%}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:calc(var(--spacing, .25rem) * 2)}:host .__content .__explorer-item{position:relative;display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:var(--spacing, .25rem);border-radius:var(--radius-md, .375rem);padding:calc(var(--spacing, .25rem) * 2);text-align:center}:host .__content .__explorer-item:hover{background-color:var(--color-light);color:var(--color-on-light);border-color:var(--color-border-light)}:host .__content .__explorer-item .__version-badge{position:absolute;top:.2rem;inset-inline-end:.2rem;z-index:1}:host .__content .__explorer-item .__icon.__shortcut .__shortcut-arrow{position:absolute;bottom:0;right:0;font-size:.5em;opacity:.9}:host .__content .__explorer-item .__icon{position:relative;display:inline-flex;flex-shrink:0}:host .__content .__explorer-item .__icon .__expiration-badge{position:absolute;top:-.35rem;right:-.75rem;font-size:.7rem;z-index:1}:host .__content .__explorer-item .__name{width:100%;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.6em}:host .__content .__explorer-item.--selected{background-color:var(--color-darker);color:var(--color-on-darker);border-color:var(--color-border-darker)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
|
|
28
|
-
}] });
|
|
29
|
-
|
|
30
|
-
export { AXMDocumentExplorerSmallIconsViewComponent };
|
|
31
|
-
//# sourceMappingURL=acorex-platform-module-document-management-client-small-icons-view.component-IC5bdYey.mjs.map
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import * as i1 from '@angular/common';
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
5
|
-
import { AXPElementDataDirective, AXPDblClickDirective } from '@acorex-platform/framework-client/core';
|
|
6
|
-
import { A as AXPDocumentExplorerViewModel, a as AXMDocumentExpirationBadgeComponent, b as AXMDocumentVersionBadgeComponent, c as AXMFolderExpirationBadgesComponent } from './acorex-platform-module-document-management-client-acorex-platform-module-document-management-client--0oIEHPI.mjs';
|
|
7
|
-
import * as i2 from '@acorex/core/format';
|
|
8
|
-
import { AXFormatModule } from '@acorex/core/format';
|
|
9
|
-
import { AXDateTimeModule } from '@acorex/core/date-time';
|
|
10
|
-
import * as i3 from '@acorex/core/translation';
|
|
11
|
-
import { AXTranslationModule } from '@acorex/core/translation';
|
|
12
|
-
|
|
13
|
-
class AXMDocumentExplorerSmallTilesViewComponent {
|
|
14
|
-
constructor() {
|
|
15
|
-
this.vm = inject(AXPDocumentExplorerViewModel);
|
|
16
|
-
}
|
|
17
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentExplorerSmallTilesViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMDocumentExplorerSmallTilesViewComponent, isStandalone: true, selector: "axm-document-explorer-small-tiles-view", ngImport: i0, template: "@if (vm.groupByType()) {\n @if (vm.filteredFolders().length > 0) {\n <div class=\"__section\">\n <div class=\"__header\">\n <h3 class=\"__title\">\n {{ '@document-management:terms.common.folders' | translate | async }}\n </h3>\n </div>\n <div class=\"__content\">\n @for (folder of vm.filteredFolders(); track folder.id) {\n @let folderDisplay = vm.getNodeDisplayInfo(folder);\n <div\n class=\"__explorer-item\"\n [class.--selected]=\"vm.isItemSelected(folder)\"\n [axp-data]=\"folder\"\n (click)=\"vm.toggleSelect(folder)\"\n (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n >\n <div\n class=\"__icon fa-2x\"\n [style.color]=\"vm.getFolderColor(folder)\"\n [class.__shortcut]=\"folderDisplay.isShortcut\"\n >\n @if (vm.isLoadingFolder(folder.id)) {\n <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n } @else {\n <i class=\"fas fa-folder-closed\"></i>\n }\n @if (folderDisplay.isShortcut) {\n <i\n class=\"__shortcut-arrow fa-light fa-up-right-from-square\"\n aria-hidden=\"true\"\n ></i>\n }\n </div>\n <div class=\"__details\">\n <div class=\"__name\">{{ folder.name }}</div>\n <div class=\"__info\">\n <div class=\"inline-flex items-center gap-1\">\n <span>{{ (folder.childrenCount ?? 0) + (folder.itemsCount ?? 0) }} items</span>\n <!-- ----- Expiration counts after item count ----- -->\n <axm-folder-expiration-badges [node]=\"folder\" />\n </div>\n <span>{{\n folder.modifiedAt\n | format: 'datetime' : { format: 'datetime' }\n | async\n }}</span>\n </div>\n </div>\n </div>\n }\n </div>\n </div>\n }\n\n @if (vm.filteredFiles().length > 0) {\n <div class=\"__section\">\n <div class=\"__header\">\n <h3 class=\"__title\">\n {{ '@document-management:terms.common.files' | translate | async }}\n </h3>\n </div>\n <div class=\"__content\">\n @for (file of vm.filteredFiles(); track file.id) {\n @let fileDisplay = vm.getNodeDisplayInfo(file);\n <div\n class=\"__explorer-item\"\n [class.--selected]=\"vm.isItemSelected(file)\"\n [axp-data]=\"file\"\n (click)=\"vm.toggleSelect(file)\"\n (onDblClick)=\"vm.openFile(file)\"\n >\n <axm-document-version-badge class=\"__version-badge\" [node]=\"file\" />\n <div\n class=\"__icon fa-2x\"\n [class.__shortcut]=\"fileDisplay.isShortcut\"\n >\n <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n @if (fileDisplay.isShortcut) {\n <i\n class=\"__shortcut-arrow fa-light fa-up-right-from-square\"\n aria-hidden=\"true\"\n ></i>\n }\n </div>\n <div class=\"__details\">\n <div class=\"flex min-w-0 items-center gap-1.5\">\n <div class=\"__name\">{{ file.name }}</div>\n <axm-document-expiration-badge [node]=\"file\" />\n </div>\n <div class=\"__info\">\n <span>{{ file.size | format: 'filesize' | async }}</span>\n <span>{{\n file.modifiedAt\n | format: 'datetime' : { format: 'datetime' }\n | async\n }}</span>\n </div>\n </div>\n </div>\n }\n </div>\n </div>\n }\n} @else {\n <div class=\"__section\">\n <div class=\"__content\">\n @for (folder of vm.filteredFolders(); track folder.id) {\n @let folderDisplay = vm.getNodeDisplayInfo(folder);\n <div\n class=\"__explorer-item\"\n [class.--selected]=\"vm.isItemSelected(folder)\"\n [axp-data]=\"folder\"\n (click)=\"vm.toggleSelect(folder)\"\n (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n >\n <div\n class=\"__icon fa-2x\"\n [style.color]=\"vm.getFolderColor(folder)\"\n [class.__shortcut]=\"folderDisplay.isShortcut\"\n >\n @if (vm.isLoadingFolder(folder.id)) {\n <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n } @else {\n <i class=\"fas fa-folder-closed\"></i>\n }\n @if (folderDisplay.isShortcut) {\n <i\n class=\"__shortcut-arrow fa-light fa-up-right-from-square\"\n aria-hidden=\"true\"\n ></i>\n }\n </div>\n <div class=\"__details\">\n <div class=\"__name\">{{ folder.name }}</div>\n <div class=\"__info\">\n <div class=\"inline-flex items-center gap-1\">\n <span>{{ (folder.childrenCount ?? 0) + (folder.itemsCount ?? 0) }} items</span>\n <!-- ----- Expiration counts after item count ----- -->\n <axm-folder-expiration-badges [node]=\"folder\" />\n </div>\n <span>{{\n folder.modifiedAt\n | format: 'datetime' : { format: 'datetime' }\n | async\n }}</span>\n </div>\n </div>\n </div>\n }\n @for (file of vm.filteredFiles(); track file.id) {\n @let fileDisplay = vm.getNodeDisplayInfo(file);\n <div\n class=\"__explorer-item\"\n [class.--selected]=\"vm.isItemSelected(file)\"\n [axp-data]=\"file\"\n (click)=\"vm.toggleSelect(file)\"\n (onDblClick)=\"vm.openFile(file)\"\n >\n <axm-document-version-badge class=\"__version-badge\" [node]=\"file\" />\n <div class=\"__icon fa-2x\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n @if (fileDisplay.isShortcut) {\n <i\n class=\"__shortcut-arrow fa-light fa-up-right-from-square\"\n aria-hidden=\"true\"\n ></i>\n }\n </div>\n <div class=\"__details\">\n <div class=\"flex min-w-0 items-center gap-1.5\">\n <div class=\"__name\">{{ file.name }}</div>\n <axm-document-expiration-badge [node]=\"file\" />\n </div>\n <div class=\"__info\">\n <span>{{ file.size | format: 'filesize' | async }}</span>\n <span>{{\n file.modifiedAt\n | format: 'datetime' : { format: 'datetime' }\n | async\n }}</span>\n </div>\n </div>\n </div>\n }\n </div>\n </div>\n}\n", styles: ["@layer properties;:host .__section{margin-bottom:calc(var(--spacing, .25rem) * 8)}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__section .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--spacing, .25rem) * 2)}:host .__section .__content .__explorer-item{position:relative;display:flex;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);padding:calc(var(--spacing, .25rem) * 2);padding-inline-end:calc(var(--spacing, .25rem) * 12)}:host .__section .__content .__explorer-item:hover{background-color:var(--color-light);color:var(--color-on-light);border-color:var(--color-border-light)}:host .__section .__content .__explorer-item .__version-badge{position:absolute;top:.35rem;inset-inline-end:.35rem;z-index:1}:host .__section .__content .__explorer-item .__icon.__shortcut .__shortcut-arrow{position:absolute;bottom:0;right:0;font-size:.5em;opacity:.9}:host .__section .__content .__explorer-item .__icon{position:relative;display:inline-flex;flex-shrink:0}:host .__section .__content .__explorer-item .__details{min-width:0px;flex:1}:host .__section .__content .__explorer-item .__details .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}:host .__section .__content .__explorer-item .__details .__info{display:flex;width:100%;justify-content:space-between;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);opacity:65%}:host .__section .__content .__explorer-item .__details .__info span{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}:host .__section .__content .__explorer-item.--selected{background-color:var(--color-darker);color:var(--color-on-darker);border-color:var(--color-border-darker)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: AXPElementDataDirective, selector: "[axp-data]", inputs: ["axp-data", "axp-data-path"] }, { kind: "directive", type: AXPDblClickDirective, selector: "[onDblClick]", outputs: ["onDblClick"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXMDocumentExpirationBadgeComponent, selector: "axm-document-expiration-badge", inputs: ["node"] }, { kind: "component", type: AXMDocumentVersionBadgeComponent, selector: "axm-document-version-badge", inputs: ["node"] }, { kind: "component", type: AXMFolderExpirationBadgesComponent, selector: "axm-folder-expiration-badges", inputs: ["node"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.AXFormatPipe, name: "format" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
19
|
-
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentExplorerSmallTilesViewComponent, decorators: [{
|
|
21
|
-
type: Component,
|
|
22
|
-
args: [{ selector: 'axm-document-explorer-small-tiles-view', standalone: true, changeDetection: ChangeDetectionStrategy.Eager, imports: [
|
|
23
|
-
CommonModule,
|
|
24
|
-
AXPElementDataDirective,
|
|
25
|
-
AXPDblClickDirective,
|
|
26
|
-
AXFormatModule,
|
|
27
|
-
AXDateTimeModule,
|
|
28
|
-
AXTranslationModule,
|
|
29
|
-
AXMDocumentExpirationBadgeComponent,
|
|
30
|
-
AXMDocumentVersionBadgeComponent,
|
|
31
|
-
AXMFolderExpirationBadgesComponent,
|
|
32
|
-
], template: "@if (vm.groupByType()) {\n @if (vm.filteredFolders().length > 0) {\n <div class=\"__section\">\n <div class=\"__header\">\n <h3 class=\"__title\">\n {{ '@document-management:terms.common.folders' | translate | async }}\n </h3>\n </div>\n <div class=\"__content\">\n @for (folder of vm.filteredFolders(); track folder.id) {\n @let folderDisplay = vm.getNodeDisplayInfo(folder);\n <div\n class=\"__explorer-item\"\n [class.--selected]=\"vm.isItemSelected(folder)\"\n [axp-data]=\"folder\"\n (click)=\"vm.toggleSelect(folder)\"\n (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n >\n <div\n class=\"__icon fa-2x\"\n [style.color]=\"vm.getFolderColor(folder)\"\n [class.__shortcut]=\"folderDisplay.isShortcut\"\n >\n @if (vm.isLoadingFolder(folder.id)) {\n <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n } @else {\n <i class=\"fas fa-folder-closed\"></i>\n }\n @if (folderDisplay.isShortcut) {\n <i\n class=\"__shortcut-arrow fa-light fa-up-right-from-square\"\n aria-hidden=\"true\"\n ></i>\n }\n </div>\n <div class=\"__details\">\n <div class=\"__name\">{{ folder.name }}</div>\n <div class=\"__info\">\n <div class=\"inline-flex items-center gap-1\">\n <span>{{ (folder.childrenCount ?? 0) + (folder.itemsCount ?? 0) }} items</span>\n <!-- ----- Expiration counts after item count ----- -->\n <axm-folder-expiration-badges [node]=\"folder\" />\n </div>\n <span>{{\n folder.modifiedAt\n | format: 'datetime' : { format: 'datetime' }\n | async\n }}</span>\n </div>\n </div>\n </div>\n }\n </div>\n </div>\n }\n\n @if (vm.filteredFiles().length > 0) {\n <div class=\"__section\">\n <div class=\"__header\">\n <h3 class=\"__title\">\n {{ '@document-management:terms.common.files' | translate | async }}\n </h3>\n </div>\n <div class=\"__content\">\n @for (file of vm.filteredFiles(); track file.id) {\n @let fileDisplay = vm.getNodeDisplayInfo(file);\n <div\n class=\"__explorer-item\"\n [class.--selected]=\"vm.isItemSelected(file)\"\n [axp-data]=\"file\"\n (click)=\"vm.toggleSelect(file)\"\n (onDblClick)=\"vm.openFile(file)\"\n >\n <axm-document-version-badge class=\"__version-badge\" [node]=\"file\" />\n <div\n class=\"__icon fa-2x\"\n [class.__shortcut]=\"fileDisplay.isShortcut\"\n >\n <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n @if (fileDisplay.isShortcut) {\n <i\n class=\"__shortcut-arrow fa-light fa-up-right-from-square\"\n aria-hidden=\"true\"\n ></i>\n }\n </div>\n <div class=\"__details\">\n <div class=\"flex min-w-0 items-center gap-1.5\">\n <div class=\"__name\">{{ file.name }}</div>\n <axm-document-expiration-badge [node]=\"file\" />\n </div>\n <div class=\"__info\">\n <span>{{ file.size | format: 'filesize' | async }}</span>\n <span>{{\n file.modifiedAt\n | format: 'datetime' : { format: 'datetime' }\n | async\n }}</span>\n </div>\n </div>\n </div>\n }\n </div>\n </div>\n }\n} @else {\n <div class=\"__section\">\n <div class=\"__content\">\n @for (folder of vm.filteredFolders(); track folder.id) {\n @let folderDisplay = vm.getNodeDisplayInfo(folder);\n <div\n class=\"__explorer-item\"\n [class.--selected]=\"vm.isItemSelected(folder)\"\n [axp-data]=\"folder\"\n (click)=\"vm.toggleSelect(folder)\"\n (onDblClick)=\"vm.navigateToFolder(folder.id)\"\n >\n <div\n class=\"__icon fa-2x\"\n [style.color]=\"vm.getFolderColor(folder)\"\n [class.__shortcut]=\"folderDisplay.isShortcut\"\n >\n @if (vm.isLoadingFolder(folder.id)) {\n <i class=\"fa-light fa-spinner fa-spin-pulse\"></i>\n } @else {\n <i class=\"fas fa-folder-closed\"></i>\n }\n @if (folderDisplay.isShortcut) {\n <i\n class=\"__shortcut-arrow fa-light fa-up-right-from-square\"\n aria-hidden=\"true\"\n ></i>\n }\n </div>\n <div class=\"__details\">\n <div class=\"__name\">{{ folder.name }}</div>\n <div class=\"__info\">\n <div class=\"inline-flex items-center gap-1\">\n <span>{{ (folder.childrenCount ?? 0) + (folder.itemsCount ?? 0) }} items</span>\n <!-- ----- Expiration counts after item count ----- -->\n <axm-folder-expiration-badges [node]=\"folder\" />\n </div>\n <span>{{\n folder.modifiedAt\n | format: 'datetime' : { format: 'datetime' }\n | async\n }}</span>\n </div>\n </div>\n </div>\n }\n @for (file of vm.filteredFiles(); track file.id) {\n @let fileDisplay = vm.getNodeDisplayInfo(file);\n <div\n class=\"__explorer-item\"\n [class.--selected]=\"vm.isItemSelected(file)\"\n [axp-data]=\"file\"\n (click)=\"vm.toggleSelect(file)\"\n (onDblClick)=\"vm.openFile(file)\"\n >\n <axm-document-version-badge class=\"__version-badge\" [node]=\"file\" />\n <div class=\"__icon fa-2x\" [class.__shortcut]=\"fileDisplay.isShortcut\">\n <i class=\"fa-fw {{ fileDisplay.icon }}\"></i>\n @if (fileDisplay.isShortcut) {\n <i\n class=\"__shortcut-arrow fa-light fa-up-right-from-square\"\n aria-hidden=\"true\"\n ></i>\n }\n </div>\n <div class=\"__details\">\n <div class=\"flex min-w-0 items-center gap-1.5\">\n <div class=\"__name\">{{ file.name }}</div>\n <axm-document-expiration-badge [node]=\"file\" />\n </div>\n <div class=\"__info\">\n <span>{{ file.size | format: 'filesize' | async }}</span>\n <span>{{\n file.modifiedAt\n | format: 'datetime' : { format: 'datetime' }\n | async\n }}</span>\n </div>\n </div>\n </div>\n }\n </div>\n </div>\n}\n", styles: ["@layer properties;:host .__section{margin-bottom:calc(var(--spacing, .25rem) * 8)}:host .__section:last-child{margin-bottom:0}:host .__section .__header .__title{margin-bottom:calc(var(--spacing, .25rem) * 4);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__section .__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--spacing, .25rem) * 2)}:host .__section .__content .__explorer-item{position:relative;display:flex;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);padding:calc(var(--spacing, .25rem) * 2);padding-inline-end:calc(var(--spacing, .25rem) * 12)}:host .__section .__content .__explorer-item:hover{background-color:var(--color-light);color:var(--color-on-light);border-color:var(--color-border-light)}:host .__section .__content .__explorer-item .__version-badge{position:absolute;top:.35rem;inset-inline-end:.35rem;z-index:1}:host .__section .__content .__explorer-item .__icon.__shortcut .__shortcut-arrow{position:absolute;bottom:0;right:0;font-size:.5em;opacity:.9}:host .__section .__content .__explorer-item .__icon{position:relative;display:inline-flex;flex-shrink:0}:host .__section .__content .__explorer-item .__details{min-width:0px;flex:1}:host .__section .__content .__explorer-item .__details .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}:host .__section .__content .__explorer-item .__details .__info{display:flex;width:100%;justify-content:space-between;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);opacity:65%}:host .__section .__content .__explorer-item .__details .__info span{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}:host .__section .__content .__explorer-item.--selected{background-color:var(--color-darker);color:var(--color-on-darker);border-color:var(--color-border-darker)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
|
|
33
|
-
}] });
|
|
34
|
-
|
|
35
|
-
export { AXMDocumentExplorerSmallTilesViewComponent };
|
|
36
|
-
//# sourceMappingURL=acorex-platform-module-document-management-client-small-tiles-view.component-NUNfAl3M.mjs.map
|