Compare commits
No commits in common. "master" and "v1.0.101" have entirely different histories.
@ -6,8 +6,8 @@ on:
|
|||||||
- '**'
|
- '**'
|
||||||
|
|
||||||
env:
|
env:
|
||||||
IMAGE: code.foss.global/hosttoday/ht-docker-node:npmci
|
IMAGE: registry.gitlab.com/hosttoday/ht-docker-node:npmci
|
||||||
NPMCI_COMPUTED_REPOURL: https://${{gitea.repository_owner}}:${{secrets.GITEA_TOKEN}}@/${{gitea.repository}}.git
|
NPMCI_COMPUTED_REPOURL: https://${{gitea.repository_owner}}:${{secrets.GITEA_TOKEN}}@gitea.lossless.digital/${{gitea.repository}}.git
|
||||||
NPMCI_TOKEN_NPM: ${{secrets.NPMCI_TOKEN_NPM}}
|
NPMCI_TOKEN_NPM: ${{secrets.NPMCI_TOKEN_NPM}}
|
||||||
NPMCI_TOKEN_NPM2: ${{secrets.NPMCI_TOKEN_NPM2}}
|
NPMCI_TOKEN_NPM2: ${{secrets.NPMCI_TOKEN_NPM2}}
|
||||||
NPMCI_GIT_GITHUBTOKEN: ${{secrets.NPMCI_GIT_GITHUBTOKEN}}
|
NPMCI_GIT_GITHUBTOKEN: ${{secrets.NPMCI_GIT_GITHUBTOKEN}}
|
||||||
@ -26,7 +26,7 @@ jobs:
|
|||||||
- name: Install pnpm and npmci
|
- name: Install pnpm and npmci
|
||||||
run: |
|
run: |
|
||||||
pnpm install -g pnpm
|
pnpm install -g pnpm
|
||||||
pnpm install -g @ship.zone/npmci
|
pnpm install -g @shipzone/npmci
|
||||||
|
|
||||||
- name: Run npm prepare
|
- name: Run npm prepare
|
||||||
run: npmci npm prepare
|
run: npmci npm prepare
|
||||||
|
|||||||
@ -6,8 +6,8 @@ on:
|
|||||||
- '*'
|
- '*'
|
||||||
|
|
||||||
env:
|
env:
|
||||||
IMAGE: code.foss.global/hosttoday/ht-docker-node:npmci
|
IMAGE: registry.gitlab.com/hosttoday/ht-docker-node:npmci
|
||||||
NPMCI_COMPUTED_REPOURL: https://${{gitea.repository_owner}}:${{secrets.GITEA_TOKEN}}@/${{gitea.repository}}.git
|
NPMCI_COMPUTED_REPOURL: https://${{gitea.repository_owner}}:${{secrets.GITEA_TOKEN}}@gitea.lossless.digital/${{gitea.repository}}.git
|
||||||
NPMCI_TOKEN_NPM: ${{secrets.NPMCI_TOKEN_NPM}}
|
NPMCI_TOKEN_NPM: ${{secrets.NPMCI_TOKEN_NPM}}
|
||||||
NPMCI_TOKEN_NPM2: ${{secrets.NPMCI_TOKEN_NPM2}}
|
NPMCI_TOKEN_NPM2: ${{secrets.NPMCI_TOKEN_NPM2}}
|
||||||
NPMCI_GIT_GITHUBTOKEN: ${{secrets.NPMCI_GIT_GITHUBTOKEN}}
|
NPMCI_GIT_GITHUBTOKEN: ${{secrets.NPMCI_GIT_GITHUBTOKEN}}
|
||||||
@ -26,7 +26,7 @@ jobs:
|
|||||||
- name: Prepare
|
- name: Prepare
|
||||||
run: |
|
run: |
|
||||||
pnpm install -g pnpm
|
pnpm install -g pnpm
|
||||||
pnpm install -g @ship.zone/npmci
|
pnpm install -g @shipzone/npmci
|
||||||
npmci npm prepare
|
npmci npm prepare
|
||||||
|
|
||||||
- name: Audit production dependencies
|
- name: Audit production dependencies
|
||||||
@ -54,7 +54,7 @@ jobs:
|
|||||||
- name: Prepare
|
- name: Prepare
|
||||||
run: |
|
run: |
|
||||||
pnpm install -g pnpm
|
pnpm install -g pnpm
|
||||||
pnpm install -g @ship.zone/npmci
|
pnpm install -g @shipzone/npmci
|
||||||
npmci npm prepare
|
npmci npm prepare
|
||||||
|
|
||||||
- name: Test stable
|
- name: Test stable
|
||||||
@ -82,7 +82,7 @@ jobs:
|
|||||||
- name: Prepare
|
- name: Prepare
|
||||||
run: |
|
run: |
|
||||||
pnpm install -g pnpm
|
pnpm install -g pnpm
|
||||||
pnpm install -g @ship.zone/npmci
|
pnpm install -g @shipzone/npmci
|
||||||
npmci npm prepare
|
npmci npm prepare
|
||||||
|
|
||||||
- name: Release
|
- name: Release
|
||||||
@ -104,7 +104,7 @@ jobs:
|
|||||||
- name: Prepare
|
- name: Prepare
|
||||||
run: |
|
run: |
|
||||||
pnpm install -g pnpm
|
pnpm install -g pnpm
|
||||||
pnpm install -g @ship.zone/npmci
|
pnpm install -g @shipzone/npmci
|
||||||
npmci npm prepare
|
npmci npm prepare
|
||||||
|
|
||||||
- name: Code quality
|
- name: Code quality
|
||||||
|
|||||||
1
.gitignore
vendored
1
.gitignore
vendored
@ -3,6 +3,7 @@
|
|||||||
# artifacts
|
# artifacts
|
||||||
coverage/
|
coverage/
|
||||||
public/
|
public/
|
||||||
|
pages/
|
||||||
|
|
||||||
# installs
|
# installs
|
||||||
node_modules/
|
node_modules/
|
||||||
|
|||||||
2
.npmrc
2
.npmrc
@ -1 +1 @@
|
|||||||
registry=https://registry.npmjs.org/
|
registry=https://verdaccio.nevermind.cloud/
|
||||||
|
|||||||
149
changelog.md
149
changelog.md
@ -1,154 +1,5 @@
|
|||||||
# Changelog
|
# Changelog
|
||||||
|
|
||||||
## 2025-01-01 - 1.6.11 - fix(license)
|
|
||||||
Update copyright notice in license to reflect new ownership
|
|
||||||
|
|
||||||
- Updated copyright from Lossless GmbH to Task Venture Capital GmbH.
|
|
||||||
|
|
||||||
## 2024-12-08 - 1.6.10 - fix(core)
|
|
||||||
Improve stability and performance of document generation
|
|
||||||
|
|
||||||
|
|
||||||
## 2024-12-08 - 1.6.9 - fix(contentinvoice.ts)
|
|
||||||
Improve invoice item layout and fix alignment issues.
|
|
||||||
|
|
||||||
- Fixed missing border on last invoice item.
|
|
||||||
- Added highlighted style for invoice lines.
|
|
||||||
- Corrected alignment and display of invoice item details.
|
|
||||||
- Included VAT percentage display adjustments.
|
|
||||||
|
|
||||||
## 2024-12-07 - 1.6.8 - fix(rendering and logging)
|
|
||||||
Removed debug logging from document rendering process.
|
|
||||||
|
|
||||||
- Removed console logs from content invoice, document rendering, page scaling, and overflow checking.
|
|
||||||
|
|
||||||
## 2024-12-07 - 1.6.7 - fix(document rendering)
|
|
||||||
Fixed overflow issues in document and page elements
|
|
||||||
|
|
||||||
- Ensured content overflow handling in document.ts
|
|
||||||
- Adjusted page element overflow settings in page.ts
|
|
||||||
|
|
||||||
## 2024-12-07 - 1.6.6 - fix(page-render)
|
|
||||||
Fix layout scaling adjustment for page component
|
|
||||||
|
|
||||||
- Ensure `font-family` is no longer explicitly set to inherit in `DePage` component.
|
|
||||||
- Adjust scaling logic to properly set width and overflow based on calculated scale.
|
|
||||||
|
|
||||||
## 2024-12-05 - 1.6.5 - fix(contentinvoice)
|
|
||||||
Fix VAT group item number formatting and remove custom font style in invoice sums.
|
|
||||||
|
|
||||||
- Removed custom font-family style from the invoice sums.
|
|
||||||
- Corrected VAT group item numbers display by properly formatting and removing trailing comma.
|
|
||||||
|
|
||||||
## 2024-12-05 - 1.6.4 - fix(styling)
|
|
||||||
Consolidated shared styles for consistent font applied across various components.
|
|
||||||
|
|
||||||
- Added a shared style file for consistent font family across components
|
|
||||||
- Applied shared style to contentinvoice, letterheader, pagecontent, pagefooter, and pageheader components
|
|
||||||
|
|
||||||
## 2024-12-05 - 1.6.3 - fix(ui)
|
|
||||||
Corrects font family in contentinvoice element.
|
|
||||||
|
|
||||||
- Updated the font-family for line items in contentinvoice.ts
|
|
||||||
|
|
||||||
## 2024-12-05 - 1.6.2 - fix(translation)
|
|
||||||
Corrected missing translation keys for VAT short form across multiple languages.
|
|
||||||
|
|
||||||
- Fixed missing 'vatShort' translation for English, German, Spanish, French, and Italian in translation.ts file.
|
|
||||||
|
|
||||||
## 2024-12-05 - 1.6.1 - fix(core)
|
|
||||||
Ensure consistent project structure and code organization without additional changes.
|
|
||||||
|
|
||||||
|
|
||||||
## 2024-12-05 - 1.6.0 - feat(documentSettings + translations + vat in itemLines)
|
|
||||||
Updated dependencies in package.json
|
|
||||||
|
|
||||||
- Updated @types/node to version ^22.10.1
|
|
||||||
- Updated qrcode package to version ^1.5.4
|
|
||||||
|
|
||||||
## 2024-12-02 - 1.5.3 - fix(elements)
|
|
||||||
Update viewer attributes and fix font integration
|
|
||||||
|
|
||||||
- Updated viewer.ts to add missing property decorators for letterData and documentSettings.
|
|
||||||
- Fixed font loading by correcting URLs in index.html.
|
|
||||||
- Set demoDocumentSettings default header and footer to false.
|
|
||||||
|
|
||||||
## 2024-12-02 - 1.5.2 - fix(workflow)
|
|
||||||
Corrected Docker image references and package scope in YAML workflows for compatibility.
|
|
||||||
|
|
||||||
- Updated Docker image reference from GitLab to code.foss.global for npmci UI workflows.
|
|
||||||
- Fixed npm package scope for `@shipzone/npmci` in YAML workflows.
|
|
||||||
- Minor formatting corrections for better code readability.
|
|
||||||
|
|
||||||
## 2024-12-02 - 1.5.1 - fix(package)
|
|
||||||
Fix duplicate node export in package.json
|
|
||||||
|
|
||||||
- Resolved a duplication issue with the './node' export in package.json exports field.
|
|
||||||
|
|
||||||
## 2024-12-02 - 1.5.0 - feat(core)
|
|
||||||
Refactor project structure for better modularity and code organization
|
|
||||||
|
|
||||||
- Moved shared components to a dedicated 'dist_ts_shared' directory for better separation of concerns.
|
|
||||||
- Updated import statements across the codebase to align with the new file structure.
|
|
||||||
- Introduced translations directly under 'ts_shared' for language-specific string management.
|
|
||||||
|
|
||||||
## 2024-12-02 - 1.4.0 - feat(translation)
|
|
||||||
Add French and Italian translations for document interface
|
|
||||||
|
|
||||||
- Expanded translation support by adding French and Italian language translations
|
|
||||||
- Fixed duplicated text in German final page statement
|
|
||||||
- Improved Spanish translation of reverse VAT note and final page statement
|
|
||||||
|
|
||||||
## 2024-12-02 - 1.3.2 - fix(core)
|
|
||||||
Minor updates and optimizations in the output PDF formatting process.
|
|
||||||
|
|
||||||
- Improved handling of page content overflow in PDF generation.
|
|
||||||
- Refined default document settings for consistent rendering.
|
|
||||||
|
|
||||||
## 2024-12-02 - 1.3.1 - fix(documentation)
|
|
||||||
Updated project description and enhanced documentation in package.json and README
|
|
||||||
|
|
||||||
- The package description in package.json was updated to include more features.
|
|
||||||
- Added more details about setting up and using the PdfService.
|
|
||||||
- Included comprehensive examples for initializing and generating PDFs.
|
|
||||||
- Expanded sections covering advanced features, modular components, interactive documents, and localization support.
|
|
||||||
|
|
||||||
## 2024-12-02 - 1.3.0 - feat(translation)
|
|
||||||
Add multi-language support for document translations.
|
|
||||||
|
|
||||||
- Implemented translation interface for document labels.
|
|
||||||
- Added Spanish translations alongside existing English and German.
|
|
||||||
- Updated content invoice, page header, and page footer elements to utilize language-specific translations.
|
|
||||||
|
|
||||||
## 2024-12-01 - 1.2.0 - feat(core)
|
|
||||||
Enhance document generation capabilities with improved modular structure and extended translation support.
|
|
||||||
|
|
||||||
- Enhanced document generation framework with a more modular structure.
|
|
||||||
- Integrated support for translations using JSON-based language maps.
|
|
||||||
- Optimized PDF generation process for dynamic document content.
|
|
||||||
- Added properties in 'IDocumentSettings' for language code management.
|
|
||||||
- Updated README documentation with more comprehensive examples and guidance.
|
|
||||||
|
|
||||||
## 2024-11-30 - 1.1.0 - feat(core)
|
|
||||||
Enhanced document generation features and added translation capabilities
|
|
||||||
|
|
||||||
- Updated document rendering with advanced modular architecture.
|
|
||||||
- Introduced translation mechanism for document content.
|
|
||||||
- Improved PDF generation with dynamic settings support.
|
|
||||||
- Enhanced test cases for PDF generation with complex document structures.
|
|
||||||
|
|
||||||
## 2024-11-27 - 1.0.103 - fix(DeDocument)
|
|
||||||
Fix rendering of documents by properly moving new pages back to the document container
|
|
||||||
|
|
||||||
- Resolved an issue in the DeDocument component where new pages were wrongly managed, causing errors in the rendering of documents.
|
|
||||||
- Added a documentBuildContainer for temporary storage during page setup, ensuring correct page ordering.
|
|
||||||
|
|
||||||
## 2024-11-27 - 1.0.102 - fix(contentinvoice)
|
|
||||||
Fixed currency display issues in invoice content rendering.
|
|
||||||
|
|
||||||
- Corrected the usage of currency property to consistently pull from letterData content for invoice items.
|
|
||||||
- Ensured currency is correctly displayed in the invoice PDF generation.
|
|
||||||
|
|
||||||
## 2024-11-27 - 1.0.101 - fix(shared)
|
## 2024-11-27 - 1.0.101 - fix(shared)
|
||||||
Fixed the demo letter item details by replacing `currency` with `position` to correctly define the item position.
|
Fixed the demo letter item details by replacing `currency` with `position` to correctly define the item position.
|
||||||
|
|
||||||
|
|||||||
@ -1,3 +1,6 @@
|
|||||||
|
<!--gitzone element-->
|
||||||
|
<!-- made by Task Venture Capital GmbH -->
|
||||||
|
<!-- checkout https://maintainedby.lossless.com for awesome OpenSource projects -->
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<!--Lets set some basic meta tags-->
|
<!--Lets set some basic meta tags-->
|
||||||
|
|||||||
2
license
2
license
@ -1,4 +1,4 @@
|
|||||||
Copyright (c) 2022 Task Venture Capital GmbH (hello@task.vc)
|
Copyright (c) 2022 Lossless GmbH (hello@lossless.com)
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
|||||||
@ -5,30 +5,28 @@
|
|||||||
"githost": "code.foss.global",
|
"githost": "code.foss.global",
|
||||||
"gitscope": "designestate/private",
|
"gitscope": "designestate/private",
|
||||||
"gitrepo": "dedocument-catalog",
|
"gitrepo": "dedocument-catalog",
|
||||||
"description": "A sophisticated framework for dynamically generating and rendering business documents like invoices with modern web technologies, featuring PDF creation, templating, and automation.",
|
"description": "A comprehensive solution for generating documents like invoices, integrating elements, templates, and services to streamline document creation.",
|
||||||
"npmPackagename": "@designestate_private/dedocument-catalog",
|
"npmPackagename": "@designestate_private/dedocument-catalog",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"projectDomain": "design.estate",
|
"projectDomain": "design.estate",
|
||||||
"shortDescription": "undefined variable",
|
"shortDescription": "undefined variable",
|
||||||
"keywords": [
|
"keywords": [
|
||||||
"document generation",
|
"document generation",
|
||||||
"invoice automation",
|
"invoices",
|
||||||
"business documentation",
|
|
||||||
"dynamic rendering",
|
|
||||||
"PDF creation",
|
"PDF creation",
|
||||||
|
"typescript",
|
||||||
"web components",
|
"web components",
|
||||||
"Node.js",
|
"custom elements",
|
||||||
"TypeScript",
|
|
||||||
"templating",
|
|
||||||
"modern web technologies",
|
|
||||||
"responsive design",
|
|
||||||
"QR code",
|
"QR code",
|
||||||
"modular architecture",
|
"smart contracts",
|
||||||
"automated workflows",
|
"templating",
|
||||||
"localization",
|
"dynamic rendering",
|
||||||
"digital signatures",
|
"responsive design",
|
||||||
"security",
|
"modular development",
|
||||||
"interactive documents"
|
"lightweight",
|
||||||
|
"efficient",
|
||||||
|
"finance",
|
||||||
|
"business"
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
50
package.json
50
package.json
@ -1,20 +1,17 @@
|
|||||||
{
|
{
|
||||||
"name": "@design.estate/dees-document",
|
"name": "@design.estate/dees-document",
|
||||||
"version": "1.6.11",
|
"version": "1.0.101",
|
||||||
"private": false,
|
"private": false,
|
||||||
"description": "A sophisticated framework for dynamically generating and rendering business documents like invoices with modern web technologies, featuring PDF creation, templating, and automation.",
|
"description": "A comprehensive solution for generating documents like invoices, integrating elements, templates, and services to streamline document creation.",
|
||||||
"main": "dist_ts_web/index.js",
|
"main": "dist_ts_web/index.js",
|
||||||
"typings": "dist_ts_web/index.d.ts",
|
"typings": "dist_ts_web/index.d.ts",
|
||||||
"exports": {
|
"exports": {
|
||||||
".": "./dist_ts/index.js",
|
"./ts": "./dist_ts/index.js",
|
||||||
"./node": "./dist_ts/index.js",
|
"./ts_web": "./dist_ts_web/index.js"
|
||||||
"./web": "./dist_ts_web/index.js",
|
|
||||||
"./shared": "./dist_ts_shared/index.js",
|
|
||||||
"./interfaces": "./dist_ts_shared/interfaces/index.js"
|
|
||||||
},
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"test": "npm run build && tstest test/",
|
"test": "npm run build && tstest test/",
|
||||||
"build": "tsbuild tsfolders --allowimplicitany && tsbuild element --allowimplicitany && tsbundle element --production",
|
"build": "tsbuild --allowimplicitany && tsbuild element --allowimplicitany && tsbundle element --production",
|
||||||
"watch": "tswatch element",
|
"watch": "tswatch element",
|
||||||
"buildDocs": "tsdoc"
|
"buildDocs": "tsdoc"
|
||||||
},
|
},
|
||||||
@ -28,10 +25,9 @@
|
|||||||
"@push.rocks/smartfile": "^11.0.21",
|
"@push.rocks/smartfile": "^11.0.21",
|
||||||
"@push.rocks/smartjson": "^5.0.20",
|
"@push.rocks/smartjson": "^5.0.20",
|
||||||
"@push.rocks/smartpath": "^5.0.18",
|
"@push.rocks/smartpath": "^5.0.18",
|
||||||
"@push.rocks/smartpdf": "^3.1.8",
|
"@push.rocks/smartpdf": "^3.1.7",
|
||||||
"@push.rocks/smarttime": "^4.0.8",
|
"@push.rocks/smarttime": "^4.0.8",
|
||||||
"@tsclass/tsclass": "^4.1.2",
|
"@tsclass/tsclass": "^4.1.2",
|
||||||
"@types/node": "^22.10.1",
|
|
||||||
"@types/qrcode": "^1.5.5",
|
"@types/qrcode": "^1.5.5",
|
||||||
"qrcode": "^1.5.4"
|
"qrcode": "^1.5.4"
|
||||||
},
|
},
|
||||||
@ -39,7 +35,7 @@
|
|||||||
"@git.zone/tsbuild": "^2.2.0",
|
"@git.zone/tsbuild": "^2.2.0",
|
||||||
"@git.zone/tsbundle": "^2.1.0",
|
"@git.zone/tsbundle": "^2.1.0",
|
||||||
"@git.zone/tstest": "^1.0.90",
|
"@git.zone/tstest": "^1.0.90",
|
||||||
"@git.zone/tswatch": "^2.0.34",
|
"@git.zone/tswatch": "^2.0.25",
|
||||||
"@push.rocks/projectinfo": "^5.0.2",
|
"@push.rocks/projectinfo": "^5.0.2",
|
||||||
"@push.rocks/tapbundle": "^5.5.3"
|
"@push.rocks/tapbundle": "^5.5.3"
|
||||||
},
|
},
|
||||||
@ -61,30 +57,28 @@
|
|||||||
"type": "module",
|
"type": "module",
|
||||||
"repository": {
|
"repository": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
"url": "git+https://code.foss.global/designestate/private/dedocument-catalog.git"
|
"url": "git+https://gitlab.com/designestate/private/dedocument-catalog.git"
|
||||||
},
|
},
|
||||||
"bugs": {
|
"bugs": {
|
||||||
"url": "https://code.foss.global/designestate/private/dedocument-catalog/issues"
|
"url": "https://gitlab.com/designestate/private/dedocument-catalog/issues"
|
||||||
},
|
},
|
||||||
"homepage": "https://code.foss.global/designestate/private/dedocument-catalog#readme",
|
"homepage": "https://gitlab.com/designestate/private/dedocument-catalog#readme",
|
||||||
"keywords": [
|
"keywords": [
|
||||||
"document generation",
|
"document generation",
|
||||||
"invoice automation",
|
"invoices",
|
||||||
"business documentation",
|
|
||||||
"dynamic rendering",
|
|
||||||
"PDF creation",
|
"PDF creation",
|
||||||
|
"typescript",
|
||||||
"web components",
|
"web components",
|
||||||
"Node.js",
|
"custom elements",
|
||||||
"TypeScript",
|
|
||||||
"templating",
|
|
||||||
"modern web technologies",
|
|
||||||
"responsive design",
|
|
||||||
"QR code",
|
"QR code",
|
||||||
"modular architecture",
|
"smart contracts",
|
||||||
"automated workflows",
|
"templating",
|
||||||
"localization",
|
"dynamic rendering",
|
||||||
"digital signatures",
|
"responsive design",
|
||||||
"security",
|
"modular development",
|
||||||
"interactive documents"
|
"lightweight",
|
||||||
|
"efficient",
|
||||||
|
"finance",
|
||||||
|
"business"
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
149
pnpm-lock.yaml
generated
149
pnpm-lock.yaml
generated
@ -30,17 +30,14 @@ importers:
|
|||||||
specifier: ^5.0.18
|
specifier: ^5.0.18
|
||||||
version: 5.0.18
|
version: 5.0.18
|
||||||
'@push.rocks/smartpdf':
|
'@push.rocks/smartpdf':
|
||||||
specifier: ^3.1.8
|
specifier: ^3.1.7
|
||||||
version: 3.1.8
|
version: 3.1.7
|
||||||
'@push.rocks/smarttime':
|
'@push.rocks/smarttime':
|
||||||
specifier: ^4.0.8
|
specifier: ^4.0.8
|
||||||
version: 4.0.8
|
version: 4.0.8
|
||||||
'@tsclass/tsclass':
|
'@tsclass/tsclass':
|
||||||
specifier: ^4.1.2
|
specifier: ^4.1.2
|
||||||
version: 4.1.2
|
version: 4.1.2
|
||||||
'@types/node':
|
|
||||||
specifier: ^22.10.1
|
|
||||||
version: 22.10.1
|
|
||||||
'@types/qrcode':
|
'@types/qrcode':
|
||||||
specifier: ^1.5.5
|
specifier: ^1.5.5
|
||||||
version: 1.5.5
|
version: 1.5.5
|
||||||
@ -58,8 +55,8 @@ importers:
|
|||||||
specifier: ^1.0.90
|
specifier: ^1.0.90
|
||||||
version: 1.0.90(@aws-sdk/client-sso-oidc@3.699.0(@aws-sdk/client-sts@3.699.0))(@aws-sdk/credential-providers@3.699.0(@aws-sdk/client-sso-oidc@3.699.0(@aws-sdk/client-sts@3.699.0)))(socks@2.8.3)
|
version: 1.0.90(@aws-sdk/client-sso-oidc@3.699.0(@aws-sdk/client-sts@3.699.0))(@aws-sdk/credential-providers@3.699.0(@aws-sdk/client-sso-oidc@3.699.0(@aws-sdk/client-sts@3.699.0)))(socks@2.8.3)
|
||||||
'@git.zone/tswatch':
|
'@git.zone/tswatch':
|
||||||
specifier: ^2.0.34
|
specifier: ^2.0.25
|
||||||
version: 2.0.34
|
version: 2.0.25
|
||||||
'@push.rocks/projectinfo':
|
'@push.rocks/projectinfo':
|
||||||
specifier: ^5.0.2
|
specifier: ^5.0.2
|
||||||
version: 5.0.2
|
version: 5.0.2
|
||||||
@ -271,8 +268,8 @@ packages:
|
|||||||
resolution: {integrity: sha512-2Yv65nlWnWlSpe3fXEyX5i7fx5kIKo4Qbcj+hMO0odwaneFjfXw5fdum+4yL20O0QiaHpia0cYQ9xpNMqrBwHg==}
|
resolution: {integrity: sha512-2Yv65nlWnWlSpe3fXEyX5i7fx5kIKo4Qbcj+hMO0odwaneFjfXw5fdum+4yL20O0QiaHpia0cYQ9xpNMqrBwHg==}
|
||||||
engines: {node: '>=6.9.0'}
|
engines: {node: '>=6.9.0'}
|
||||||
|
|
||||||
'@cloudflare/workers-types@4.20241127.0':
|
'@cloudflare/workers-types@4.20241112.0':
|
||||||
resolution: {integrity: sha512-UqlvtqV8eI0CdPR7nxlbVlE52+lcjHvGdbYXEPwisy23+39RsFV7OOy0da0moJAhqnL2OhDmWTOaKdsVcPHiJQ==}
|
resolution: {integrity: sha512-Q4p9bAWZrX14bSCKY9to19xl0KMU7nsO5sJ2cTVspHoypsjPUMeQCsjHjmsO2C4Myo8/LPeDvmqFmkyNAPPYZw==}
|
||||||
|
|
||||||
'@colors/colors@1.6.0':
|
'@colors/colors@1.6.0':
|
||||||
resolution: {integrity: sha512-Ir+AOibqzrIsL6ajt3Rz3LskB7OiMVHqltZmspbW/TJuTVuyOMirVqAkjfY6JISiLHgyNqicAC8AyHHGzNd/dA==}
|
resolution: {integrity: sha512-Ir+AOibqzrIsL6ajt3Rz3LskB7OiMVHqltZmspbW/TJuTVuyOMirVqAkjfY6JISiLHgyNqicAC8AyHHGzNd/dA==}
|
||||||
@ -607,15 +604,15 @@ packages:
|
|||||||
resolution: {integrity: sha512-McytXK46GiReEps7wHWW6zOHYCFF4sywjj6auHjhGqzOogA2Wju1YtZRL+o+OAUb61kQxNFRras6Xg/4Zth0Bw==}
|
resolution: {integrity: sha512-McytXK46GiReEps7wHWW6zOHYCFF4sywjj6auHjhGqzOogA2Wju1YtZRL+o+OAUb61kQxNFRras6Xg/4Zth0Bw==}
|
||||||
hasBin: true
|
hasBin: true
|
||||||
|
|
||||||
'@git.zone/tswatch@2.0.34':
|
'@git.zone/tswatch@2.0.25':
|
||||||
resolution: {integrity: sha512-nwrJffX3aAf8DOfbWPXErskn4RTdQVaE4WLnV8QEU2WdNehI3KQCdVPYHcskl7eqatjbZdQEck39DItmNacGxw==}
|
resolution: {integrity: sha512-2A2TzJhw5AHI2BUOEjtZJzNgmRDMKZc4+p+yCdgj3mYcD7l1XeM6HTTcyRTxGDrDXggVIWN1O+UxU6ftHg94ag==}
|
||||||
hasBin: true
|
hasBin: true
|
||||||
|
|
||||||
'@hapi/bourne@3.0.0':
|
'@hapi/bourne@3.0.0':
|
||||||
resolution: {integrity: sha512-Waj1cwPXJDucOib4a3bAISsKJVb15MKi9IvmTI/7ssVEm6sywXGjVJDhl6/umt1pK1ZS7PacXU3A1PmFKHEZ2w==}
|
resolution: {integrity: sha512-Waj1cwPXJDucOib4a3bAISsKJVb15MKi9IvmTI/7ssVEm6sywXGjVJDhl6/umt1pK1ZS7PacXU3A1PmFKHEZ2w==}
|
||||||
|
|
||||||
'@happy-dom/global-registrator@15.11.7':
|
'@happy-dom/global-registrator@15.11.6':
|
||||||
resolution: {integrity: sha512-mfOoUlIw8VBiJYPrl5RZfMzkXC/z7gbSpi2ecycrj/gRWLq2CMV+Q+0G+JPjeOmuNFgg0skEIzkVFzVYFP6URw==}
|
resolution: {integrity: sha512-TGE7tUM3+0h47wfj2zS+madL53jVq3f2/YvJqrA/clwv3wz5Mm2jHhTpbLZSSydNvDwBc9l5uNt5qylWClj6uQ==}
|
||||||
engines: {node: '>=18.0.0'}
|
engines: {node: '>=18.0.0'}
|
||||||
|
|
||||||
'@isaacs/cliui@8.0.2':
|
'@isaacs/cliui@8.0.2':
|
||||||
@ -838,8 +835,8 @@ packages:
|
|||||||
'@push.rocks/smartpath@5.0.18':
|
'@push.rocks/smartpath@5.0.18':
|
||||||
resolution: {integrity: sha512-kIyRTlOoeEth5b4Qp8KPUxNOGNdvhb2aD0hbHfF3oGTQ0xnDdgB1l03/4bIoapHG48OrTgh4uQ5tUorykgdOzw==}
|
resolution: {integrity: sha512-kIyRTlOoeEth5b4Qp8KPUxNOGNdvhb2aD0hbHfF3oGTQ0xnDdgB1l03/4bIoapHG48OrTgh4uQ5tUorykgdOzw==}
|
||||||
|
|
||||||
'@push.rocks/smartpdf@3.1.8':
|
'@push.rocks/smartpdf@3.1.7':
|
||||||
resolution: {integrity: sha512-9fxshJAp6VCkrAFWXAFS7X7QzZLFSWM/JzDtllYW7gaWzRKxsMCdfaNy1vKsGq5uK5L91Lrd+A9Olp1mx4xs1w==}
|
resolution: {integrity: sha512-Qtyz4CnrxEcNSe09r4wpOdTwfu1pihBLYiPFkb9iwF3SrOK0rkH4qKXnsnYAVCumOoGdQdr3NhNjwpe9vqjoIw==}
|
||||||
|
|
||||||
'@push.rocks/smartpromise@4.0.4':
|
'@push.rocks/smartpromise@4.0.4':
|
||||||
resolution: {integrity: sha512-Mbh+DnX4+rVPEZgYU7LtTJI/AYoNn7+h27AycEFpPJW41DCfjTiXiI0+ecNdyO1AfbcL0Q02RQjoEauEWx5FQg==}
|
resolution: {integrity: sha512-Mbh+DnX4+rVPEZgYU7LtTJI/AYoNn7+h27AycEFpPJW41DCfjTiXiI0+ecNdyO1AfbcL0Q02RQjoEauEWx5FQg==}
|
||||||
@ -1412,8 +1409,8 @@ packages:
|
|||||||
'@types/node-forge@1.3.11':
|
'@types/node-forge@1.3.11':
|
||||||
resolution: {integrity: sha512-FQx220y22OKNTqaByeBGqHWYz4cl94tpcxeFdvBo3wjG6XPBuZ0BNgNZRV5J5TFmmcsJ4IzsLkmGRiQbnYsBEQ==}
|
resolution: {integrity: sha512-FQx220y22OKNTqaByeBGqHWYz4cl94tpcxeFdvBo3wjG6XPBuZ0BNgNZRV5J5TFmmcsJ4IzsLkmGRiQbnYsBEQ==}
|
||||||
|
|
||||||
'@types/node@22.10.1':
|
'@types/node@22.10.0':
|
||||||
resolution: {integrity: sha512-qKgsUwfHZV2WCWLAnVP1JqnpE6Im6h3Y0+fYgMTasNQ7V++CBX5OT1as0g0f+OyubbFqhf6XVNIsmN4IIhEgGQ==}
|
resolution: {integrity: sha512-XC70cRZVElFHfIUB40FgZOBbgJYFKKMa5nb9lxcwYstFG/Mi+/Y0bGS+rs6Dmhmkpq4pnNiLiuZAbc02YCOnmA==}
|
||||||
|
|
||||||
'@types/parse5@6.0.3':
|
'@types/parse5@6.0.3':
|
||||||
resolution: {integrity: sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==}
|
resolution: {integrity: sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==}
|
||||||
@ -2359,9 +2356,8 @@ packages:
|
|||||||
resolution: {integrity: sha512-4kKdWXTtgQ4biIo7hZA396HT062nDVVHPjQcurNZ3o/voYN+o5FUC5kOwuORbpExp3XbTJ3SU7iRipiIhQtovw==}
|
resolution: {integrity: sha512-4kKdWXTtgQ4biIo7hZA396HT062nDVVHPjQcurNZ3o/voYN+o5FUC5kOwuORbpExp3XbTJ3SU7iRipiIhQtovw==}
|
||||||
engines: {node: '>=14'}
|
engines: {node: '>=14'}
|
||||||
|
|
||||||
gopd@1.1.0:
|
gopd@1.0.1:
|
||||||
resolution: {integrity: sha512-FQoVQnqcdk4hVM4JN1eromaun4iuS34oStkdlLENLdpULsuQcTyXj8w7ayhuUfPwEYZ1ZOooOTT6fdA9Vmx/RA==}
|
resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
|
||||||
engines: {node: '>= 0.4'}
|
|
||||||
|
|
||||||
got@12.6.1:
|
got@12.6.1:
|
||||||
resolution: {integrity: sha512-mThBblvlAF1d4O5oqyvN+ZxLAYwIJK7bpMxgYqPD9okW0C3qm5FFn7k811QrcuEBwaogR3ngOFoCfs6mRv7teQ==}
|
resolution: {integrity: sha512-mThBblvlAF1d4O5oqyvN+ZxLAYwIJK7bpMxgYqPD9okW0C3qm5FFn7k811QrcuEBwaogR3ngOFoCfs6mRv7teQ==}
|
||||||
@ -2377,8 +2373,8 @@ packages:
|
|||||||
resolution: {integrity: sha512-4haO1M4mLO91PW57BMsDFf75UmwoRX0GkdD+Faw+Lr+r/OZrOCS0pIBwOL1xCKQqnQzbNFGgK2V2CpBUPeFNTw==}
|
resolution: {integrity: sha512-4haO1M4mLO91PW57BMsDFf75UmwoRX0GkdD+Faw+Lr+r/OZrOCS0pIBwOL1xCKQqnQzbNFGgK2V2CpBUPeFNTw==}
|
||||||
hasBin: true
|
hasBin: true
|
||||||
|
|
||||||
happy-dom@15.11.7:
|
happy-dom@15.11.6:
|
||||||
resolution: {integrity: sha512-KyrFvnl+J9US63TEzwoiJOQzZBJY7KgBushJA8X61DMbNsH+2ONkDuLDnCnwUiPTF42tLoEmrPyoqbenVA5zrg==}
|
resolution: {integrity: sha512-elX7iUTu+5+3b2+NGQc0L3eWyq9jKhuJJ4GpOMxxT/c2pg9O3L5H3ty2VECX0XXZgRmmRqXyOK8brA2hDI6LsQ==}
|
||||||
engines: {node: '>=18.0.0'}
|
engines: {node: '>=18.0.0'}
|
||||||
|
|
||||||
has-flag@3.0.0:
|
has-flag@3.0.0:
|
||||||
@ -3291,8 +3287,8 @@ packages:
|
|||||||
pdf-lib@1.17.1:
|
pdf-lib@1.17.1:
|
||||||
resolution: {integrity: sha512-V/mpyJAoTsN4cnP31vc0wfNA1+p20evqqnap0KLoRUN0Yk/p3wN52DOEsL4oBFcLdb76hlpKPtzJIgo67j/XLw==}
|
resolution: {integrity: sha512-V/mpyJAoTsN4cnP31vc0wfNA1+p20evqqnap0KLoRUN0Yk/p3wN52DOEsL4oBFcLdb76hlpKPtzJIgo67j/XLw==}
|
||||||
|
|
||||||
pdf2json@3.1.4:
|
pdf2json@3.0.5:
|
||||||
resolution: {integrity: sha512-rS+VapXpXZr+5lUpHmRh3ugXdFXp24p1RyG24yP1DMpqP4t0mrYNGpLtpSbWD42PnQ59GIXofxF+yWb7M+3THg==}
|
resolution: {integrity: sha512-Un1yLbSlk/zfwrltgguskExIioXZlFSFwsyXU0cnBorLywbTbcdzmJJEebh+U2cFCtR7y8nDs5lPHAe7ldxjZg==}
|
||||||
engines: {node: '>=18.12.1', npm: '>=8.19.2'}
|
engines: {node: '>=18.12.1', npm: '>=8.19.2'}
|
||||||
hasBin: true
|
hasBin: true
|
||||||
bundledDependencies:
|
bundledDependencies:
|
||||||
@ -3446,8 +3442,8 @@ packages:
|
|||||||
regenerator-runtime@0.14.1:
|
regenerator-runtime@0.14.1:
|
||||||
resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
|
resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
|
||||||
|
|
||||||
registry-auth-token@5.0.3:
|
registry-auth-token@5.0.2:
|
||||||
resolution: {integrity: sha512-1bpc9IyC+e+CNFRaWyn77tk4xGG4PPUyfakSmA6F6cvUDjrm58dfyJ3II+9yb10EDkHoy1LaPSmHaWLOH3m6HA==}
|
resolution: {integrity: sha512-o/3ikDxtXaA59BmZuZrJZDJv8NMDGSj+6j6XaeBmHw8eY1i1qd9+6H+LjVvQXx3HN6aRCGa1cUdJ9RaJZUugnQ==}
|
||||||
engines: {node: '>=14'}
|
engines: {node: '>=14'}
|
||||||
|
|
||||||
registry-url@6.0.1:
|
registry-url@6.0.1:
|
||||||
@ -4125,7 +4121,7 @@ snapshots:
|
|||||||
'@api.global/typedrequest': 3.1.10
|
'@api.global/typedrequest': 3.1.10
|
||||||
'@api.global/typedrequest-interfaces': 3.0.19
|
'@api.global/typedrequest-interfaces': 3.0.19
|
||||||
'@api.global/typedsocket': 3.0.1
|
'@api.global/typedsocket': 3.0.1
|
||||||
'@cloudflare/workers-types': 4.20241127.0
|
'@cloudflare/workers-types': 4.20241112.0
|
||||||
'@design.estate/dees-comms': 1.0.27
|
'@design.estate/dees-comms': 1.0.27
|
||||||
'@push.rocks/lik': 6.1.0
|
'@push.rocks/lik': 6.1.0
|
||||||
'@push.rocks/smartchok': 1.0.34
|
'@push.rocks/smartchok': 1.0.34
|
||||||
@ -4780,7 +4776,7 @@ snapshots:
|
|||||||
dependencies:
|
dependencies:
|
||||||
regenerator-runtime: 0.14.1
|
regenerator-runtime: 0.14.1
|
||||||
|
|
||||||
'@cloudflare/workers-types@4.20241127.0': {}
|
'@cloudflare/workers-types@4.20241112.0': {}
|
||||||
|
|
||||||
'@colors/colors@1.6.0': {}
|
'@colors/colors@1.6.0': {}
|
||||||
|
|
||||||
@ -5070,7 +5066,7 @@ snapshots:
|
|||||||
- supports-color
|
- supports-color
|
||||||
- utf-8-validate
|
- utf-8-validate
|
||||||
|
|
||||||
'@git.zone/tswatch@2.0.34':
|
'@git.zone/tswatch@2.0.25':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@api.global/typedserver': 3.0.51
|
'@api.global/typedserver': 3.0.51
|
||||||
'@git.zone/tsbundle': 2.1.0
|
'@git.zone/tsbundle': 2.1.0
|
||||||
@ -5080,21 +5076,18 @@ snapshots:
|
|||||||
'@push.rocks/smartchok': 1.0.34
|
'@push.rocks/smartchok': 1.0.34
|
||||||
'@push.rocks/smartcli': 4.0.11
|
'@push.rocks/smartcli': 4.0.11
|
||||||
'@push.rocks/smartdelay': 3.0.5
|
'@push.rocks/smartdelay': 3.0.5
|
||||||
'@push.rocks/smartfile': 11.0.21
|
|
||||||
'@push.rocks/smartlog': 3.0.7
|
'@push.rocks/smartlog': 3.0.7
|
||||||
'@push.rocks/smartlog-destination-local': 9.0.2
|
'@push.rocks/smartlog-destination-local': 9.0.2
|
||||||
'@push.rocks/smartshell': 3.0.6
|
'@push.rocks/smartshell': 3.0.6
|
||||||
'@push.rocks/taskbuffer': 3.1.7
|
'@push.rocks/taskbuffer': 3.1.7
|
||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- bufferutil
|
|
||||||
- supports-color
|
- supports-color
|
||||||
- utf-8-validate
|
|
||||||
|
|
||||||
'@hapi/bourne@3.0.0': {}
|
'@hapi/bourne@3.0.0': {}
|
||||||
|
|
||||||
'@happy-dom/global-registrator@15.11.7':
|
'@happy-dom/global-registrator@15.11.6':
|
||||||
dependencies:
|
dependencies:
|
||||||
happy-dom: 15.11.7
|
happy-dom: 15.11.6
|
||||||
|
|
||||||
'@isaacs/cliui@8.0.2':
|
'@isaacs/cliui@8.0.2':
|
||||||
dependencies:
|
dependencies:
|
||||||
@ -5118,7 +5111,7 @@ snapshots:
|
|||||||
'@jest/schemas': 29.6.3
|
'@jest/schemas': 29.6.3
|
||||||
'@types/istanbul-lib-coverage': 2.0.6
|
'@types/istanbul-lib-coverage': 2.0.6
|
||||||
'@types/istanbul-reports': 3.0.4
|
'@types/istanbul-reports': 3.0.4
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
'@types/yargs': 17.0.33
|
'@types/yargs': 17.0.33
|
||||||
chalk: 4.1.2
|
chalk: 4.1.2
|
||||||
|
|
||||||
@ -5307,7 +5300,7 @@ snapshots:
|
|||||||
'@push.rocks/smartbrowser@2.0.6':
|
'@push.rocks/smartbrowser@2.0.6':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@push.rocks/smartdelay': 3.0.5
|
'@push.rocks/smartdelay': 3.0.5
|
||||||
'@push.rocks/smartpdf': 3.1.8
|
'@push.rocks/smartpdf': 3.1.7
|
||||||
'@push.rocks/smartpuppeteer': 2.0.2
|
'@push.rocks/smartpuppeteer': 2.0.2
|
||||||
'@push.rocks/smartunique': 3.0.9
|
'@push.rocks/smartunique': 3.0.9
|
||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
@ -5575,7 +5568,7 @@ snapshots:
|
|||||||
'@push.rocks/smartntml@2.0.8':
|
'@push.rocks/smartntml@2.0.8':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@design.estate/dees-element': 2.0.39
|
'@design.estate/dees-element': 2.0.39
|
||||||
'@happy-dom/global-registrator': 15.11.7
|
'@happy-dom/global-registrator': 15.11.6
|
||||||
'@push.rocks/smartpromise': 4.0.4
|
'@push.rocks/smartpromise': 4.0.4
|
||||||
fake-indexeddb: 6.0.0
|
fake-indexeddb: 6.0.0
|
||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
@ -5592,7 +5585,7 @@ snapshots:
|
|||||||
|
|
||||||
'@push.rocks/smartpath@5.0.18': {}
|
'@push.rocks/smartpath@5.0.18': {}
|
||||||
|
|
||||||
'@push.rocks/smartpdf@3.1.8':
|
'@push.rocks/smartpdf@3.1.7':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@push.rocks/smartbuffer': 3.0.4
|
'@push.rocks/smartbuffer': 3.0.4
|
||||||
'@push.rocks/smartdelay': 3.0.5
|
'@push.rocks/smartdelay': 3.0.5
|
||||||
@ -5603,10 +5596,10 @@ snapshots:
|
|||||||
'@push.rocks/smartpuppeteer': 2.0.2
|
'@push.rocks/smartpuppeteer': 2.0.2
|
||||||
'@push.rocks/smartunique': 3.0.9
|
'@push.rocks/smartunique': 3.0.9
|
||||||
'@tsclass/tsclass': 4.1.2
|
'@tsclass/tsclass': 4.1.2
|
||||||
'@types/express': 5.0.0
|
'@types/express': 4.17.21
|
||||||
express: 4.21.1
|
express: 4.21.1
|
||||||
pdf-lib: 1.17.1
|
pdf-lib: 1.17.1
|
||||||
pdf2json: 3.1.4
|
pdf2json: 3.0.5
|
||||||
pdf2pic: 3.1.3
|
pdf2pic: 3.1.3
|
||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- bufferutil
|
- bufferutil
|
||||||
@ -6400,14 +6393,14 @@ snapshots:
|
|||||||
|
|
||||||
'@types/accepts@1.3.7':
|
'@types/accepts@1.3.7':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
|
|
||||||
'@types/babel__code-frame@7.0.6': {}
|
'@types/babel__code-frame@7.0.6': {}
|
||||||
|
|
||||||
'@types/body-parser@1.19.5':
|
'@types/body-parser@1.19.5':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/connect': 3.4.38
|
'@types/connect': 3.4.38
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
|
|
||||||
'@types/buffer-json@2.0.3': {}
|
'@types/buffer-json@2.0.3': {}
|
||||||
|
|
||||||
@ -6423,17 +6416,17 @@ snapshots:
|
|||||||
|
|
||||||
'@types/clean-css@4.2.11':
|
'@types/clean-css@4.2.11':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
source-map: 0.6.1
|
source-map: 0.6.1
|
||||||
|
|
||||||
'@types/co-body@6.1.3':
|
'@types/co-body@6.1.3':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
'@types/qs': 6.9.17
|
'@types/qs': 6.9.17
|
||||||
|
|
||||||
'@types/connect@3.4.38':
|
'@types/connect@3.4.38':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
|
|
||||||
'@types/content-disposition@0.5.8': {}
|
'@types/content-disposition@0.5.8': {}
|
||||||
|
|
||||||
@ -6446,11 +6439,11 @@ snapshots:
|
|||||||
'@types/connect': 3.4.38
|
'@types/connect': 3.4.38
|
||||||
'@types/express': 5.0.0
|
'@types/express': 5.0.0
|
||||||
'@types/keygrip': 1.0.6
|
'@types/keygrip': 1.0.6
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
|
|
||||||
'@types/cors@2.8.17':
|
'@types/cors@2.8.17':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
|
|
||||||
'@types/debounce@1.2.4': {}
|
'@types/debounce@1.2.4': {}
|
||||||
|
|
||||||
@ -6464,14 +6457,14 @@ snapshots:
|
|||||||
|
|
||||||
'@types/express-serve-static-core@4.19.6':
|
'@types/express-serve-static-core@4.19.6':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
'@types/qs': 6.9.17
|
'@types/qs': 6.9.17
|
||||||
'@types/range-parser': 1.2.7
|
'@types/range-parser': 1.2.7
|
||||||
'@types/send': 0.17.4
|
'@types/send': 0.17.4
|
||||||
|
|
||||||
'@types/express-serve-static-core@5.0.2':
|
'@types/express-serve-static-core@5.0.2':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
'@types/qs': 6.9.17
|
'@types/qs': 6.9.17
|
||||||
'@types/range-parser': 1.2.7
|
'@types/range-parser': 1.2.7
|
||||||
'@types/send': 0.17.4
|
'@types/send': 0.17.4
|
||||||
@ -6496,30 +6489,30 @@ snapshots:
|
|||||||
|
|
||||||
'@types/from2@2.3.5':
|
'@types/from2@2.3.5':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
|
|
||||||
'@types/fs-extra@11.0.4':
|
'@types/fs-extra@11.0.4':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/jsonfile': 6.1.4
|
'@types/jsonfile': 6.1.4
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
|
|
||||||
'@types/fs-extra@9.0.13':
|
'@types/fs-extra@9.0.13':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
|
|
||||||
'@types/glob@7.2.0':
|
'@types/glob@7.2.0':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/minimatch': 5.1.2
|
'@types/minimatch': 5.1.2
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
|
|
||||||
'@types/glob@8.1.0':
|
'@types/glob@8.1.0':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/minimatch': 5.1.2
|
'@types/minimatch': 5.1.2
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
|
|
||||||
'@types/gunzip-maybe@1.4.2':
|
'@types/gunzip-maybe@1.4.2':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
|
|
||||||
'@types/hast@3.0.4':
|
'@types/hast@3.0.4':
|
||||||
dependencies:
|
dependencies:
|
||||||
@ -6553,7 +6546,7 @@ snapshots:
|
|||||||
|
|
||||||
'@types/jsonfile@6.1.4':
|
'@types/jsonfile@6.1.4':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
|
|
||||||
'@types/keygrip@1.0.6': {}
|
'@types/keygrip@1.0.6': {}
|
||||||
|
|
||||||
@ -6570,7 +6563,7 @@ snapshots:
|
|||||||
'@types/http-errors': 2.0.4
|
'@types/http-errors': 2.0.4
|
||||||
'@types/keygrip': 1.0.6
|
'@types/keygrip': 1.0.6
|
||||||
'@types/koa-compose': 3.2.8
|
'@types/koa-compose': 3.2.8
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
|
|
||||||
'@types/mdast@4.0.4':
|
'@types/mdast@4.0.4':
|
||||||
dependencies:
|
dependencies:
|
||||||
@ -6588,9 +6581,9 @@ snapshots:
|
|||||||
|
|
||||||
'@types/node-forge@1.3.11':
|
'@types/node-forge@1.3.11':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
|
|
||||||
'@types/node@22.10.1':
|
'@types/node@22.10.0':
|
||||||
dependencies:
|
dependencies:
|
||||||
undici-types: 6.20.0
|
undici-types: 6.20.0
|
||||||
|
|
||||||
@ -6600,7 +6593,7 @@ snapshots:
|
|||||||
|
|
||||||
'@types/qrcode@1.5.5':
|
'@types/qrcode@1.5.5':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
|
|
||||||
'@types/qs@6.9.17': {}
|
'@types/qs@6.9.17': {}
|
||||||
|
|
||||||
@ -6612,19 +6605,19 @@ snapshots:
|
|||||||
|
|
||||||
'@types/s3rver@3.7.4':
|
'@types/s3rver@3.7.4':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
|
|
||||||
'@types/semver@7.5.8': {}
|
'@types/semver@7.5.8': {}
|
||||||
|
|
||||||
'@types/send@0.17.4':
|
'@types/send@0.17.4':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/mime': 1.3.5
|
'@types/mime': 1.3.5
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
|
|
||||||
'@types/serve-static@1.15.7':
|
'@types/serve-static@1.15.7':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/http-errors': 2.0.4
|
'@types/http-errors': 2.0.4
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
'@types/send': 0.17.4
|
'@types/send': 0.17.4
|
||||||
|
|
||||||
'@types/sinon-chai@3.2.12':
|
'@types/sinon-chai@3.2.12':
|
||||||
@ -6644,11 +6637,11 @@ snapshots:
|
|||||||
|
|
||||||
'@types/tar-stream@2.2.3':
|
'@types/tar-stream@2.2.3':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
|
|
||||||
'@types/through2@2.0.41':
|
'@types/through2@2.0.41':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
|
|
||||||
'@types/triple-beam@1.3.5': {}
|
'@types/triple-beam@1.3.5': {}
|
||||||
|
|
||||||
@ -6672,7 +6665,7 @@ snapshots:
|
|||||||
|
|
||||||
'@types/whatwg-url@8.2.2':
|
'@types/whatwg-url@8.2.2':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
'@types/webidl-conversions': 7.0.3
|
'@types/webidl-conversions': 7.0.3
|
||||||
|
|
||||||
'@types/which@2.0.2': {}
|
'@types/which@2.0.2': {}
|
||||||
@ -6681,11 +6674,11 @@ snapshots:
|
|||||||
|
|
||||||
'@types/ws@7.4.7':
|
'@types/ws@7.4.7':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
|
|
||||||
'@types/ws@8.5.13':
|
'@types/ws@8.5.13':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
|
|
||||||
'@types/yargs-parser@21.0.3': {}
|
'@types/yargs-parser@21.0.3': {}
|
||||||
|
|
||||||
@ -6695,7 +6688,7 @@ snapshots:
|
|||||||
|
|
||||||
'@types/yauzl@2.10.3':
|
'@types/yauzl@2.10.3':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
optional: true
|
optional: true
|
||||||
|
|
||||||
'@ungap/structured-clone@1.2.0': {}
|
'@ungap/structured-clone@1.2.0': {}
|
||||||
@ -7178,7 +7171,7 @@ snapshots:
|
|||||||
dependencies:
|
dependencies:
|
||||||
es-define-property: 1.0.0
|
es-define-property: 1.0.0
|
||||||
es-errors: 1.3.0
|
es-errors: 1.3.0
|
||||||
gopd: 1.1.0
|
gopd: 1.0.1
|
||||||
|
|
||||||
define-lazy-prop@2.0.0: {}
|
define-lazy-prop@2.0.0: {}
|
||||||
|
|
||||||
@ -7271,7 +7264,7 @@ snapshots:
|
|||||||
dependencies:
|
dependencies:
|
||||||
'@types/cookie': 0.4.1
|
'@types/cookie': 0.4.1
|
||||||
'@types/cors': 2.8.17
|
'@types/cors': 2.8.17
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
accepts: 1.3.8
|
accepts: 1.3.8
|
||||||
base64id: 2.0.0
|
base64id: 2.0.0
|
||||||
cookie: 0.4.2
|
cookie: 0.4.2
|
||||||
@ -7661,7 +7654,7 @@ snapshots:
|
|||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- supports-color
|
- supports-color
|
||||||
|
|
||||||
gopd@1.1.0:
|
gopd@1.0.1:
|
||||||
dependencies:
|
dependencies:
|
||||||
get-intrinsic: 1.2.4
|
get-intrinsic: 1.2.4
|
||||||
|
|
||||||
@ -7692,7 +7685,7 @@ snapshots:
|
|||||||
pumpify: 1.5.1
|
pumpify: 1.5.1
|
||||||
through2: 2.0.5
|
through2: 2.0.5
|
||||||
|
|
||||||
happy-dom@15.11.7:
|
happy-dom@15.11.6:
|
||||||
dependencies:
|
dependencies:
|
||||||
entities: 4.5.0
|
entities: 4.5.0
|
||||||
webidl-conversions: 7.0.0
|
webidl-conversions: 7.0.0
|
||||||
@ -7962,7 +7955,7 @@ snapshots:
|
|||||||
jest-util@29.7.0:
|
jest-util@29.7.0:
|
||||||
dependencies:
|
dependencies:
|
||||||
'@jest/types': 29.6.3
|
'@jest/types': 29.6.3
|
||||||
'@types/node': 22.10.1
|
'@types/node': 22.10.0
|
||||||
chalk: 4.1.2
|
chalk: 4.1.2
|
||||||
ci-info: 3.9.0
|
ci-info: 3.9.0
|
||||||
graceful-fs: 4.2.11
|
graceful-fs: 4.2.11
|
||||||
@ -8741,7 +8734,7 @@ snapshots:
|
|||||||
package-json@8.1.1:
|
package-json@8.1.1:
|
||||||
dependencies:
|
dependencies:
|
||||||
got: 12.6.1
|
got: 12.6.1
|
||||||
registry-auth-token: 5.0.3
|
registry-auth-token: 5.0.2
|
||||||
registry-url: 6.0.1
|
registry-url: 6.0.1
|
||||||
semver: 7.6.3
|
semver: 7.6.3
|
||||||
|
|
||||||
@ -8789,7 +8782,7 @@ snapshots:
|
|||||||
pako: 1.0.11
|
pako: 1.0.11
|
||||||
tslib: 1.14.1
|
tslib: 1.14.1
|
||||||
|
|
||||||
pdf2json@3.1.4: {}
|
pdf2json@3.0.5: {}
|
||||||
|
|
||||||
pdf2pic@3.1.3:
|
pdf2pic@3.1.3:
|
||||||
dependencies:
|
dependencies:
|
||||||
@ -8961,7 +8954,7 @@ snapshots:
|
|||||||
|
|
||||||
regenerator-runtime@0.14.1: {}
|
regenerator-runtime@0.14.1: {}
|
||||||
|
|
||||||
registry-auth-token@5.0.3:
|
registry-auth-token@5.0.2:
|
||||||
dependencies:
|
dependencies:
|
||||||
'@pnpm/npm-conf': 2.3.1
|
'@pnpm/npm-conf': 2.3.1
|
||||||
|
|
||||||
@ -9122,7 +9115,7 @@ snapshots:
|
|||||||
es-errors: 1.3.0
|
es-errors: 1.3.0
|
||||||
function-bind: 1.1.2
|
function-bind: 1.1.2
|
||||||
get-intrinsic: 1.2.4
|
get-intrinsic: 1.2.4
|
||||||
gopd: 1.1.0
|
gopd: 1.0.1
|
||||||
has-property-descriptors: 1.0.2
|
has-property-descriptors: 1.0.2
|
||||||
|
|
||||||
setprototypeof@1.1.0: {}
|
setprototypeof@1.1.0: {}
|
||||||
|
|||||||
153
readme.md
153
readme.md
@ -1,33 +1,26 @@
|
|||||||
# @design.estate/dees-document
|
# @design.estate/dees-document
|
||||||
|
a catalog for creating documents like invoices
|
||||||
A comprehensive tool for dynamically generating and rendering business documents like invoices using modern web technologies.
|
|
||||||
|
|
||||||
## Install
|
## Install
|
||||||
|
To install `@design.estate/dees-document`, run the following command in your project directory:
|
||||||
To incorporate `@design.estate/dees-document` into your project, execute the following command in your terminal:
|
|
||||||
|
|
||||||
```shell
|
```shell
|
||||||
npm install @design.estate/dees-document --save
|
npm install @design.estate/dees-document --save
|
||||||
```
|
```
|
||||||
|
|
||||||
This command will install the package and add it to your project's dependencies, thus making all the necessary modules available within your `node_modules` directory.
|
This will add `@design.estate/dees-document` to your project's dependencies and ensure it's installed into your `node_modules` folder.
|
||||||
|
|
||||||
## Usage
|
## Usage
|
||||||
|
The `@design.estate/dees-document` package is a comprehensive toolkit for creating various types of documents, such as invoices, with ease. It leverages modern ECMAScript (ES) modules and TypeScript for a type-safe, developer-friendly experience. Below, you'll find detailed examples covering how to utilize the package to its full potential.
|
||||||
|
|
||||||
The `@design.estate/dees-document` package serves as a robust framework to facilitate the generation of business documents, such as invoices, contracts, and reports. Leveraging modern web technologies, this package integrates seamlessly with TypeScript and ES modules, offering a type-safe environment conducive to efficient, dynamic document creation.
|
### Setting Up the Document Service
|
||||||
|
Before diving into creating documents, you first need to set up the document service. This involves importing the necessary modules and initializing the service instance.
|
||||||
Below, we provide a detailed guide for utilizing this package, from initializing your environment to generating complete PDF documents.
|
|
||||||
|
|
||||||
### Setting Up the Environment
|
|
||||||
|
|
||||||
Before diving into document creation, ensure your environment is properly configured. Make sure to import necessary dependencies and setup configurations:
|
|
||||||
|
|
||||||
```typescript
|
```typescript
|
||||||
import { PdfService, IPdfServiceConstructorOptions } from '@design.estate/dees-document';
|
import { PdfService, IPdfServiceConstructorOptions } from '@design.estate/dees-document';
|
||||||
|
|
||||||
async function setupPdfService() {
|
async function setupPdfService() {
|
||||||
const options: IPdfServiceConstructorOptions = {
|
const options: IPdfServiceConstructorOptions = {
|
||||||
// Configure your options here
|
// Configuration options here
|
||||||
};
|
};
|
||||||
|
|
||||||
const pdfService = await PdfService.createAndStart(options);
|
const pdfService = await PdfService.createAndStart(options);
|
||||||
@ -36,148 +29,100 @@ async function setupPdfService() {
|
|||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
In this setup snippet, you set up the `PdfService` which is the core component for PDF generation. The configuration options should be adjusted to fit your needs, especially considering options such as file paths, languages, and template directories.
|
In the example above, we import `PdfService` from the package and use its `createAndStart` method to initialize it with optional configuration settings. Replace `// Configuration options here` with any specific options your project may require.
|
||||||
|
|
||||||
### Creating a Document Template
|
### Creating a Simple Invoice
|
||||||
|
After setting up the document service, you can proceed to create documents such as invoices. Here, we'll demonstrate how to create a basic invoice.
|
||||||
|
|
||||||
To create documents, particularly invoices, you'll first need to define a template. This template describes the structure of your document:
|
#### Define the Invoice Data Structure
|
||||||
|
First, define the basic structure of your invoice. This involves specifying details like the sender, recipient, items, and more.
|
||||||
|
|
||||||
```typescript
|
```typescript
|
||||||
import { ILetter } from '@design.estate/dees-document';
|
import { ILetter } from '@design.estate/dees-document';
|
||||||
|
|
||||||
const invoiceTemplate: ILetter = {
|
const invoiceData: ILetter = {
|
||||||
from: {
|
from: {
|
||||||
name: 'Your Company Name',
|
name: "Your Company Name",
|
||||||
address: {
|
address: {
|
||||||
streetName: 'Your Street',
|
streetName: "Your Street",
|
||||||
houseNumber: '123',
|
houseNumber: "123",
|
||||||
city: 'Your City',
|
city: "Your City",
|
||||||
country: 'Your Country',
|
country: "Your Country",
|
||||||
postalCode: '12345',
|
postalCode: "12345",
|
||||||
},
|
},
|
||||||
email: 'your-email@example.com',
|
email: "your-email@example.com",
|
||||||
phone: '123-456-7890',
|
phone: "123-456-7890",
|
||||||
},
|
},
|
||||||
to: {
|
to: {
|
||||||
name: 'Recipient Company Name',
|
name: "Recipient Company Name",
|
||||||
address: {
|
address: {
|
||||||
streetName: 'Recipient Street',
|
streetName: "Recipient Street",
|
||||||
houseNumber: '456',
|
houseNumber: "456",
|
||||||
city: 'Recipient City',
|
city: "Recipient City",
|
||||||
country: 'Recipient Country',
|
country: "Recipient Country",
|
||||||
postalCode: '67890',
|
postalCode: "67890",
|
||||||
},
|
},
|
||||||
email: 'recipient-email@example.com',
|
email: "recipient-email@example.com",
|
||||||
phone: '098-765-4321',
|
phone: "098-765-4321",
|
||||||
},
|
},
|
||||||
content: {
|
content: {
|
||||||
invoiceData: {
|
invoiceData: {
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
name: 'Service or Product Name',
|
name: "Service or Product Name",
|
||||||
unitQuantity: 2,
|
unitQuantity: 2,
|
||||||
unitNetPrice: 100.0,
|
unitNetPrice: 100.00,
|
||||||
unitType: 'service',
|
unitType: 'service',
|
||||||
vatPercentage: 19,
|
vatPercentage: 19,
|
||||||
currency: 'EUR',
|
currency: 'EUR',
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
},
|
},
|
||||||
],
|
subject: "Invoice for Services Rendered",
|
||||||
},
|
|
||||||
},
|
|
||||||
subject: 'Invoice for Services Rendered',
|
|
||||||
date: new Date().getTime(),
|
date: new Date().getTime(),
|
||||||
versionInfo: {
|
versionInfo: {
|
||||||
type: 'final',
|
type: "final",
|
||||||
version: '1.0.0',
|
version: "1.0.0"
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
```
|
```
|
||||||
|
|
||||||
The `invoiceTemplate` object utilizes the `ILetter` interface which specifies the structure for invoice data, including sender and recipient details, itemization, and pricing.
|
In this structure, `invoiceData` outlines essential details for an invoice document, using the `ILetter` interface. It includes information about both the sender (`from`) and the recipient (`to`), as well as the invoiced items under `content.invoiceData.items`.
|
||||||
|
|
||||||
### Generating the Document
|
#### Generate the Invoice PDF
|
||||||
|
With the invoice data ready, you can now generate the PDF using the `PdfService` instance.
|
||||||
Once a template is established, the next step is generating a PDF:
|
|
||||||
|
|
||||||
```typescript
|
```typescript
|
||||||
async function generateInvoice(pdfService: PdfService, invoiceData: ILetter) {
|
async function generateInvoice(pdfService: PdfService, invoiceData: ILetter) {
|
||||||
const pdfBuffer = await pdfService.createPdfFromLetterObject(invoiceData);
|
const pdfBuffer = await pdfService.createPdfFromLetterObject(invoiceData);
|
||||||
console.log('Invoice PDF generated successfully.');
|
console.log('Invoice PDF generated successfully.');
|
||||||
|
|
||||||
// Here you could save the PDF to your filesystem, send it via email, etc.
|
// Here, you can save the PDF to a file, send it over a network, etc.
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
In this function, the `createPdfFromLetterObject` method converts your invoice data into a `Buffer` containing the PDF. This `Buffer` can subsequently be saved as a file or sent over HTTP.
|
The method `createPdfFromLetterObject` receives the invoice data and returns a `Buffer` containing the PDF. You can then save this PDF to the filesystem, send it over email, or perform any other required actions.
|
||||||
|
|
||||||
### Comprehensive Example
|
#### Complete Example Integration
|
||||||
|
Combining everything, your complete script to set up the service, define invoice data, and generate a PDF invoice might look something like this:
|
||||||
Below is an example integrating all previous steps into a single coherent script:
|
|
||||||
|
|
||||||
```typescript
|
```typescript
|
||||||
async function main() {
|
async function main() {
|
||||||
const pdfService = await setupPdfService();
|
const pdfService = await setupPdfService();
|
||||||
const invoiceData: ILetter = {
|
|
||||||
// Populate your invoice object
|
|
||||||
};
|
|
||||||
await generateInvoice(pdfService, invoiceData);
|
await generateInvoice(pdfService, invoiceData);
|
||||||
}
|
}
|
||||||
|
|
||||||
main().then(() => console.log('Invoice generation process completed.'));
|
main().then(() => console.log('Invoice generation process completed.'));
|
||||||
```
|
```
|
||||||
|
|
||||||
This script encompasses initializing services and generating a PDF in a streamlined, efficient workflow.
|
### Beyond Invoices
|
||||||
|
The `@design.estate/dees-document` package is not limited to invoices alone. It's designed to handle a wide range of document types. The modular architecture allows for the customizable construction of documents, enabling you to tailor the output to meet precise requirements.
|
||||||
|
|
||||||
### Advanced Features
|
For instance, you can create contracts, reports, and other document types using a similar approach—by defining the content structure and utilizing the PDF service to generate the document. The package's flexibility and extensibility make it an invaluable tool in any document generation workflow.
|
||||||
|
|
||||||
`@design.estate/dees-document` provides several advanced functionalities, enabling rich document creation:
|
### Advanced Usage
|
||||||
|
For more advanced scenarios, such as custom styling, embedding images, and handling more complex document structures, refer to the package's documentation. It provides comprehensive details and examples to help you fully leverage the capabilities of `@design.estate/dees-document`.
|
||||||
1. **Custom Templates & Styling**
|
|
||||||
|
|
||||||
- Customize the styling through CSS or using inline styles in TypeScript.
|
|
||||||
- Templates can be adjusted to present different document types (e.g., contracts, reports).
|
|
||||||
|
|
||||||
2. **Modular Components and Reuse**
|
|
||||||
|
|
||||||
- Utilize modular components to create reusable parts across different documents, enhancing maintainability and reducing redundancy.
|
|
||||||
|
|
||||||
3. **Interactive Documents**
|
|
||||||
|
|
||||||
- Integrate interactivities like forms, buttons, and interactive charts within your documents.
|
|
||||||
|
|
||||||
4. **Localization Support**
|
|
||||||
|
|
||||||
- Documents can be localized to support multiple languages, enhancing accessibility and usability.
|
|
||||||
|
|
||||||
5. **Responsive and Adaptive Designs**
|
|
||||||
|
|
||||||
- Create documents that adjust layout dynamically depending on print or digital medium, maintaining consistency across platforms.
|
|
||||||
|
|
||||||
6. **Security Features**
|
|
||||||
|
|
||||||
- Apply digital signatures and encrypt sensitive documents to ensure secure and authentic document distribution.
|
|
||||||
|
|
||||||
7. **Complex Business Logic**
|
|
||||||
- Implement complex logic for feature-rich documents such as inventory systems, automatic tax calculations, or real-time pricing adjustments.
|
|
||||||
|
|
||||||
### Utilize Translation for Localization
|
|
||||||
|
|
||||||
The package offers a translation mechanism to adapt your documents for international clients:
|
|
||||||
|
|
||||||
```typescript
|
|
||||||
import { translate } from '@design.estate/dees-document/shared';
|
|
||||||
|
|
||||||
const languageCode: 'DE' | 'EN' | 'ES' = 'EN'; // Set required language code
|
|
||||||
console.log(translate(languageCode, 'invoice', 'Invoice')); // Translated output
|
|
||||||
```
|
|
||||||
|
|
||||||
Different language settings can be applied, enabling the seamless presentation of document contents tailored to regional and linguistic preferences.
|
|
||||||
|
|
||||||
### Conclusion
|
|
||||||
|
|
||||||
The `@design.estate/dees-document` package is a versatile and powerful solution for businesses seeking to automate and streamline their document generation processes using modern web technologies. By integrating seamlessly with TypeScript, it offers robust capabilities for creating complex, customizable, and interactive documents that can meet a variety of business needs.
|
|
||||||
|
|
||||||
From custom templates to localization and advanced security features, this module provides the flexibility and power to create polished and professional documents efficiently. Whether you're generating invoices, contracts, or detailed reports, `@design.estate/dees-document` has the tools to support your enterprise workflows with ease and precision.
|
|
||||||
|
|
||||||
## License and Legal Information
|
## License and Legal Information
|
||||||
|
|
||||||
|
|||||||
@ -2,4 +2,8 @@ import * as tsclass from '@tsclass/tsclass';
|
|||||||
import * as smartfile from '@push.rocks/smartfile';
|
import * as smartfile from '@push.rocks/smartfile';
|
||||||
import * as path from 'path';
|
import * as path from 'path';
|
||||||
|
|
||||||
export { tsclass, smartfile, path };
|
export {
|
||||||
|
tsclass,
|
||||||
|
smartfile,
|
||||||
|
path,
|
||||||
|
}
|
||||||
70
test/test.ts
70
test/test.ts
@ -1,6 +1,5 @@
|
|||||||
import * as plugins from './plugins.js';
|
import * as plugins from './plugins.js';
|
||||||
import * as paths from './paths.js';
|
import * as paths from './paths.js';
|
||||||
import * as interfaces from '../ts_shared/interfaces/index.js';
|
|
||||||
import { expect, tap } from '@push.rocks/tapbundle';
|
import { expect, tap } from '@push.rocks/tapbundle';
|
||||||
import * as deesDocumentServer from '../ts/index.js';
|
import * as deesDocumentServer from '../ts/index.js';
|
||||||
|
|
||||||
@ -17,9 +16,6 @@ const testLetterData: plugins.tsclass.business.ILetter = {
|
|||||||
id: 'XX-CLIENT-48765',
|
id: 'XX-CLIENT-48765',
|
||||||
reverseCharge: true,
|
reverseCharge: true,
|
||||||
dueInDays: 30,
|
dueInDays: 30,
|
||||||
currency: 'EUR',
|
|
||||||
notes: [],
|
|
||||||
type: 'debitnote',
|
|
||||||
billedBy: {
|
billedBy: {
|
||||||
address: null,
|
address: null,
|
||||||
description: null,
|
description: null,
|
||||||
@ -106,38 +102,26 @@ tap.test('should create a document from an invoice', async () => {
|
|||||||
|
|
||||||
tap.test('should create an invoice', async () => {
|
tap.test('should create an invoice', async () => {
|
||||||
let counter = 0;
|
let counter = 0;
|
||||||
const saveResult = async (optionsArg: {
|
const saveResult = async (letterDataArg: plugins.tsclass.business.ILetter) => {
|
||||||
letterData: plugins.tsclass.business.ILetter;
|
const pdfResult = await testPdfServiceInstance.createPdfFromLetterObject(letterDataArg);
|
||||||
documentSettings: interfaces.IDocumentSettings;
|
await plugins.smartfile.memory.toFs(Buffer.from(pdfResult.buffer), plugins.path.join(paths.nogitDir, `test-${counter++}.pdf`));
|
||||||
}) => {
|
}
|
||||||
const pdfResult = await testPdfServiceInstance.createPdfFromLetterObject(optionsArg);
|
await saveResult(testLetterData);
|
||||||
await plugins.smartfile.memory.toFs(
|
|
||||||
Buffer.from(pdfResult.buffer),
|
|
||||||
plugins.path.join(paths.nogitDir, `test-${counter++}.pdf`),
|
|
||||||
);
|
|
||||||
};
|
|
||||||
await saveResult({
|
await saveResult({
|
||||||
letterData: testLetterData,
|
|
||||||
documentSettings: {},
|
|
||||||
});
|
|
||||||
await saveResult({
|
|
||||||
letterData: {
|
|
||||||
...testLetterData,
|
...testLetterData,
|
||||||
versionInfo: {
|
versionInfo: {
|
||||||
type: 'draft',
|
type: 'draft',
|
||||||
version: '1.0.0',
|
version: '1.0.0',
|
||||||
},
|
}
|
||||||
},
|
|
||||||
documentSettings: {},
|
|
||||||
});
|
});
|
||||||
(testLetterData.content.invoiceData.items = [
|
testLetterData.content.invoiceData.items = [
|
||||||
{
|
{
|
||||||
name: 'Website Creation',
|
name: 'Website Creation',
|
||||||
unitQuantity: 1,
|
unitQuantity: 1,
|
||||||
unitNetPrice: 1200,
|
unitNetPrice: 1200,
|
||||||
unitType: 'item',
|
unitType: 'item',
|
||||||
vatPercentage: 0,
|
vatPercentage: 0,
|
||||||
position: 1,
|
currency: 'EUR',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Hosting',
|
name: 'Hosting',
|
||||||
@ -145,7 +129,7 @@ tap.test('should create an invoice', async () => {
|
|||||||
unitNetPrice: 1200,
|
unitNetPrice: 1200,
|
||||||
unitType: 'item',
|
unitType: 'item',
|
||||||
vatPercentage: 19,
|
vatPercentage: 19,
|
||||||
position: 2,
|
currency: 'EUR',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Overnight Shipping',
|
name: 'Overnight Shipping',
|
||||||
@ -153,15 +137,14 @@ tap.test('should create an invoice', async () => {
|
|||||||
unitNetPrice: 1200,
|
unitNetPrice: 1200,
|
||||||
unitType: 'item',
|
unitType: 'item',
|
||||||
vatPercentage: 24,
|
vatPercentage: 24,
|
||||||
position: 3,
|
currency: 'EUR',
|
||||||
},
|
},{
|
||||||
{
|
|
||||||
name: 'Website Creation',
|
name: 'Website Creation',
|
||||||
unitQuantity: 1,
|
unitQuantity: 1,
|
||||||
unitNetPrice: 1200,
|
unitNetPrice: 1200,
|
||||||
unitType: 'item',
|
unitType: 'item',
|
||||||
vatPercentage: 0,
|
vatPercentage: 0,
|
||||||
position: 4,
|
currency: 'EUR',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Hosting',
|
name: 'Hosting',
|
||||||
@ -169,7 +152,7 @@ tap.test('should create an invoice', async () => {
|
|||||||
unitNetPrice: 1200,
|
unitNetPrice: 1200,
|
||||||
unitType: 'item',
|
unitType: 'item',
|
||||||
vatPercentage: 19,
|
vatPercentage: 19,
|
||||||
position: 5,
|
currency: 'EUR',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Overnight Shipping',
|
name: 'Overnight Shipping',
|
||||||
@ -177,15 +160,14 @@ tap.test('should create an invoice', async () => {
|
|||||||
unitNetPrice: 1200,
|
unitNetPrice: 1200,
|
||||||
unitType: 'item',
|
unitType: 'item',
|
||||||
vatPercentage: 24,
|
vatPercentage: 24,
|
||||||
position: 6,
|
currency: 'EUR',
|
||||||
},
|
},{
|
||||||
{
|
|
||||||
name: 'Website Creation',
|
name: 'Website Creation',
|
||||||
unitQuantity: 1,
|
unitQuantity: 1,
|
||||||
unitNetPrice: 1200,
|
unitNetPrice: 1200,
|
||||||
unitType: 'item',
|
unitType: 'item',
|
||||||
vatPercentage: 0,
|
vatPercentage: 0,
|
||||||
position: 7,
|
currency: 'EUR',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Hosting',
|
name: 'Hosting',
|
||||||
@ -193,7 +175,7 @@ tap.test('should create an invoice', async () => {
|
|||||||
unitNetPrice: 1200,
|
unitNetPrice: 1200,
|
||||||
unitType: 'item',
|
unitType: 'item',
|
||||||
vatPercentage: 19,
|
vatPercentage: 19,
|
||||||
position: 8,
|
currency: 'EUR',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Overnight Shipping',
|
name: 'Overnight Shipping',
|
||||||
@ -201,15 +183,14 @@ tap.test('should create an invoice', async () => {
|
|||||||
unitNetPrice: 1200,
|
unitNetPrice: 1200,
|
||||||
unitType: 'item',
|
unitType: 'item',
|
||||||
vatPercentage: 24,
|
vatPercentage: 24,
|
||||||
position: 9,
|
currency: 'EUR',
|
||||||
},
|
},{
|
||||||
{
|
|
||||||
name: 'Website Creation',
|
name: 'Website Creation',
|
||||||
unitQuantity: 1,
|
unitQuantity: 1,
|
||||||
unitNetPrice: 1200,
|
unitNetPrice: 1200,
|
||||||
unitType: 'item',
|
unitType: 'item',
|
||||||
vatPercentage: 0,
|
vatPercentage: 0,
|
||||||
position: 10,
|
currency: 'EUR',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Hosting',
|
name: 'Hosting',
|
||||||
@ -217,7 +198,7 @@ tap.test('should create an invoice', async () => {
|
|||||||
unitNetPrice: 1200,
|
unitNetPrice: 1200,
|
||||||
unitType: 'item',
|
unitType: 'item',
|
||||||
vatPercentage: 19,
|
vatPercentage: 19,
|
||||||
position: 11,
|
currency: 'EUR',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Overnight Shipping',
|
name: 'Overnight Shipping',
|
||||||
@ -225,13 +206,12 @@ tap.test('should create an invoice', async () => {
|
|||||||
unitNetPrice: 1200,
|
unitNetPrice: 1200,
|
||||||
unitType: 'item',
|
unitType: 'item',
|
||||||
vatPercentage: 24,
|
vatPercentage: 24,
|
||||||
position: 12,
|
currency: 'EUR',
|
||||||
},
|
},
|
||||||
]),
|
],
|
||||||
await saveResult({
|
await saveResult({
|
||||||
letterData: testLetterData,
|
...testLetterData,
|
||||||
documentSettings: {},
|
})
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
|
||||||
tap.test('should stop the service', async () => {
|
tap.test('should stop the service', async () => {
|
||||||
|
|||||||
@ -3,6 +3,6 @@
|
|||||||
*/
|
*/
|
||||||
export const commitinfo = {
|
export const commitinfo = {
|
||||||
name: '@design.estate/dees-document',
|
name: '@design.estate/dees-document',
|
||||||
version: '1.6.11',
|
version: '1.0.101',
|
||||||
description: 'A sophisticated framework for dynamically generating and rendering business documents like invoices with modern web technologies, featuring PDF creation, templating, and automation.'
|
description: 'A comprehensive solution for generating documents like invoices, integrating elements, templates, and services to streamline document creation.'
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,7 +1,10 @@
|
|||||||
import * as plugins from './plugins.js';
|
import * as plugins from './plugins.js';
|
||||||
|
import * as paths from './paths.js';
|
||||||
import * as helpers from './helpers.js';
|
import * as helpers from './helpers.js';
|
||||||
|
|
||||||
export interface IPdfServiceConstructorOptions {}
|
export interface IPdfServiceConstructorOptions {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* a pdf service for generating pdfs
|
* a pdf service for generating pdfs
|
||||||
@ -41,15 +44,12 @@ export class PdfService {
|
|||||||
/**
|
/**
|
||||||
* creates an letter
|
* creates an letter
|
||||||
*/
|
*/
|
||||||
public async createPdfFromLetterObject(optionsArg: {
|
public async createPdfFromLetterObject(letterDataArg: plugins.tsclass.business.ILetter) {
|
||||||
letterData: plugins.tsclass.business.ILetter;
|
|
||||||
documentSettings: plugins.shared.interfaces.IDocumentSettings;
|
|
||||||
}) {
|
|
||||||
const html = `
|
const html = `
|
||||||
<script type="module">
|
<script type="module">
|
||||||
${await helpers.getBundleAsString()}
|
${await helpers.getBundleAsString()}
|
||||||
</script>
|
</script>
|
||||||
<dedocument-dedocument printMode documentSettings="${plugins.smartjson.stringifyBase64(optionsArg.documentSettings)}" letterData="${plugins.smartjson.stringifyBase64(optionsArg.letterData)}"></dedocument-dedocument>
|
<dedocument-dedocument printMode letterData="${plugins.smartjson.stringifyBase64(letterDataArg)}"></dedocument-dedocument>
|
||||||
`;
|
`;
|
||||||
// console.log(html);
|
// console.log(html);
|
||||||
const pdfResult = await this.smartpdfInstance.getA4PdfResultForHtmlString(html);
|
const pdfResult = await this.smartpdfInstance.getA4PdfResultForHtmlString(html);
|
||||||
|
|||||||
@ -3,4 +3,4 @@ import * as paths from './paths.js';
|
|||||||
|
|
||||||
export const getBundleAsString = async () => {
|
export const getBundleAsString = async () => {
|
||||||
return plugins.smartfile.fs.toStringSync(paths.bundleFile);
|
return plugins.smartfile.fs.toStringSync(paths.bundleFile);
|
||||||
};
|
}
|
||||||
|
|||||||
@ -1,9 +1,6 @@
|
|||||||
import * as plugins from './plugins.js';
|
import * as plugins from './plugins.js';
|
||||||
|
|
||||||
export const packageDir = plugins.path.join(
|
export const packageDir = plugins.path.join(plugins.smartpath.get.dirnameFromImportMetaUrl(import.meta.url), '../');
|
||||||
plugins.smartpath.get.dirnameFromImportMetaUrl(import.meta.url),
|
|
||||||
'../',
|
|
||||||
);
|
|
||||||
|
|
||||||
export const nogitDir = plugins.path.join(packageDir, '.nogit/');
|
export const nogitDir = plugins.path.join(packageDir, '.nogit/');
|
||||||
plugins.smartfile.fs.ensureDirSync(nogitDir);
|
plugins.smartfile.fs.ensureDirSync(nogitDir);
|
||||||
|
|||||||
@ -1,12 +1,9 @@
|
|||||||
// node native
|
// node native
|
||||||
import * as path from 'path';
|
import * as path from 'path';
|
||||||
|
|
||||||
export { path };
|
export {
|
||||||
|
path
|
||||||
// dees-document scope
|
}
|
||||||
import * as shared from '../dist_ts_shared/index.js';
|
|
||||||
|
|
||||||
export { shared };
|
|
||||||
|
|
||||||
// @push.rocks/scope
|
// @push.rocks/scope
|
||||||
import * as smartfile from '@push.rocks/smartfile';
|
import * as smartfile from '@push.rocks/smartfile';
|
||||||
@ -14,9 +11,16 @@ import * as smartjson from '@push.rocks/smartjson';
|
|||||||
import * as smartpath from '@push.rocks/smartpath';
|
import * as smartpath from '@push.rocks/smartpath';
|
||||||
import * as smartpdf from '@push.rocks/smartpdf';
|
import * as smartpdf from '@push.rocks/smartpdf';
|
||||||
|
|
||||||
export { smartfile, smartpath, smartjson, smartpdf };
|
export {
|
||||||
|
smartfile,
|
||||||
|
smartpath,
|
||||||
|
smartjson,
|
||||||
|
smartpdf,
|
||||||
|
}
|
||||||
|
|
||||||
// @tsclass scope
|
// @tsclass scope
|
||||||
import * as tsclass from '@tsclass/tsclass';
|
import * as tsclass from '@tsclass/tsclass';
|
||||||
|
|
||||||
export { tsclass };
|
export {
|
||||||
|
tsclass,
|
||||||
|
}
|
||||||
|
|||||||
@ -1,3 +0,0 @@
|
|||||||
{
|
|
||||||
"order": 2
|
|
||||||
}
|
|
||||||
@ -1,12 +0,0 @@
|
|||||||
export const a4Height = 1122;
|
|
||||||
export const a4Width = 794;
|
|
||||||
export const rightMargin = 70;
|
|
||||||
export const leftMargin = 90;
|
|
||||||
|
|
||||||
import * as interfaces from './interfaces/index.js';
|
|
||||||
export { interfaces };
|
|
||||||
|
|
||||||
import * as translation from './translation.js';
|
|
||||||
export { translation };
|
|
||||||
|
|
||||||
export * from './demoletter.js';
|
|
||||||
@ -1,9 +0,0 @@
|
|||||||
import * as translation from '../translation.js';
|
|
||||||
|
|
||||||
export interface IDocumentSettings {
|
|
||||||
enableTopDraftText?: boolean;
|
|
||||||
enableDefaultHeader?: boolean;
|
|
||||||
enableDefaultFooter?: boolean;
|
|
||||||
languageCode?: translation.TLanguageCode;
|
|
||||||
vatGroupPositions?: boolean;
|
|
||||||
}
|
|
||||||
@ -1 +0,0 @@
|
|||||||
export * from './document.js';
|
|
||||||
@ -1,4 +0,0 @@
|
|||||||
// tsclass scope
|
|
||||||
import * as tsclass from '@tsclass/tsclass';
|
|
||||||
|
|
||||||
export { tsclass };
|
|
||||||
@ -1,143 +0,0 @@
|
|||||||
import * as interfaces from './interfaces/index.js';
|
|
||||||
|
|
||||||
// Define English translations without enforcing TTranslationImplementation yet
|
|
||||||
export const EN_translations = {
|
|
||||||
address: 'Address',
|
|
||||||
bankConnection: 'Bank Connection',
|
|
||||||
contactInfo: 'Contact Info',
|
|
||||||
description: 'Description',
|
|
||||||
invoice: 'Invoice',
|
|
||||||
itemPos: 'Item Pos.',
|
|
||||||
quantity: 'Quantity',
|
|
||||||
registrationInfo: 'Registration Info',
|
|
||||||
reverseVatNote: 'VAT arises on a reverse charge basis and is payable by the customer.',
|
|
||||||
totalNetPrice: 'Total Net Price',
|
|
||||||
unitNetPrice: 'Unit Net Price',
|
|
||||||
unitType: 'Unit Type',
|
|
||||||
yourCustomerId: 'Your Customer ID:',
|
|
||||||
yourVatId: 'Your vat id on file:',
|
|
||||||
continuesOnPage: 'Continues on page',
|
|
||||||
finalPageStatement: 'This is the final page of this document.',
|
|
||||||
page: 'Page',
|
|
||||||
vatShort: 'VAT',
|
|
||||||
} as const;
|
|
||||||
|
|
||||||
// Infer keys of EN_translations
|
|
||||||
export type TTranslationKey = keyof typeof EN_translations;
|
|
||||||
|
|
||||||
// Define the type for all translations based on EN_translations keys
|
|
||||||
export type TTranslationImplementation = {
|
|
||||||
[key in TTranslationKey]: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
// Define German translations
|
|
||||||
export const DE_translations: TTranslationImplementation = {
|
|
||||||
address: 'Adresse',
|
|
||||||
bankConnection: 'Bankverbindung',
|
|
||||||
contactInfo: 'Kontaktinformationen',
|
|
||||||
description: 'Beschreibung',
|
|
||||||
invoice: 'Rechnung',
|
|
||||||
itemPos: 'Pos.',
|
|
||||||
quantity: 'Anzahl',
|
|
||||||
registrationInfo: 'HRA/HRB Info',
|
|
||||||
reverseVatNote:
|
|
||||||
'Umkehr der Umsatzsteuerpflicht: Der Rechnungsempfänger ist für die korrekte Abrechnung der Umsatzsteuer zuständig.',
|
|
||||||
totalNetPrice: 'Summe netto',
|
|
||||||
unitNetPrice: 'Einheit netto',
|
|
||||||
unitType: 'Einheit',
|
|
||||||
yourCustomerId: 'Ihre Kundennummer:',
|
|
||||||
yourVatId: 'Ihre Umsatzsteuer-ID:',
|
|
||||||
continuesOnPage: 'Fortsetzung auf Seite',
|
|
||||||
finalPageStatement: 'Dies ist die letzte Seite dieses Dokuments.',
|
|
||||||
page: 'Seite',
|
|
||||||
vatShort: 'USt',
|
|
||||||
};
|
|
||||||
|
|
||||||
// Define Spanish translations
|
|
||||||
export const ES_translations: TTranslationImplementation = {
|
|
||||||
address: 'Dirección',
|
|
||||||
bankConnection: 'Conexión bancaria',
|
|
||||||
contactInfo: 'Información de contacto',
|
|
||||||
description: 'Descripción',
|
|
||||||
invoice: 'Factura',
|
|
||||||
itemPos: 'Pos.',
|
|
||||||
quantity: 'Cantidad',
|
|
||||||
registrationInfo: 'Información de registro',
|
|
||||||
reverseVatNote: 'El IVA se aplica por inversión del sujeto pasivo y debe ser pagado por el cliente.',
|
|
||||||
totalNetPrice: 'Precio total neto',
|
|
||||||
unitNetPrice: 'Precio unitario neto',
|
|
||||||
unitType: 'Tipo de unidad',
|
|
||||||
yourCustomerId: 'Su número de cliente:',
|
|
||||||
yourVatId: 'Su ID de IVA:',
|
|
||||||
continuesOnPage: 'Continúa en la página',
|
|
||||||
finalPageStatement: 'Esta es la última página de este documento.',
|
|
||||||
page: 'Página',
|
|
||||||
vatShort: 'IVA',
|
|
||||||
};
|
|
||||||
|
|
||||||
// Define French translations
|
|
||||||
export const FR_translations: TTranslationImplementation = {
|
|
||||||
address: 'Adresse',
|
|
||||||
bankConnection: 'Coordonnées bancaires',
|
|
||||||
contactInfo: 'Informations de contact',
|
|
||||||
description: 'Description',
|
|
||||||
invoice: 'Facture',
|
|
||||||
itemPos: 'Position',
|
|
||||||
quantity: 'Quantité',
|
|
||||||
registrationInfo: "Informations d'enregistrement",
|
|
||||||
reverseVatNote:
|
|
||||||
"La TVA s'applique selon le mécanisme d'autoliquidation et est à payer par le client.",
|
|
||||||
totalNetPrice: 'Prix net total',
|
|
||||||
unitNetPrice: 'Prix unitaire net',
|
|
||||||
unitType: "Type d'unité",
|
|
||||||
yourCustomerId: 'Votre numéro de client :',
|
|
||||||
yourVatId: 'Votre numéro de TVA :',
|
|
||||||
continuesOnPage: 'Continue sur la page',
|
|
||||||
finalPageStatement: 'Ceci est la dernière page de ce document.',
|
|
||||||
page: 'Page',
|
|
||||||
vatShort: 'TVA',
|
|
||||||
};
|
|
||||||
|
|
||||||
// Define Italian translations
|
|
||||||
export const IT_translations: TTranslationImplementation = {
|
|
||||||
address: 'Indirizzo',
|
|
||||||
bankConnection: 'Coordinate bancarie',
|
|
||||||
contactInfo: 'Informazioni di contatto',
|
|
||||||
description: 'Descrizione',
|
|
||||||
invoice: 'Fattura',
|
|
||||||
itemPos: 'Pos.',
|
|
||||||
quantity: 'Quantità',
|
|
||||||
registrationInfo: 'Informazioni di registrazione',
|
|
||||||
reverseVatNote: "L'IVA è applicata con inversione contabile ed è a carico del cliente.",
|
|
||||||
totalNetPrice: 'Prezzo netto totale',
|
|
||||||
unitNetPrice: 'Prezzo netto unitario',
|
|
||||||
unitType: 'Tipo di unità',
|
|
||||||
yourCustomerId: 'Il tuo numero cliente:',
|
|
||||||
yourVatId: 'Il tuo numero di partita IVA:',
|
|
||||||
continuesOnPage: 'Continua alla pagina',
|
|
||||||
finalPageStatement: 'Questa è l\'ultima pagina di questo documento.',
|
|
||||||
page: 'Pagina',
|
|
||||||
vatShort: 'IVA',
|
|
||||||
};
|
|
||||||
|
|
||||||
// Language Code Map
|
|
||||||
export const languageCodeMap: Record<string, TTranslationImplementation> = {
|
|
||||||
EN: EN_translations,
|
|
||||||
DE: DE_translations,
|
|
||||||
ES: ES_translations,
|
|
||||||
FR: FR_translations,
|
|
||||||
IT: IT_translations,
|
|
||||||
};
|
|
||||||
|
|
||||||
// Language Code Type
|
|
||||||
export type TLanguageCode = keyof typeof languageCodeMap;
|
|
||||||
|
|
||||||
// Translate Function
|
|
||||||
export const translate = (
|
|
||||||
languageCode: TLanguageCode,
|
|
||||||
key: TTranslationKey,
|
|
||||||
defaultValue: string
|
|
||||||
): string => {
|
|
||||||
const translations = languageCodeMap[languageCode] || EN_translations;
|
|
||||||
return translations[key] || defaultValue;
|
|
||||||
};
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
{
|
|
||||||
"order": 1
|
|
||||||
}
|
|
||||||
@ -3,6 +3,6 @@
|
|||||||
*/
|
*/
|
||||||
export const commitinfo = {
|
export const commitinfo = {
|
||||||
name: '@design.estate/dees-document',
|
name: '@design.estate/dees-document',
|
||||||
version: '1.6.11',
|
version: '1.0.101',
|
||||||
description: 'A sophisticated framework for dynamically generating and rendering business documents like invoices with modern web technologies, featuring PDF creation, templating, and automation.'
|
description: 'A comprehensive solution for generating documents like invoices, integrating elements, templates, and services to streamline document creation.'
|
||||||
}
|
}
|
||||||
|
|||||||
@ -12,11 +12,13 @@ import {
|
|||||||
cssManager,
|
cssManager,
|
||||||
unsafeCSS,
|
unsafeCSS,
|
||||||
render,
|
render,
|
||||||
domtools,
|
|
||||||
} from '@design.estate/dees-element';
|
} from '@design.estate/dees-element';
|
||||||
|
import * as domtools from '@design.estate/dees-domtools';
|
||||||
|
|
||||||
import * as plugins from '../plugins.js';
|
import * as plugins from '../plugins.js';
|
||||||
|
|
||||||
import { dedocumentSharedStyle } from '../style.js';
|
import * as shared from './shared/index.js';
|
||||||
|
|
||||||
|
|
||||||
declare global {
|
declare global {
|
||||||
interface HTMLElementTagNameMap {
|
interface HTMLElementTagNameMap {
|
||||||
@ -44,12 +46,6 @@ export class DeContentInvoice extends DeesElement {
|
|||||||
})
|
})
|
||||||
public letterData: plugins.tsclass.business.ILetter;
|
public letterData: plugins.tsclass.business.ILetter;
|
||||||
|
|
||||||
@property({
|
|
||||||
type: Object,
|
|
||||||
reflect: true,
|
|
||||||
})
|
|
||||||
public documentSettings: plugins.shared.interfaces.IDocumentSettings;
|
|
||||||
|
|
||||||
constructor() {
|
constructor() {
|
||||||
super();
|
super();
|
||||||
domtools.DomTools.setupDomTools();
|
domtools.DomTools.setupDomTools();
|
||||||
@ -57,7 +53,6 @@ export class DeContentInvoice extends DeesElement {
|
|||||||
|
|
||||||
public static styles = [
|
public static styles = [
|
||||||
domtools.elementBasic.staticStyles,
|
domtools.elementBasic.staticStyles,
|
||||||
dedocumentSharedStyle,
|
|
||||||
css`
|
css`
|
||||||
:host {
|
:host {
|
||||||
color: #333;
|
color: #333;
|
||||||
@ -174,6 +169,7 @@ export class DeContentInvoice extends DeesElement {
|
|||||||
(await this.getContentNodes()).trimmedContent.append(
|
(await this.getContentNodes()).trimmedContent.append(
|
||||||
(await this.getContentNodes()).currentContent.children.item(0)
|
(await this.getContentNodes()).currentContent.children.item(0)
|
||||||
);
|
);
|
||||||
|
console.log('hey' + this.shadowRoot.children.length);
|
||||||
}
|
}
|
||||||
if (
|
if (
|
||||||
(await this.getContentNodes()).currentContent.children
|
(await this.getContentNodes()).currentContent.children
|
||||||
@ -205,7 +201,7 @@ export class DeContentInvoice extends DeesElement {
|
|||||||
<style>
|
<style>
|
||||||
.grid {
|
.grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 40px auto 60px 60px 84px 84px 46px;
|
grid-template-columns: 40px auto 80px 80px 90px 90px;
|
||||||
}
|
}
|
||||||
.topLine {
|
.topLine {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
@ -215,29 +211,12 @@ export class DeContentInvoice extends DeesElement {
|
|||||||
.lineItem {
|
.lineItem {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
border-right: 1px dashed #ccc;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lineItem:last-child {
|
|
||||||
border-right: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lineItem.rightAlign {
|
|
||||||
text-align: right;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.invoiceLine {
|
.invoiceLine {
|
||||||
background: #ffffff00;
|
|
||||||
border-bottom: 1px dotted #ccc;
|
border-bottom: 1px dotted #ccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.invoiceLine.highlighted {
|
|
||||||
transition: background 0.2s;
|
|
||||||
background: #ffc18f;
|
|
||||||
border: 1px solid #ff9d4d;
|
|
||||||
box-sizing: content-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sums {
|
.sums {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
@ -297,77 +276,29 @@ export class DeContentInvoice extends DeesElement {
|
|||||||
</style>
|
</style>
|
||||||
<div>We hereby invoice products and services provided to you by Lossless GmbH:</div>
|
<div>We hereby invoice products and services provided to you by Lossless GmbH:</div>
|
||||||
<div class="grid topLine dataHeader">
|
<div class="grid topLine dataHeader">
|
||||||
<div class="lineItem rightAlign">
|
<div class="lineItem">Item Pos.</div>
|
||||||
${plugins.shared.translation.translate(
|
<div class="lineItem">Description</div>
|
||||||
this.documentSettings.languageCode,
|
<div class="lineItem">Quantity</div>
|
||||||
'itemPos',
|
<div class="lineItem">Unit Type</div>
|
||||||
'Item Pos.'
|
<div class="lineItem">Unit Net Price</div>
|
||||||
)}
|
<div class="lineItem">Total Net Price</div>
|
||||||
</div>
|
|
||||||
<div class="lineItem">
|
|
||||||
${plugins.shared.translation.translate(
|
|
||||||
this.documentSettings.languageCode,
|
|
||||||
'description',
|
|
||||||
'Description'
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
<div class="lineItem rightAlign">
|
|
||||||
${plugins.shared.translation.translate(
|
|
||||||
this.documentSettings.languageCode,
|
|
||||||
'quantity',
|
|
||||||
'Quantity'
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
<div class="lineItem">
|
|
||||||
${plugins.shared.translation.translate(
|
|
||||||
this.documentSettings.languageCode,
|
|
||||||
'unitType',
|
|
||||||
'Unit Type'
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
<div class="lineItem rightAlign">
|
|
||||||
${plugins.shared.translation.translate(
|
|
||||||
this.documentSettings.languageCode,
|
|
||||||
'unitNetPrice',
|
|
||||||
'Unit Net Price'
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
<div class="lineItem rightAlign">
|
|
||||||
${plugins.shared.translation.translate(
|
|
||||||
this.documentSettings.languageCode,
|
|
||||||
'totalNetPrice',
|
|
||||||
'Total Net Price'
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
<div class="lineItem rightAlign">
|
|
||||||
${plugins.shared.translation.translate(
|
|
||||||
this.documentSettings.languageCode,
|
|
||||||
'vatShort',
|
|
||||||
'VAT'
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
${(() => {
|
${(() => {
|
||||||
let counter = 1;
|
let counter = 1;
|
||||||
return this.letterData?.content.invoiceData?.items?.map((invoiceItem) => {
|
return this.letterData?.content.invoiceData?.items?.map(
|
||||||
const isHighlighted = false; // TODO: implement rest of highlight logic
|
(invoiceItem) => html`
|
||||||
return html`
|
<div class="grid invoiceLine needsDataHeader">
|
||||||
<div class="grid invoiceLine needsDataHeader ${isHighlighted ? 'highlighted' : ''}">
|
<div class="lineItem">${counter++}</div>
|
||||||
<div class="lineItem rightAlign">${counter++}</div>
|
|
||||||
<div class="lineItem">${invoiceItem.name}</div>
|
<div class="lineItem">${invoiceItem.name}</div>
|
||||||
<div class="lineItem rightAlign">${invoiceItem.unitQuantity}</div>
|
<div class="lineItem">${invoiceItem.unitQuantity}</div>
|
||||||
<div class="lineItem">${invoiceItem.unitType}</div>
|
<div class="lineItem">${invoiceItem.unitType}</div>
|
||||||
<div class="lineItem rightAlign">
|
<div class="lineItem">${invoiceItem.unitNetPrice} ${invoiceItem.currency}</div>
|
||||||
${invoiceItem.unitNetPrice} ${this.letterData?.content.invoiceData.currency}
|
<div class="lineItem">
|
||||||
|
${invoiceItem.unitQuantity * invoiceItem.unitNetPrice} ${invoiceItem.currency}
|
||||||
</div>
|
</div>
|
||||||
<div class="lineItem rightAlign">
|
|
||||||
${invoiceItem.unitQuantity * invoiceItem.unitNetPrice}
|
|
||||||
${this.letterData?.content.invoiceData.currency}
|
|
||||||
</div>
|
</div>
|
||||||
<div class="lineItem rightAlign">${invoiceItem.vatPercentage}%</div>
|
`
|
||||||
</div>
|
);
|
||||||
`;
|
|
||||||
});
|
|
||||||
})()}
|
})()}
|
||||||
<div class="sums">
|
<div class="sums">
|
||||||
<div class="sumline">
|
<div class="sumline">
|
||||||
@ -376,23 +307,15 @@ export class DeContentInvoice extends DeesElement {
|
|||||||
</div>
|
</div>
|
||||||
${this.getVatGroups().map((vatGroupArg) => {
|
${this.getVatGroups().map((vatGroupArg) => {
|
||||||
let itemNumbers = '';
|
let itemNumbers = '';
|
||||||
let first = true;
|
|
||||||
for (const item of vatGroupArg.items) {
|
for (const item of vatGroupArg.items) {
|
||||||
const itemIndex = this.letterData.content.invoiceData.items.indexOf(item);
|
const itemIndex = this.letterData.content.invoiceData.items.indexOf(item);
|
||||||
itemNumbers += `${first ? '' : ', '}${itemIndex + 1}`;
|
itemNumbers += ` ${itemIndex + 1},`;
|
||||||
first = false;
|
|
||||||
}
|
}
|
||||||
return html`
|
return html`
|
||||||
<div class="sumline">
|
<div class="sumline">
|
||||||
<div class="label">
|
<div class="label">
|
||||||
Vat ${vatGroupArg.vatPercentage}%
|
Vat ${vatGroupArg.vatPercentage}%<br />
|
||||||
${this.documentSettings.vatGroupPositions
|
<span style="font-weight: normal">(on item positions: ${itemNumbers})</span>
|
||||||
? html`
|
|
||||||
<br /><span style="font-weight: normal"
|
|
||||||
>(on item positions: ${itemNumbers})</span
|
|
||||||
>
|
|
||||||
`
|
|
||||||
: html``}
|
|
||||||
</div>
|
</div>
|
||||||
<div class="value">${vatGroupArg.vatAmountSum} EUR</div>
|
<div class="value">${vatGroupArg.vatAmountSum} EUR</div>
|
||||||
</div>
|
</div>
|
||||||
@ -407,11 +330,7 @@ export class DeContentInvoice extends DeesElement {
|
|||||||
${this.letterData?.content.invoiceData.reverseCharge
|
${this.letterData?.content.invoiceData.reverseCharge
|
||||||
? html`
|
? html`
|
||||||
<div class="taxNote">
|
<div class="taxNote">
|
||||||
${plugins.shared.translation.translate(
|
VAT arises on a reverse charge basis and is payable by the customer.
|
||||||
this.documentSettings.languageCode,
|
|
||||||
'reverseVatNote',
|
|
||||||
'VAT arises on a reverse charge basis and is payable by the customer.'
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
`
|
`
|
||||||
: ``}
|
: ``}
|
||||||
@ -424,16 +343,14 @@ export class DeContentInvoice extends DeesElement {
|
|||||||
IBAN: ${this.letterData?.from?.sepaConnection?.iban}<br />
|
IBAN: ${this.letterData?.from?.sepaConnection?.iban}<br />
|
||||||
BIC: ${this.letterData?.from?.sepaConnection?.bic}<br />
|
BIC: ${this.letterData?.from?.sepaConnection?.bic}<br />
|
||||||
Description: ${this.letterData?.content.invoiceData?.id}<br />
|
Description: ${this.letterData?.content.invoiceData?.id}<br />
|
||||||
Amount: ${this.getTotalGross()} ${this.letterData?.content.invoiceData.currency}
|
Amount: ${this.getTotalGross()} ${this.letterData?.content.invoiceData.items[0].currency}
|
||||||
</div>
|
</div>
|
||||||
${this.letterData?.content?.contractData?.contractDate
|
${this.letterData?.content?.contractData?.contractDate
|
||||||
? html`
|
? html`
|
||||||
<div class="infoBox">
|
<div class="infoBox">
|
||||||
<div class="label">Referenced contract:</div>
|
<div class="label">Referenced contract:</div>
|
||||||
This invoice is adhering to agreements made by contract between the parties on
|
This invoice is adhering to agreements made by contract between the parties on
|
||||||
${plugins.smarttime.ExtendedDate.fromMillis(
|
${plugins.smarttime.ExtendedDate.fromMillis(this.letterData?.content.contractData.contractDate).format('MMMM D, YYYY')}.
|
||||||
this.letterData?.content.contractData.contractDate
|
|
||||||
).format('MMMM D, YYYY')}.
|
|
||||||
</div>
|
</div>
|
||||||
`
|
`
|
||||||
: html``}
|
: html``}
|
||||||
@ -460,6 +377,7 @@ ${this.letterData.content.invoiceData.id}
|
|||||||
EPC QR Code`,
|
EPC QR Code`,
|
||||||
(error) => {
|
(error) => {
|
||||||
if (error) console.error(error);
|
if (error) console.error(error);
|
||||||
|
console.log('success!');
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
contentNodes.currentContent.querySelector('.paymentCode').append(canvas);
|
contentNodes.currentContent.querySelector('.paymentCode').append(canvas);
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
import * as plugins from '../plugins.js';
|
import * as shared from './shared/index.js';
|
||||||
|
|
||||||
import { html } from '@design.estate/dees-element';
|
import { html } from '@design.estate/dees-element';
|
||||||
|
|
||||||
export const demoFunc = () => html`
|
export const demoFunc = () => html`
|
||||||
<dedocument-dedocument .format="${'a4'}" .letterData=${plugins.shared.demoLetter}></dedocument-dedocument>
|
<dedocument-dedocument .format="${'a4'}" .letterData=${shared.demoLetter}></dedocument-dedocument>
|
||||||
`;
|
`;
|
||||||
@ -10,20 +10,14 @@ import {
|
|||||||
unsafeCSS,
|
unsafeCSS,
|
||||||
domtools,
|
domtools,
|
||||||
} from '@design.estate/dees-element';
|
} from '@design.estate/dees-element';
|
||||||
import * as plugins from '../plugins.js';
|
|
||||||
|
|
||||||
export const defaultDocumentSettings: plugins.shared.interfaces.IDocumentSettings = {
|
import * as plugins from '../plugins.js';
|
||||||
enableTopDraftText: true,
|
|
||||||
enableDefaultHeader: true,
|
|
||||||
enableDefaultFooter: true,
|
|
||||||
languageCode: 'EN',
|
|
||||||
vatGroupPositions: true,
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
import { DePage } from './page.js';
|
import { DePage } from './page.js';
|
||||||
import { DeContentInvoice } from './contentinvoice.js';
|
import { DeContentInvoice } from './contentinvoice.js';
|
||||||
|
|
||||||
|
import * as shared from './shared/index.js';
|
||||||
import { demoFunc } from './document.demo.js';
|
import { demoFunc } from './document.demo.js';
|
||||||
|
|
||||||
declare global {
|
declare global {
|
||||||
@ -74,17 +68,9 @@ export class DeDocument extends DeesElement {
|
|||||||
public letterData: plugins.tsclass.business.ILetter;
|
public letterData: plugins.tsclass.business.ILetter;
|
||||||
|
|
||||||
@property({
|
@property({
|
||||||
type: Object,
|
type: String,
|
||||||
reflect: true,
|
|
||||||
converter: (valueArg) => {
|
|
||||||
if (typeof valueArg === 'string') {
|
|
||||||
return plugins.smartjson.parseBase64(valueArg)
|
|
||||||
} else {
|
|
||||||
return valueArg;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
})
|
})
|
||||||
public documentSettings: plugins.shared.interfaces.IDocumentSettings = defaultDocumentSettings;
|
public letterDataUrl: string;
|
||||||
|
|
||||||
constructor() {
|
constructor() {
|
||||||
super();
|
super();
|
||||||
@ -99,7 +85,6 @@ export class DeDocument extends DeesElement {
|
|||||||
color: #333;
|
color: #333;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
position: relative;
|
position: relative;
|
||||||
font-family: 'Dees Sans', sans-serif;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.betweenPagesSpacer {
|
.betweenPagesSpacer {
|
||||||
@ -115,36 +100,6 @@ export class DeDocument extends DeesElement {
|
|||||||
}
|
}
|
||||||
|
|
||||||
public async firstUpdated(_changedProperties: Map<string | number | symbol, unknown>) {
|
public async firstUpdated(_changedProperties: Map<string | number | symbol, unknown>) {
|
||||||
domtools.plugins.smartdelay.delayFor(0).then(async () => {
|
|
||||||
this.documentSettings = {
|
|
||||||
...defaultDocumentSettings,
|
|
||||||
...this.documentSettings,
|
|
||||||
}
|
|
||||||
|
|
||||||
while (false) {
|
|
||||||
await domtools.plugins.smartdelay.delayFor(1000);
|
|
||||||
this.letterData = {
|
|
||||||
...this.letterData,
|
|
||||||
content: {
|
|
||||||
...this.letterData.content,
|
|
||||||
invoiceData: {
|
|
||||||
...this.letterData.content.invoiceData,
|
|
||||||
items: [
|
|
||||||
...this.letterData.content.invoiceData.items,
|
|
||||||
{
|
|
||||||
name: 'Test Item',
|
|
||||||
unitQuantity: 1,
|
|
||||||
unitNetPrice: 100,
|
|
||||||
unitType: 'hours',
|
|
||||||
vatPercentage: 19,
|
|
||||||
position: 1,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
const resizeObserver = new ResizeObserver((entries) => {
|
const resizeObserver = new ResizeObserver((entries) => {
|
||||||
for (const entry of entries) {
|
for (const entry of entries) {
|
||||||
const width = entry.contentRect.width;
|
const width = entry.contentRect.width;
|
||||||
@ -157,37 +112,26 @@ export class DeDocument extends DeesElement {
|
|||||||
this.registerGarbageFunction(() => {
|
this.registerGarbageFunction(() => {
|
||||||
resizeObserver.disconnect();
|
resizeObserver.disconnect();
|
||||||
})
|
})
|
||||||
|
|
||||||
|
if (this.letterDataUrl) {
|
||||||
|
const response = await fetch(this.letterDataUrl);
|
||||||
|
this.letterData = await response.json();
|
||||||
|
}
|
||||||
|
this.renderDocument();
|
||||||
}
|
}
|
||||||
|
|
||||||
public latestDocumentSettings: plugins.shared.interfaces.IDocumentSettings = null;
|
|
||||||
public latestRenderedLetterData: plugins.tsclass.business.ILetter = null;
|
public latestRenderedLetterData: plugins.tsclass.business.ILetter = null;
|
||||||
public cleanupStore: any[] = [];
|
|
||||||
|
|
||||||
|
|
||||||
public async renderDocument() {
|
public async renderDocument() {
|
||||||
|
|
||||||
this.latestDocumentSettings = this.documentSettings;
|
|
||||||
this.latestRenderedLetterData = this.letterData;
|
|
||||||
|
|
||||||
const cleanUpStoreCurrentRender = [];
|
|
||||||
const cleanUpStoreNextRender = [];
|
|
||||||
|
|
||||||
const domtools = await this.domtoolsPromise;
|
const domtools = await this.domtoolsPromise;
|
||||||
const documentBuildContainer = document.createElement('div');
|
const documentContainer = this.shadowRoot.querySelector('.documentContainer');
|
||||||
cleanUpStoreCurrentRender.push(documentBuildContainer);
|
|
||||||
document.body.appendChild(documentBuildContainer);
|
|
||||||
|
|
||||||
let pages: DePage[] = [];
|
let pages: DePage[] = [];
|
||||||
let pageCounter = 0;
|
let pageCounter = 0;
|
||||||
let complete = false;
|
let complete = false;
|
||||||
|
const content: DeContentInvoice = document.createElement(
|
||||||
// lets append the content
|
'dedocument-contentinvoice'
|
||||||
const content: DeContentInvoice = new DeContentInvoice();
|
) as DeContentInvoice;
|
||||||
cleanUpStoreCurrentRender.push(content);
|
|
||||||
content.letterData = this.letterData;
|
content.letterData = this.letterData;
|
||||||
content.documentSettings = this.documentSettings;
|
|
||||||
document.body.appendChild(content);
|
document.body.appendChild(content);
|
||||||
|
|
||||||
await domtools.convenience.smartdelay.delayFor(0);
|
await domtools.convenience.smartdelay.delayFor(0);
|
||||||
let overallContentOffset: number = 0;
|
let overallContentOffset: number = 0;
|
||||||
let currentContentOffset: number;
|
let currentContentOffset: number;
|
||||||
@ -195,20 +139,20 @@ export class DeDocument extends DeesElement {
|
|||||||
while (!complete) {
|
while (!complete) {
|
||||||
pageCounter++;
|
pageCounter++;
|
||||||
const currentContent = content.cloneNode(true) as DeContentInvoice;
|
const currentContent = content.cloneNode(true) as DeContentInvoice;
|
||||||
cleanUpStoreNextRender.push(currentContent);
|
|
||||||
const newPage = new DePage();
|
const newPage = new DePage();
|
||||||
newPage.printMode = this.printMode;
|
newPage.printMode = this.printMode;
|
||||||
newPage.letterData = this.letterData;
|
newPage.letterData = this.letterData;
|
||||||
newPage.documentSettings = this.documentSettings;
|
|
||||||
pages.push(newPage);
|
pages.push(newPage);
|
||||||
newPage.pageNumber = pageCounter;
|
newPage.pageNumber = pageCounter;
|
||||||
newPage.append(currentContent);
|
newPage.append(currentContent);
|
||||||
newPage.pageTotalNumber = pageCounter;
|
newPage.pageTotalNumber = pageCounter;
|
||||||
|
documentContainer.append(newPage);
|
||||||
// store current page
|
// betweenPagesSpacer
|
||||||
cleanUpStoreNextRender.push(newPage);
|
if (!this.printMode) {
|
||||||
documentBuildContainer.append(newPage);
|
const betweenPagesSpacerDiv = document.createElement('div');
|
||||||
|
betweenPagesSpacerDiv.classList.add('betweenPagesSpacer');
|
||||||
|
documentContainer.append(betweenPagesSpacerDiv);
|
||||||
|
}
|
||||||
await currentContent.elementDomReady;
|
await currentContent.elementDomReady;
|
||||||
await currentContent.trimStartToOffset(overallContentOffset);
|
await currentContent.trimStartToOffset(overallContentOffset);
|
||||||
let newPageOverflows = await newPage.checkOverflow();
|
let newPageOverflows = await newPage.checkOverflow();
|
||||||
@ -223,43 +167,22 @@ export class DeDocument extends DeesElement {
|
|||||||
if (trimmed === 0) {
|
if (trimmed === 0) {
|
||||||
complete = true;
|
complete = true;
|
||||||
}
|
}
|
||||||
|
// complete = true;
|
||||||
|
console.log(currentContentOffset);
|
||||||
}
|
}
|
||||||
|
document.body.removeChild(content);
|
||||||
|
|
||||||
for (const cleanUp of this.cleanupStore) {
|
|
||||||
cleanUp.remove();
|
|
||||||
}
|
|
||||||
this.cleanupStore = cleanUpStoreNextRender
|
|
||||||
|
|
||||||
cleanUpStoreCurrentRender.forEach((cleanUp) => {
|
|
||||||
cleanUp.remove();
|
|
||||||
});
|
|
||||||
|
|
||||||
const documentContainer = this.shadowRoot.querySelector('.documentContainer');
|
|
||||||
if (documentContainer) {
|
|
||||||
const children = Array.from(documentContainer.children);
|
|
||||||
children.forEach((child) => {
|
|
||||||
documentContainer.removeChild(child);
|
|
||||||
child.remove();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
for (const page of pages) {
|
for (const page of pages) {
|
||||||
page.pageTotalNumber = pageCounter;
|
page.pageTotalNumber = pageCounter;
|
||||||
documentContainer.append(page);
|
|
||||||
// betweenPagesSpacer
|
|
||||||
if (!this.printMode) {
|
|
||||||
const betweenPagesSpacerDiv = document.createElement('div');
|
|
||||||
betweenPagesSpacerDiv.classList.add('betweenPagesSpacer');
|
|
||||||
documentContainer.appendChild(betweenPagesSpacerDiv);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
this.adjustDePageScaling();
|
this.adjustDePageScaling();
|
||||||
|
this.latestRenderedLetterData = this.letterData;
|
||||||
}
|
}
|
||||||
|
|
||||||
async updated(changedProperties: Map<string | number | symbol, unknown>): Promise<void> {
|
async updated(changedProperties: Map<string | number | symbol, unknown>): void {
|
||||||
super.updated(changedProperties);
|
super.updated(changedProperties);
|
||||||
const domtools = await this.domtoolsPromise;
|
const domtools = await this.domtoolsPromise;
|
||||||
let renderedDocIsUpToDate = domtools.convenience.smartjson.deepEqualObjects(this.letterData, this.latestRenderedLetterData)
|
const renderedDocIsUpToDate = domtools.convenience.smartjson.deepEqualObjects(this.letterData, this.latestRenderedLetterData);
|
||||||
&& domtools.convenience.smartjson.deepEqualObjects(this.documentSettings, this.latestDocumentSettings);
|
|
||||||
if (!renderedDocIsUpToDate) {
|
if (!renderedDocIsUpToDate) {
|
||||||
this.renderDocument();
|
this.renderDocument();
|
||||||
}
|
}
|
||||||
@ -284,6 +207,7 @@ export class DeDocument extends DeesElement {
|
|||||||
}
|
}
|
||||||
if (this.viewWidth) {
|
if (this.viewWidth) {
|
||||||
page.viewWidth = this.viewWidth;
|
page.viewWidth = this.viewWidth;
|
||||||
|
console.log('setting viewWidth: ', this.viewWidth);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|||||||
@ -7,3 +7,5 @@ export * from './pagecontent.js';
|
|||||||
export * from './pagefooter.js';
|
export * from './pagefooter.js';
|
||||||
export * from './pageheader.js';
|
export * from './pageheader.js';
|
||||||
export * from './viewer.js';
|
export * from './viewer.js';
|
||||||
|
|
||||||
|
export * from './shared/index.js';
|
||||||
@ -7,11 +7,11 @@ import {
|
|||||||
css,
|
css,
|
||||||
cssManager,
|
cssManager,
|
||||||
unsafeCSS,
|
unsafeCSS,
|
||||||
domtools,
|
|
||||||
} from '@design.estate/dees-element';
|
} from '@design.estate/dees-element';
|
||||||
|
import * as domtools from '@design.estate/dees-domtools';
|
||||||
|
|
||||||
import * as plugins from '../plugins.js';
|
import * as shared from './shared/index.js';
|
||||||
import { dedocumentSharedStyle } from '../style.js';
|
import * as tsclass from '@tsclass/tsclass';
|
||||||
|
|
||||||
declare global {
|
declare global {
|
||||||
interface HTMLElementTagNameMap {
|
interface HTMLElementTagNameMap {
|
||||||
@ -22,14 +22,14 @@ declare global {
|
|||||||
@customElement('dedocument-letterheader')
|
@customElement('dedocument-letterheader')
|
||||||
export class DeLetterHeader extends DeesElement {
|
export class DeLetterHeader extends DeesElement {
|
||||||
public static demo = () => html`
|
public static demo = () => html`
|
||||||
<dedocument-letterheader .format="${'a4'}" .letterData=${plugins.shared.demoLetter}></dedocument-letterheader>
|
<dedocument-letterheader .format="${'a4'}" .letterData=${shared.demoLetter}></dedocument-letterheader>
|
||||||
`;
|
`;
|
||||||
|
|
||||||
@property({
|
@property({
|
||||||
type: Object,
|
type: Object,
|
||||||
reflect: true
|
reflect: true
|
||||||
})
|
})
|
||||||
public letterData: plugins.tsclass.business.ILetter;
|
public letterData: tsclass.business.ILetter;
|
||||||
|
|
||||||
@property({
|
@property({
|
||||||
type: Number,
|
type: Number,
|
||||||
@ -50,7 +50,6 @@ export class DeLetterHeader extends DeesElement {
|
|||||||
|
|
||||||
public static styles = [
|
public static styles = [
|
||||||
domtools.elementBasic.staticStyles,
|
domtools.elementBasic.staticStyles,
|
||||||
dedocumentSharedStyle,
|
|
||||||
css`
|
css`
|
||||||
:host {
|
:host {
|
||||||
color: #333;
|
color: #333;
|
||||||
@ -61,7 +60,7 @@ export class DeLetterHeader extends DeesElement {
|
|||||||
display: block;
|
display: block;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
top: 200px;
|
top: 200px;
|
||||||
right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
|
right: ${unsafeCSS(shared.rightMargin + 'px')};
|
||||||
width: 200px;
|
width: 200px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@ -75,14 +74,14 @@ export class DeLetterHeader extends DeesElement {
|
|||||||
.date {
|
.date {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 180px;
|
top: 180px;
|
||||||
right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
|
right: ${unsafeCSS(shared.rightMargin + 'px')};
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.address {
|
.address {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 180px;
|
top: 180px;
|
||||||
left: ${unsafeCSS(plugins.shared.leftMargin + 'px')};
|
left: ${unsafeCSS(shared.leftMargin + 'px')};
|
||||||
}
|
}
|
||||||
|
|
||||||
.address .from {
|
.address .from {
|
||||||
|
|||||||
@ -8,12 +8,10 @@ import {
|
|||||||
css,
|
css,
|
||||||
cssManager,
|
cssManager,
|
||||||
unsafeCSS,
|
unsafeCSS,
|
||||||
domtools,
|
|
||||||
} from '@design.estate/dees-element';
|
} from '@design.estate/dees-element';
|
||||||
|
import * as domtools from '@design.estate/dees-domtools';
|
||||||
|
|
||||||
import * as plugins from '../plugins.js';
|
import * as shared from './shared/index.js';
|
||||||
|
|
||||||
import { defaultDocumentSettings } from './document.js';
|
|
||||||
|
|
||||||
declare global {
|
declare global {
|
||||||
interface HTMLElementTagNameMap {
|
interface HTMLElementTagNameMap {
|
||||||
@ -25,14 +23,10 @@ declare global {
|
|||||||
export class DePage extends DeesElement {
|
export class DePage extends DeesElement {
|
||||||
public static demo = () => html` <dedocument-page .format="${'a4'}"></dedocument-page> `;
|
public static demo = () => html` <dedocument-page .format="${'a4'}"></dedocument-page> `;
|
||||||
|
|
||||||
@property({
|
@property()
|
||||||
type: Number,
|
|
||||||
})
|
|
||||||
viewWidth: number = null;
|
viewWidth: number = null;
|
||||||
|
|
||||||
@property({
|
@property()
|
||||||
type: Number,
|
|
||||||
})
|
|
||||||
viewHeight: number = null;
|
viewHeight: number = null;
|
||||||
|
|
||||||
@property({
|
@property({
|
||||||
@ -61,12 +55,6 @@ export class DePage extends DeesElement {
|
|||||||
})
|
})
|
||||||
printMode = false;
|
printMode = false;
|
||||||
|
|
||||||
@property({
|
|
||||||
type: Object,
|
|
||||||
reflect: true,
|
|
||||||
})
|
|
||||||
public documentSettings: plugins.shared.interfaces.IDocumentSettings = defaultDocumentSettings;
|
|
||||||
|
|
||||||
constructor() {
|
constructor() {
|
||||||
super();
|
super();
|
||||||
domtools.DomTools.setupDomTools();
|
domtools.DomTools.setupDomTools();
|
||||||
@ -77,7 +65,6 @@ export class DePage extends DeesElement {
|
|||||||
css`
|
css`
|
||||||
:host {
|
:host {
|
||||||
display: block;
|
display: block;
|
||||||
overflow: hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#scaleWrapper {
|
#scaleWrapper {
|
||||||
@ -121,62 +108,47 @@ export class DePage extends DeesElement {
|
|||||||
<div id="scaleWrapper">
|
<div id="scaleWrapper">
|
||||||
<dedocument-pagecontainer .printMode=${this.printMode}>
|
<dedocument-pagecontainer .printMode=${this.printMode}>
|
||||||
${this.letterData
|
${this.letterData
|
||||||
? html`
|
|
||||||
${this.documentSettings.enableDefaultHeader
|
|
||||||
? html`
|
? html`
|
||||||
<dedocument-pageheader
|
<dedocument-pageheader
|
||||||
.letterData=${this.letterData}
|
.letterData=${this.letterData}
|
||||||
.documentSettings=${this.documentSettings}
|
|
||||||
.pageNumber="${this.pageNumber}"
|
.pageNumber="${this.pageNumber}"
|
||||||
.pageTotalNumber="${this.pageTotalNumber}"
|
.pageTotalNumber="${this.pageTotalNumber}"
|
||||||
></dedocument-pageheader>
|
></dedocument-pageheader>
|
||||||
`
|
|
||||||
: ``}
|
|
||||||
${this.pageNumber === 1
|
${this.pageNumber === 1
|
||||||
? html`
|
? html`
|
||||||
<dedocument-letterheader
|
<dedocument-letterheader
|
||||||
.pageNumber="${this.pageNumber}"
|
.pageNumber="${this.pageNumber}"
|
||||||
.letterData=${this.letterData}
|
.letterData=${this.letterData}
|
||||||
.documentSettings=${this.documentSettings}
|
|
||||||
.pageTotalNumber="${this.pageTotalNumber}"
|
.pageTotalNumber="${this.pageTotalNumber}"
|
||||||
></dedocument-letterheader>
|
></dedocument-letterheader>
|
||||||
`
|
`
|
||||||
: html``}
|
: html``}
|
||||||
<dedocument-pagecontent
|
<dedocument-pagecontent
|
||||||
.letterData=${this.letterData}
|
|
||||||
.documentSettings=${this.documentSettings}
|
|
||||||
.pageNumber="${this.pageNumber}"
|
.pageNumber="${this.pageNumber}"
|
||||||
.pageTotalNumber="${this.pageTotalNumber}"
|
.pageTotalNumber="${this.pageTotalNumber}"
|
||||||
|
.letterData=${this.letterData}
|
||||||
><slot></slot
|
><slot></slot
|
||||||
></dedocument-pagecontent>
|
></dedocument-pagecontent>
|
||||||
${this.documentSettings.enableDefaultFooter
|
|
||||||
? html`
|
|
||||||
<dedocument-pagefooter
|
<dedocument-pagefooter
|
||||||
.letterData=${this.letterData}
|
.letterData=${this.letterData}
|
||||||
.documentSettings=${this.documentSettings}
|
|
||||||
.pageNumber="${this.pageNumber}"
|
.pageNumber="${this.pageNumber}"
|
||||||
.pageTotalNumber="${this.pageTotalNumber}"
|
.pageTotalNumber="${this.pageTotalNumber}"
|
||||||
></dedocument-pagefooter>
|
></dedocument-pagefooter>
|
||||||
`
|
|
||||||
: ``}
|
|
||||||
<div class="versionOverlay">
|
<div class="versionOverlay">
|
||||||
${this.letterData.versionInfo.type === 'draft'
|
${this.letterData.versionInfo.type === 'draft'
|
||||||
? html`
|
|
||||||
${this.documentSettings.enableTopDraftText
|
|
||||||
? html`
|
? html`
|
||||||
<div class="topInfo">
|
<div class="topInfo">
|
||||||
Please note: THIS IS A DRAFT ONLY. NO RIGHTS CAN BE DERIVED FROM
|
Please note: THIS IS A DRAFT ONLY. NO RIGHTS CAN BE DERIVED FROM THIS.<br />
|
||||||
THIS.<br />
|
|
||||||
-> Revision/Document version: ${this.letterData.versionInfo.version}
|
-> Revision/Document version: ${this.letterData.versionInfo.version}
|
||||||
</div>
|
</div>
|
||||||
`
|
|
||||||
: ``}
|
|
||||||
<div class="bigDraftText">DRAFT</div>
|
<div class="bigDraftText">DRAFT</div>
|
||||||
`
|
`
|
||||||
: html``}
|
: html``}
|
||||||
</div>
|
</div>
|
||||||
`
|
`
|
||||||
: html` <slot></slot> `}
|
: html`
|
||||||
|
<slot></slot>
|
||||||
|
`}
|
||||||
</dedocument-pagecontainer>
|
</dedocument-pagecontainer>
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
@ -196,21 +168,23 @@ export class DePage extends DeesElement {
|
|||||||
}
|
}
|
||||||
|
|
||||||
private adjustScaling() {
|
private adjustScaling() {
|
||||||
|
console.log('page scale adjustment triggered.');
|
||||||
const scaleWrapper: HTMLDivElement = this.shadowRoot.querySelector('#scaleWrapper');
|
const scaleWrapper: HTMLDivElement = this.shadowRoot.querySelector('#scaleWrapper');
|
||||||
|
|
||||||
if (!scaleWrapper) return;
|
if (!scaleWrapper) return;
|
||||||
|
|
||||||
let scale = 1;
|
let scale = 1;
|
||||||
if (this.viewHeight) {
|
if (this.viewHeight) {
|
||||||
scale = this.viewHeight / plugins.shared.a4Height;
|
scale = this.viewHeight / shared.a4Height;
|
||||||
} else if (this.viewWidth) {
|
} else if (this.viewWidth) {
|
||||||
scale = this.viewWidth / plugins.shared.a4Width;
|
scale = this.viewWidth / shared.a4Width;
|
||||||
}
|
}
|
||||||
|
console.log(`new scale is ${scale}`);
|
||||||
scaleWrapper.style.transform = `scale(${scale})`;
|
scaleWrapper.style.transform = `scale(${scale})`;
|
||||||
|
|
||||||
// Adjust the outer dimensions so they match the scaled content
|
// Adjust the outer dimensions so they match the scaled content
|
||||||
|
|
||||||
this.style.width = `${plugins.shared.a4Width * scale}px`;
|
// this.style.width = `${shared.a4Width * scale}px`;
|
||||||
this.style.height = `${plugins.shared.a4Height * scale}px`;
|
this.style.height = `${shared.a4Height * scale}px`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -10,7 +10,7 @@ import {
|
|||||||
} from '@design.estate/dees-element';
|
} from '@design.estate/dees-element';
|
||||||
import * as domtools from '@design.estate/dees-domtools';
|
import * as domtools from '@design.estate/dees-domtools';
|
||||||
|
|
||||||
import * as plugins from '../plugins.js';
|
import * as shared from './shared/index.js';
|
||||||
|
|
||||||
declare global {
|
declare global {
|
||||||
interface HTMLElementTagNameMap {
|
interface HTMLElementTagNameMap {
|
||||||
@ -47,8 +47,8 @@ export class DePageContainer extends DeesElement {
|
|||||||
background: white;
|
background: white;
|
||||||
color: #333;
|
color: #333;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
width: ${unsafeCSS(plugins.shared.a4Width + 'px')};
|
width: ${unsafeCSS(shared.a4Width + 'px')};
|
||||||
height: ${unsafeCSS(plugins.shared.a4Height + 'px')};
|
height: ${unsafeCSS(shared.a4Height + 'px')};
|
||||||
position: relative;
|
position: relative;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|||||||
@ -7,11 +7,11 @@ import {
|
|||||||
css,
|
css,
|
||||||
cssManager,
|
cssManager,
|
||||||
unsafeCSS,
|
unsafeCSS,
|
||||||
domtools,
|
|
||||||
} from '@design.estate/dees-element';
|
} from '@design.estate/dees-element';
|
||||||
|
import * as domtools from '@design.estate/dees-domtools';
|
||||||
|
|
||||||
import * as plugins from '../plugins.js';
|
import * as shared from './shared/index.js';
|
||||||
import { dedocumentSharedStyle } from '../style.js';
|
import * as tsclass from '@tsclass/tsclass';
|
||||||
|
|
||||||
declare global {
|
declare global {
|
||||||
interface HTMLElementTagNameMap {
|
interface HTMLElementTagNameMap {
|
||||||
@ -28,7 +28,7 @@ export class DePageContent extends DeesElement {
|
|||||||
@property({
|
@property({
|
||||||
type: Number,
|
type: Number,
|
||||||
})
|
})
|
||||||
public letterData: plugins.tsclass.business.ILetter;
|
public letterData: tsclass.business.ILetter;
|
||||||
|
|
||||||
@property({
|
@property({
|
||||||
type: Number,
|
type: Number,
|
||||||
@ -47,7 +47,6 @@ export class DePageContent extends DeesElement {
|
|||||||
|
|
||||||
public static styles = [
|
public static styles = [
|
||||||
domtools.elementBasic.staticStyles,
|
domtools.elementBasic.staticStyles,
|
||||||
dedocumentSharedStyle,
|
|
||||||
css`
|
css`
|
||||||
:host {
|
:host {
|
||||||
color: #333;
|
color: #333;
|
||||||
@ -56,8 +55,8 @@ export class DePageContent extends DeesElement {
|
|||||||
.content {
|
.content {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
||||||
left: ${unsafeCSS(plugins.shared.leftMargin + 'px')};
|
left: ${unsafeCSS(shared.leftMargin + 'px')};
|
||||||
right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
|
right: ${unsafeCSS(shared.rightMargin + 'px')};
|
||||||
bottom: 170px;
|
bottom: 170px;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
}
|
}
|
||||||
@ -138,8 +137,10 @@ export class DePageContent extends DeesElement {
|
|||||||
await this.elementDomReady;
|
await this.elementDomReady;
|
||||||
const contentContainer = this.shadowRoot.querySelector('.content');
|
const contentContainer = this.shadowRoot.querySelector('.content');
|
||||||
if (contentContainer.scrollHeight > contentContainer.clientHeight) {
|
if (contentContainer.scrollHeight > contentContainer.clientHeight) {
|
||||||
|
console.log('overflows');
|
||||||
return true;
|
return true;
|
||||||
} else {
|
} else {
|
||||||
|
console.log('does not overflow!');
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -7,11 +7,11 @@ import {
|
|||||||
css,
|
css,
|
||||||
cssManager,
|
cssManager,
|
||||||
unsafeCSS,
|
unsafeCSS,
|
||||||
domtools,
|
|
||||||
} from '@design.estate/dees-element';
|
} from '@design.estate/dees-element';
|
||||||
|
import * as domtools from '@design.estate/dees-domtools';
|
||||||
|
|
||||||
import * as plugins from '../plugins.js';
|
import * as shared from './shared/index.js';
|
||||||
import { dedocumentSharedStyle } from '../style.js';
|
import * as tsclass from '@tsclass/tsclass';
|
||||||
|
|
||||||
declare global {
|
declare global {
|
||||||
interface HTMLElementTagNameMap {
|
interface HTMLElementTagNameMap {
|
||||||
@ -28,13 +28,7 @@ export class DePageFooter extends DeesElement {
|
|||||||
@property({
|
@property({
|
||||||
type: Object,
|
type: Object,
|
||||||
})
|
})
|
||||||
letterData: plugins.tsclass.business.ILetter;
|
letterData: tsclass.business.ILetter;
|
||||||
|
|
||||||
@property({
|
|
||||||
type: Object,
|
|
||||||
reflect: true,
|
|
||||||
})
|
|
||||||
documentSettings: plugins.shared.interfaces.IDocumentSettings;
|
|
||||||
|
|
||||||
@property({
|
@property({
|
||||||
type: Number
|
type: Number
|
||||||
@ -53,7 +47,6 @@ export class DePageFooter extends DeesElement {
|
|||||||
|
|
||||||
public static styles = [
|
public static styles = [
|
||||||
domtools.elementBasic.staticStyles,
|
domtools.elementBasic.staticStyles,
|
||||||
dedocumentSharedStyle,
|
|
||||||
css`
|
css`
|
||||||
:host {
|
:host {
|
||||||
color: #333;
|
color: #333;
|
||||||
@ -68,7 +61,7 @@ export class DePageFooter extends DeesElement {
|
|||||||
right: 0px;
|
right: 0px;
|
||||||
height: 130px;
|
height: 130px;
|
||||||
content: '';
|
content: '';
|
||||||
padding: 30px ${unsafeCSS(plugins.shared.rightMargin + 'px')} 10px ${unsafeCSS(plugins.shared.leftMargin + 'px')};
|
padding: 30px ${unsafeCSS(shared.rightMargin + 'px')} 10px ${unsafeCSS(shared.leftMargin + 'px')};
|
||||||
grid-template-columns: calc(100% / 4) calc(100% / 4) calc(100% / 4) calc(100% / 4);
|
grid-template-columns: calc(100% / 4) calc(100% / 4) calc(100% / 4) calc(100% / 4);
|
||||||
grid-gap: 5px;
|
grid-gap: 5px;
|
||||||
border-top: 2px solid #e4002b;
|
border-top: 2px solid #e4002b;
|
||||||
@ -77,7 +70,7 @@ export class DePageFooter extends DeesElement {
|
|||||||
.bottomstripe .pageNumber {
|
.bottomstripe .pageNumber {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
|
right: ${unsafeCSS(shared.rightMargin + 'px')};
|
||||||
background: #e4002b;
|
background: #e4002b;
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
font-size: 9px;
|
font-size: 9px;
|
||||||
@ -88,7 +81,7 @@ export class DePageFooter extends DeesElement {
|
|||||||
.bottomstripe .documentTitle {
|
.bottomstripe .documentTitle {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -18px;
|
top: -18px;
|
||||||
right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
|
right: ${unsafeCSS(shared.rightMargin + 'px')};
|
||||||
background: #dddddd;
|
background: #dddddd;
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
font-size: 9px;
|
font-size: 9px;
|
||||||
@ -103,26 +96,26 @@ export class DePageFooter extends DeesElement {
|
|||||||
return html`
|
return html`
|
||||||
<div class="bottomstripe">
|
<div class="bottomstripe">
|
||||||
<div>
|
<div>
|
||||||
<strong>${plugins.shared.translation.translate(this.documentSettings.languageCode, 'address', 'Address')}:</strong><br />
|
<strong>Address:</strong><br />
|
||||||
${this.letterData.from.name}<br />
|
${this.letterData.from.name}<br />
|
||||||
${this.letterData.from.address.streetName} ${this.letterData.from.address.houseNumber}<br />
|
${this.letterData.from.address.streetName} ${this.letterData.from.address.houseNumber}<br />
|
||||||
${this.letterData.from.address.postalCode} ${this.letterData.from.address.city}<br />
|
${this.letterData.from.address.postalCode} ${this.letterData.from.address.city}<br />
|
||||||
${this.letterData.from.address.country}
|
${this.letterData.from.address.country}
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<strong>${plugins.shared.translation.translate(this.documentSettings.languageCode, 'registrationInfo', 'Registration Info')}:</strong><br />
|
<strong>Registration Info:</strong><br />
|
||||||
Amtsgericht Bremen<br />
|
Amtsgericht Bremen<br />
|
||||||
<i>reg-#:</i> HRB 35230 HB<br />
|
<i>reg-#:</i> HRB 35230 HB<br />
|
||||||
<i>vat-id:</i> ${this.letterData.from.vatId}
|
<i>vat-id:</i> ${this.letterData.from.vatId}
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<strong>${plugins.shared.translation.translate(this.documentSettings.languageCode, 'contactInfo', 'Contact Info')}:</strong><br />
|
<strong>Contact Info:</strong><br />
|
||||||
<i>email:</i> ${this.letterData.from.email}<br />
|
<i>email:</i> ${this.letterData.from.email}<br />
|
||||||
<i>phone:</i> ${this.letterData.from.phone}<br />
|
<i>phone:</i> ${this.letterData.from.phone}<br />
|
||||||
<i>fax:</i> ${this.letterData.from.fax}
|
<i>fax:</i> ${this.letterData.from.fax}
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<strong>${plugins.shared.translation.translate(this.documentSettings.languageCode, 'bankConnection', 'Bank Connection')}:</strong><br />
|
<strong>Bank Connection:</strong><br />
|
||||||
<i>beneficiary:</i> ${this.letterData?.from?.name}<br />
|
<i>beneficiary:</i> ${this.letterData?.from?.name}<br />
|
||||||
<i>institution:</i> ${this.letterData?.from?.sepaConnection?.institution}<br />
|
<i>institution:</i> ${this.letterData?.from?.sepaConnection?.institution}<br />
|
||||||
<i>iban:</i> ${this.letterData?.from?.sepaConnection?.iban}<br />
|
<i>iban:</i> ${this.letterData?.from?.sepaConnection?.iban}<br />
|
||||||
|
|||||||
@ -7,11 +7,11 @@ import {
|
|||||||
css,
|
css,
|
||||||
cssManager,
|
cssManager,
|
||||||
unsafeCSS,
|
unsafeCSS,
|
||||||
domtools
|
|
||||||
} from '@design.estate/dees-element';
|
} from '@design.estate/dees-element';
|
||||||
|
import * as domtools from '@design.estate/dees-domtools';
|
||||||
|
|
||||||
import * as plugins from '../plugins.js';
|
import * as shared from './shared/index.js';
|
||||||
import { dedocumentSharedStyle } from '../style.js';
|
import * as tsclass from '@tsclass/tsclass';
|
||||||
|
|
||||||
declare global {
|
declare global {
|
||||||
interface HTMLElementTagNameMap {
|
interface HTMLElementTagNameMap {
|
||||||
@ -28,13 +28,7 @@ export class DePageHeader extends DeesElement {
|
|||||||
@property({
|
@property({
|
||||||
type: Object,
|
type: Object,
|
||||||
})
|
})
|
||||||
public letterData: plugins.tsclass.business.ILetter = null;
|
public letterData: tsclass.business.ILetter = null;
|
||||||
|
|
||||||
@property({
|
|
||||||
type: Object,
|
|
||||||
reflect: true,
|
|
||||||
})
|
|
||||||
documentSettings: plugins.shared.interfaces.IDocumentSettings;
|
|
||||||
|
|
||||||
@property({
|
@property({
|
||||||
type: Number,
|
type: Number,
|
||||||
@ -53,7 +47,6 @@ export class DePageHeader extends DeesElement {
|
|||||||
|
|
||||||
public static styles = [
|
public static styles = [
|
||||||
domtools.elementBasic.staticStyles,
|
domtools.elementBasic.staticStyles,
|
||||||
dedocumentSharedStyle,
|
|
||||||
css`
|
css`
|
||||||
:host {
|
:host {
|
||||||
color: #333;
|
color: #333;
|
||||||
@ -75,23 +68,19 @@ export class DePageHeader extends DeesElement {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
top: 130px;
|
top: 130px;
|
||||||
left: auto;
|
left: auto;
|
||||||
right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
|
right: ${unsafeCSS(shared.rightMargin + 'px')};
|
||||||
height: 20px;
|
height: 20px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
color: #333;
|
color: #333;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
}
|
}
|
||||||
.topstripe .logo {
|
.topstripe img {
|
||||||
|
filter: invert(1);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 10px;
|
bottom: 10px;
|
||||||
height: 25px;
|
height: 25px;
|
||||||
left: auto;
|
left: auto;
|
||||||
right: ${unsafeCSS(plugins.shared.rightMargin + 'px')};
|
right: ${unsafeCSS(shared.rightMargin + 'px')};
|
||||||
font-family: 'Courier New', Courier, monospace;
|
|
||||||
}
|
|
||||||
.topstripe .logo img {
|
|
||||||
position: relative;
|
|
||||||
height: 25px;
|
|
||||||
}
|
}
|
||||||
`,
|
`,
|
||||||
];
|
];
|
||||||
@ -99,9 +88,7 @@ export class DePageHeader extends DeesElement {
|
|||||||
public render(): TemplateResult {
|
public render(): TemplateResult {
|
||||||
return html`
|
return html`
|
||||||
<div class="topstripe">
|
<div class="topstripe">
|
||||||
<div class="logo">
|
<img src="https://assetbroker.lossless.one/brandfiles/lossless/svg-minimal-bright.svg" />
|
||||||
No logo set!
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="topstripe2">${this.letterData?.from?.description || '[no letterData.from.description set]'}</div>
|
<div class="topstripe2">${this.letterData?.from?.description || '[no letterData.from.description set]'}</div>
|
||||||
`;
|
`;
|
||||||
|
|||||||
@ -1,7 +1,5 @@
|
|||||||
import * as plugins from './plugins.js';
|
import * as tsclass from '@tsclass/tsclass';
|
||||||
import * as interfaces from './interfaces/index.js';
|
const fromContact: tsclass.business.IContact = {
|
||||||
|
|
||||||
const fromContact: plugins.tsclass.business.IContact = {
|
|
||||||
name: 'Awesome From Company',
|
name: 'Awesome From Company',
|
||||||
type: 'company',
|
type: 'company',
|
||||||
description: 'a company that does stuff',
|
description: 'a company that does stuff',
|
||||||
@ -23,7 +21,7 @@ const fromContact: plugins.tsclass.business.IContact = {
|
|||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const toContact: plugins.tsclass.business.IContact = {
|
const toContact: tsclass.business.IContact = {
|
||||||
name: 'Awesome To GmbH',
|
name: 'Awesome To GmbH',
|
||||||
type: 'company',
|
type: 'company',
|
||||||
customerNumber: 'LL-CLIENT-123',
|
customerNumber: 'LL-CLIENT-123',
|
||||||
@ -38,7 +36,7 @@ const toContact: plugins.tsclass.business.IContact = {
|
|||||||
vatId: 'BE12345678',
|
vatId: 'BE12345678',
|
||||||
}
|
}
|
||||||
|
|
||||||
export const demoLetter: plugins.tsclass.business.ILetter = {
|
export const demoLetter: tsclass.business.ILetter = {
|
||||||
versionInfo: {
|
versionInfo: {
|
||||||
type: 'draft',
|
type: 'draft',
|
||||||
version: '1.0.0',
|
version: '1.0.0',
|
||||||
@ -61,13 +59,11 @@ export const demoLetter: plugins.tsclass.business.ILetter = {
|
|||||||
deliveryDate: new Date().getTime(),
|
deliveryDate: new Date().getTime(),
|
||||||
periodOfPerformance: null,
|
periodOfPerformance: null,
|
||||||
printResult: null,
|
printResult: null,
|
||||||
currency: 'EUR',
|
|
||||||
notes: [],
|
|
||||||
type: 'debitnote',
|
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
name: 'Item with 19% VAT',
|
name: 'Item with 19% VAT',
|
||||||
unitQuantity: 2,
|
unitQuantity: 1,
|
||||||
unitNetPrice: 100,
|
unitNetPrice: 100,
|
||||||
unitType: 'hours',
|
unitType: 'hours',
|
||||||
vatPercentage: 19,
|
vatPercentage: 19,
|
||||||
@ -75,7 +71,7 @@ export const demoLetter: plugins.tsclass.business.ILetter = {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Item with 7% VAT',
|
name: 'Item with 7% VAT',
|
||||||
unitQuantity: 4,
|
unitQuantity: 1,
|
||||||
unitNetPrice: 100,
|
unitNetPrice: 100,
|
||||||
unitType: 'hours',
|
unitType: 'hours',
|
||||||
vatPercentage: 7,
|
vatPercentage: 7,
|
||||||
@ -83,7 +79,7 @@ export const demoLetter: plugins.tsclass.business.ILetter = {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Item with 7% VAT',
|
name: 'Item with 7% VAT',
|
||||||
unitQuantity: 3,
|
unitQuantity: 1,
|
||||||
unitNetPrice: 230,
|
unitNetPrice: 230,
|
||||||
unitType: 'hours',
|
unitType: 'hours',
|
||||||
vatPercentage: 7,
|
vatPercentage: 7,
|
||||||
@ -99,14 +95,14 @@ export const demoLetter: plugins.tsclass.business.ILetter = {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Item with 0% VAT',
|
name: 'Item with 0% VAT',
|
||||||
unitQuantity: 6,
|
unitQuantity: 1,
|
||||||
unitNetPrice: 230,
|
unitNetPrice: 230,
|
||||||
unitType: 'hours',
|
unitType: 'hours',
|
||||||
vatPercentage: 0,
|
vatPercentage: 0,
|
||||||
position: 4,
|
position: 4,
|
||||||
},{
|
},{
|
||||||
name: 'Item with 19% VAT',
|
name: 'Item with 19% VAT',
|
||||||
unitQuantity: 8,
|
unitQuantity: 1,
|
||||||
unitNetPrice: 100,
|
unitNetPrice: 100,
|
||||||
unitType: 'hours',
|
unitType: 'hours',
|
||||||
vatPercentage: 19,
|
vatPercentage: 19,
|
||||||
@ -114,7 +110,7 @@ export const demoLetter: plugins.tsclass.business.ILetter = {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Item with 7% VAT',
|
name: 'Item with 7% VAT',
|
||||||
unitQuantity: 9,
|
unitQuantity: 1,
|
||||||
unitNetPrice: 100,
|
unitNetPrice: 100,
|
||||||
unitType: 'hours',
|
unitType: 'hours',
|
||||||
vatPercentage: 7,
|
vatPercentage: 7,
|
||||||
@ -122,7 +118,7 @@ export const demoLetter: plugins.tsclass.business.ILetter = {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Item with 7% VAT',
|
name: 'Item with 7% VAT',
|
||||||
unitQuantity: 4,
|
unitQuantity: 1,
|
||||||
unitNetPrice: 230,
|
unitNetPrice: 230,
|
||||||
unitType: 'hours',
|
unitType: 'hours',
|
||||||
vatPercentage: 7,
|
vatPercentage: 7,
|
||||||
@ -130,7 +126,7 @@ export const demoLetter: plugins.tsclass.business.ILetter = {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Item with 21% VAT',
|
name: 'Item with 21% VAT',
|
||||||
unitQuantity: 3,
|
unitQuantity: 1,
|
||||||
unitNetPrice: 230,
|
unitNetPrice: 230,
|
||||||
unitType: 'hours',
|
unitType: 'hours',
|
||||||
vatPercentage: 21,
|
vatPercentage: 21,
|
||||||
@ -144,54 +140,6 @@ export const demoLetter: plugins.tsclass.business.ILetter = {
|
|||||||
vatPercentage: 0,
|
vatPercentage: 0,
|
||||||
position: 10,
|
position: 10,
|
||||||
},
|
},
|
||||||
{
|
|
||||||
name: 'Item with 0% VAT',
|
|
||||||
unitQuantity: 1,
|
|
||||||
unitNetPrice: 230,
|
|
||||||
unitType: 'hours',
|
|
||||||
vatPercentage: 0,
|
|
||||||
position: 10,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'Item with 0% VAT',
|
|
||||||
unitQuantity: 1,
|
|
||||||
unitNetPrice: 230,
|
|
||||||
unitType: 'hours',
|
|
||||||
vatPercentage: 0,
|
|
||||||
position: 10,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'Item with 0% VAT',
|
|
||||||
unitQuantity: 1,
|
|
||||||
unitNetPrice: 230,
|
|
||||||
unitType: 'hours',
|
|
||||||
vatPercentage: 0,
|
|
||||||
position: 10,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'Item with 0% VAT',
|
|
||||||
unitQuantity: 1,
|
|
||||||
unitNetPrice: 230,
|
|
||||||
unitType: 'hours',
|
|
||||||
vatPercentage: 0,
|
|
||||||
position: 10,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'Item with 0% VAT',
|
|
||||||
unitQuantity: 1,
|
|
||||||
unitNetPrice: 230,
|
|
||||||
unitType: 'hours',
|
|
||||||
vatPercentage: 0,
|
|
||||||
position: 10,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'Item with 0% VAT',
|
|
||||||
unitQuantity: 1,
|
|
||||||
unitNetPrice: 230,
|
|
||||||
unitType: 'hours',
|
|
||||||
vatPercentage: 0,
|
|
||||||
position: 10,
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -210,10 +158,3 @@ export const demoLetter: plugins.tsclass.business.ILetter = {
|
|||||||
pdfAttachments: null,
|
pdfAttachments: null,
|
||||||
subject: 'Invoice: LL-INV-48765',
|
subject: 'Invoice: LL-INV-48765',
|
||||||
}
|
}
|
||||||
|
|
||||||
export const demoDocumentSettings: interfaces.IDocumentSettings = {
|
|
||||||
enableTopDraftText: true,
|
|
||||||
enableDefaultHeader: true,
|
|
||||||
enableDefaultFooter: true,
|
|
||||||
languageCode: 'DE',
|
|
||||||
};
|
|
||||||
6
ts_web/elements/shared/index.ts
Normal file
6
ts_web/elements/shared/index.ts
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
export const a4Height = 1122;
|
||||||
|
export const a4Width = 794;
|
||||||
|
export const rightMargin = 70;
|
||||||
|
export const leftMargin = 90;
|
||||||
|
|
||||||
|
export * from './demoletter.js';
|
||||||
@ -1,6 +1,6 @@
|
|||||||
import { html } from '@design.estate/dees-element';
|
import { html } from '@design.estate/dees-element';
|
||||||
import * as plugins from '../plugins.js';
|
import * as shared from './shared/index.js';
|
||||||
|
|
||||||
export const demoFunc = () => html`
|
export const demoFunc = () => html`
|
||||||
<dedocument-viewer .letterData=${plugins.shared.demoLetter} .documentSettings=${plugins.shared.demoDocumentSettings}></dedocument-viewer>
|
<dedocument-viewer .letterData=${shared.demoLetter}></dedocument-viewer>
|
||||||
`;
|
`;
|
||||||
@ -1,6 +1,6 @@
|
|||||||
import * as plugins from '../plugins.js';
|
import * as plugins from '../plugins.js';
|
||||||
|
|
||||||
import { DeesElement, css, cssManager, customElement, html, property } from '@design.estate/dees-element';
|
import { DeesElement, css, cssManager, customElement, html } from '@design.estate/dees-element';
|
||||||
import { demoFunc } from './viewer.demo.js';
|
import { demoFunc } from './viewer.demo.js';
|
||||||
|
|
||||||
declare global {
|
declare global {
|
||||||
@ -15,18 +15,8 @@ export class DeDocumentViewer extends DeesElement {
|
|||||||
public static demo = demoFunc;
|
public static demo = demoFunc;
|
||||||
|
|
||||||
// INSTANCE
|
// INSTANCE
|
||||||
@property({
|
|
||||||
type: Object,
|
|
||||||
reflect: true,
|
|
||||||
})
|
|
||||||
public letterData: plugins.tsclass.business.ILetter = null;
|
public letterData: plugins.tsclass.business.ILetter = null;
|
||||||
|
|
||||||
@property({
|
|
||||||
type: Object,
|
|
||||||
reflect: true,
|
|
||||||
})
|
|
||||||
public documentSettings: plugins.shared.interfaces.IDocumentSettings;
|
|
||||||
|
|
||||||
public static styles = [
|
public static styles = [
|
||||||
cssManager.defaultStyles,
|
cssManager.defaultStyles,
|
||||||
css`
|
css`
|
||||||
@ -77,7 +67,7 @@ export class DeDocumentViewer extends DeesElement {
|
|||||||
<div class="maincontainer">
|
<div class="maincontainer">
|
||||||
<div class="viewport">
|
<div class="viewport">
|
||||||
${this.letterData
|
${this.letterData
|
||||||
? html` <dedocument-dedocument .letterData=${this.letterData} .documentSettings=${this.documentSettings}></dedocument-dedocument> `
|
? html` <dedocument-dedocument .letterData=${this.letterData}></dedocument-dedocument> `
|
||||||
: html``}
|
: html``}
|
||||||
</div>
|
</div>
|
||||||
<div class="controls"></div>
|
<div class="controls"></div>
|
||||||
|
|||||||
@ -1,2 +0,0 @@
|
|||||||
export * from './page1.js';
|
|
||||||
export * from './page2.js';
|
|
||||||
@ -1,17 +0,0 @@
|
|||||||
import * as plugins from '../plugins.js';
|
|
||||||
import { html } from '@design.estate/dees-element';
|
|
||||||
|
|
||||||
export const page1 = () => html`
|
|
||||||
<style>
|
|
||||||
dedocument-dedocument {
|
|
||||||
margin: 16px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<dedocument-dedocument .printMode=${false} letterData=${plugins.smartjson.stringifyBase64({
|
|
||||||
...plugins.shared.demoLetter,
|
|
||||||
from: {
|
|
||||||
...plugins.shared.demoLetter.from,
|
|
||||||
description: 'a string set via stringified JSON'
|
|
||||||
}
|
|
||||||
} as plugins.tsclass.business.ILetter)}> </dedocument-dedocument>
|
|
||||||
`;
|
|
||||||
@ -1,18 +0,0 @@
|
|||||||
import { html } from "@design.estate/dees-element";
|
|
||||||
|
|
||||||
export const page2 = () => html`
|
|
||||||
<style>
|
|
||||||
.demoPort {
|
|
||||||
margin: auto;
|
|
||||||
width: 400px;
|
|
||||||
}
|
|
||||||
dedocument-page {
|
|
||||||
margin-top: 16px;
|
|
||||||
margin-bottom: 16px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<div class="demoPort">
|
|
||||||
<dedocument-page .format="${"a4"}" .viewWidth=${400}></dedocument-page>
|
|
||||||
<dedocument-page .format="${"a4"}" .viewWidth=${400}></dedocument-page>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
@ -1,8 +1,3 @@
|
|||||||
// dees-document scope
|
|
||||||
import * as shared from '../dist_ts_shared/index.js';
|
|
||||||
|
|
||||||
export { shared };
|
|
||||||
|
|
||||||
// tsclass scope
|
// tsclass scope
|
||||||
import * as tsclass from '@tsclass/tsclass';
|
import * as tsclass from '@tsclass/tsclass';
|
||||||
|
|
||||||
|
|||||||
@ -1,7 +0,0 @@
|
|||||||
import { css } from '@design.estate/dees-element';
|
|
||||||
|
|
||||||
export const dedocumentSharedStyle = css`
|
|
||||||
:host {
|
|
||||||
font-family: 'Exo 2';
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
{
|
|
||||||
"order": 3
|
|
||||||
}
|
|
||||||
@ -6,13 +6,7 @@
|
|||||||
"module": "NodeNext",
|
"module": "NodeNext",
|
||||||
"moduleResolution": "NodeNext",
|
"moduleResolution": "NodeNext",
|
||||||
"esModuleInterop": true,
|
"esModuleInterop": true,
|
||||||
"verbatimModuleSyntax": true,
|
"verbatimModuleSyntax": true
|
||||||
"baseUrl": ".",
|
|
||||||
"paths": {
|
|
||||||
"undefined": [
|
|
||||||
"./ts_web/index.js"
|
|
||||||
]
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
"exclude": [
|
"exclude": [
|
||||||
"dist_*/**/*.d.ts"
|
"dist_*/**/*.d.ts"
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user