@ndwnu/design-system 0.0.1-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +137 -0
- package/assets/fonts/ObjectSans-Bold.woff2 +0 -0
- package/assets/fonts/ObjectSans-Regular.woff2 +0 -0
- package/assets/icons/icons.json +94 -0
- package/assets/images/ndw-logo-short.svg +3 -0
- package/assets/images/ndw-logo.svg +3 -0
- package/assets/images/nwb-logo.svg +11 -0
- package/components/accordion/accordion.component.d.ts +11 -0
- package/components/accordion/accordion.service.d.ts +8 -0
- package/components/accordion/index.d.ts +2 -0
- package/components/badge/badge.component.d.ts +6 -0
- package/components/badge/index.d.ts +1 -0
- package/components/button/button.directive.d.ts +9 -0
- package/components/button/index.d.ts +1 -0
- package/components/card/card.component.d.ts +5 -0
- package/components/card/index.d.ts +1 -0
- package/components/collapsible/collapsible.component.d.ts +14 -0
- package/components/collapsible/index.d.ts +1 -0
- package/components/dropdown/dropdown.component.d.ts +21 -0
- package/components/dropdown/index.d.ts +1 -0
- package/components/error/error.component.d.ts +5 -0
- package/components/error/index.d.ts +1 -0
- package/components/form-field/form-field.component.d.ts +26 -0
- package/components/form-field/form-field.model.d.ts +5 -0
- package/components/form-field/index.d.ts +2 -0
- package/components/icon/icon.component.d.ts +14 -0
- package/components/icon/icon.model.d.ts +5 -0
- package/components/icon/icon.service.d.ts +9 -0
- package/components/icon/index.d.ts +3 -0
- package/components/index.d.ts +15 -0
- package/components/info/index.d.ts +1 -0
- package/components/info/info.component.d.ts +5 -0
- package/components/input/index.d.ts +2 -0
- package/components/input/input.directive.d.ts +12 -0
- package/components/input/input.model.d.ts +11 -0
- package/components/main-navigation/index.d.ts +2 -0
- package/components/main-navigation/main-navigation.component.d.ts +26 -0
- package/components/main-navigation/main-navigation.model.d.ts +13 -0
- package/components/main-navigation-menu/index.d.ts +1 -0
- package/components/main-navigation-menu/main-navigation-menu.component.d.ts +11 -0
- package/components/tab/index.d.ts +1 -0
- package/components/tab/tab.component.d.ts +12 -0
- package/components/tab-group/index.d.ts +1 -0
- package/components/tab-group/tab-group.component.d.ts +11 -0
- package/components/tooltip/index.d.ts +2 -0
- package/components/tooltip/tooltip.component.d.ts +6 -0
- package/components/tooltip/tooltip.directive.d.ts +13 -0
- package/core/styles/ndw-styles.scss +564 -0
- package/core/styles/nwb-styles.scss +564 -0
- package/esm2022/components/accordion/accordion.component.mjs +28 -0
- package/esm2022/components/accordion/accordion.service.mjs +20 -0
- package/esm2022/components/accordion/index.mjs +3 -0
- package/esm2022/components/badge/badge.component.mjs +14 -0
- package/esm2022/components/badge/index.mjs +2 -0
- package/esm2022/components/button/button.directive.mjs +36 -0
- package/esm2022/components/button/index.mjs +2 -0
- package/esm2022/components/card/card.component.mjs +11 -0
- package/esm2022/components/card/index.mjs +2 -0
- package/esm2022/components/collapsible/collapsible.component.mjs +48 -0
- package/esm2022/components/collapsible/index.mjs +2 -0
- package/esm2022/components/dropdown/dropdown.component.mjs +75 -0
- package/esm2022/components/dropdown/index.mjs +2 -0
- package/esm2022/components/error/error.component.mjs +14 -0
- package/esm2022/components/error/index.mjs +2 -0
- package/esm2022/components/form-field/form-field.component.mjs +88 -0
- package/esm2022/components/form-field/form-field.model.mjs +7 -0
- package/esm2022/components/form-field/index.mjs +3 -0
- package/esm2022/components/icon/icon.component.mjs +37 -0
- package/esm2022/components/icon/icon.model.mjs +2 -0
- package/esm2022/components/icon/icon.service.mjs +26 -0
- package/esm2022/components/icon/index.mjs +4 -0
- package/esm2022/components/index.mjs +16 -0
- package/esm2022/components/info/index.mjs +2 -0
- package/esm2022/components/info/info.component.mjs +11 -0
- package/esm2022/components/input/index.mjs +3 -0
- package/esm2022/components/input/input.directive.mjs +36 -0
- package/esm2022/components/input/input.model.mjs +13 -0
- package/esm2022/components/main-navigation/index.mjs +3 -0
- package/esm2022/components/main-navigation/main-navigation.component.mjs +88 -0
- package/esm2022/components/main-navigation/main-navigation.model.mjs +6 -0
- package/esm2022/components/main-navigation-menu/index.mjs +2 -0
- package/esm2022/components/main-navigation-menu/main-navigation-menu.component.mjs +26 -0
- package/esm2022/components/tab/index.mjs +2 -0
- package/esm2022/components/tab/tab.component.mjs +48 -0
- package/esm2022/components/tab-group/index.mjs +2 -0
- package/esm2022/components/tab-group/tab-group.component.mjs +36 -0
- package/esm2022/components/tooltip/index.mjs +3 -0
- package/esm2022/components/tooltip/tooltip.component.mjs +14 -0
- package/esm2022/components/tooltip/tooltip.directive.mjs +64 -0
- package/esm2022/ndwnu-design-system.mjs +5 -0
- package/esm2022/public-api.mjs +5 -0
- package/fesm2022/ndwnu-design-system.mjs +690 -0
- package/fesm2022/ndwnu-design-system.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/package.json +29 -0
- package/public-api.d.ts +1 -0
package/README.md
ADDED
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
# NDW design
|
|
2
|
+
|
|
3
|
+
This library is meant as a central place for all NDW or NDW related components and features. Its components are built in Angular and can be used in Angular projects accordingly.
|
|
4
|
+
|
|
5
|
+
Use the relevant library in your project, so you can contribute to the NDW look and feel while maintaining a uniformity across all NDW projects.
|
|
6
|
+
|
|
7
|
+
---
|
|
8
|
+
|
|
9
|
+
_Table of Contents_
|
|
10
|
+
|
|
11
|
+
1. [Structure](#structure)
|
|
12
|
+
2. [Usage](#usage)
|
|
13
|
+
3. [Setup environment](#setup-environment)
|
|
14
|
+
1. [Publishing](#publishing)
|
|
15
|
+
2. [Troubleshooting](#troubleshooting)
|
|
16
|
+
4. [Contribution](#contribution)
|
|
17
|
+
1. [Components](#components)
|
|
18
|
+
|
|
19
|
+
---
|
|
20
|
+
|
|
21
|
+
## Structure [](#structure)
|
|
22
|
+
|
|
23
|
+
This NDW library is part of the NDW design repository.
|
|
24
|
+
The repository contains libraries for the following NDW divisions;
|
|
25
|
+
|
|
26
|
+
- NDW
|
|
27
|
+
- NTM
|
|
28
|
+
- NWB and NWB+
|
|
29
|
+
|
|
30
|
+
Next to that it holds common libraries for components and core features, which can be used locally in this repository by other libraries.
|
|
31
|
+
|
|
32
|
+
## Usage [](#usage)
|
|
33
|
+
|
|
34
|
+
_WIP_
|
|
35
|
+
|
|
36
|
+
In your Angular project you can install the required libraries as dependencies just the same as you would install a regualr NPM package.
|
|
37
|
+
|
|
38
|
+
_Example_<br>
|
|
39
|
+
You set up a project with the NDW brand and want to include the NDW design library for shared components and styling.
|
|
40
|
+
|
|
41
|
+
In a terminal you can install the following package in the root of your project;
|
|
42
|
+
|
|
43
|
+
- `npm install -d @noway/ndw`
|
|
44
|
+
|
|
45
|
+
After installing first add the styles file to your `angular.json`;
|
|
46
|
+
|
|
47
|
+
```json
|
|
48
|
+
"projects": {
|
|
49
|
+
"[project-name]": {
|
|
50
|
+
// [...]
|
|
51
|
+
"architect": {
|
|
52
|
+
"build": {
|
|
53
|
+
// [...]
|
|
54
|
+
"options": {
|
|
55
|
+
"styles": [
|
|
56
|
+
"node_modules/@noway/ndw/core/styles/styles.scss",
|
|
57
|
+
]
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
Adding this line will incorporate the NWB styling in your project.
|
|
66
|
+
|
|
67
|
+
Next you can import the component(s) you need in your module or standalone component of choice;
|
|
68
|
+
|
|
69
|
+
```ts
|
|
70
|
+
import { ButtonComponent } from '@noway/ndw/components';
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
After this you can use the shared component and all its features.
|
|
74
|
+
|
|
75
|
+
## Setup environment [](#setup-environment)
|
|
76
|
+
|
|
77
|
+
### Publishing [](#publishing)
|
|
78
|
+
|
|
79
|
+
Publishing is done via Azure Artifacts, for this project the artifact used is _ndw-shared-npm_.
|
|
80
|
+
|
|
81
|
+
For publishing you need to add credentials to your local user .npmrc file.
|
|
82
|
+
Follow the steps for this as provided in the Azure environment for ndw-shared-npm;<br>
|
|
83
|
+
https://dev.azure.com/ndwnu/Frontend%20Guild/_artifacts/feed/ndw-shared-npm/connect
|
|
84
|
+
|
|
85
|
+
---
|
|
86
|
+
|
|
87
|
+
When generating a Personal Access Token, be sure to select "Full access" under "Scopes".
|
|
88
|
+
|
|
89
|
+
### Troubleshooting [](#troubleshooting)
|
|
90
|
+
|
|
91
|
+
**Q. _vsts-npm-auth_ is not working, how can I resolve this?**<br>
|
|
92
|
+
**A.** The _vsts-npm-auth_ plugin is only working for Windows, if you are using another OS click on "Other" under "Project setup".
|
|
93
|
+
|
|
94
|
+
If you are using Windows you should install the plugin globally first through NPM with the following command;<br>
|
|
95
|
+
`npm install -g vsts-npm-auth`
|
|
96
|
+
|
|
97
|
+
## Contribution [](#contribution)
|
|
98
|
+
|
|
99
|
+
_WIP_
|
|
100
|
+
|
|
101
|
+
### Components [](#components)
|
|
102
|
+
|
|
103
|
+
#### When is it reusable?
|
|
104
|
+
|
|
105
|
+
- Used more then once in different parts of a project,
|
|
106
|
+
- Used across different projects
|
|
107
|
+
- Generic and possible to be reused in the future
|
|
108
|
+
|
|
109
|
+
#### When is it a component?
|
|
110
|
+
|
|
111
|
+
- It uses functionality on top of HTML en CSS
|
|
112
|
+
- If it only uses HTML/CSS it should be considered to use an attribute or directive instead
|
|
113
|
+
- Its functionality is extending the functionality of a base HTML element
|
|
114
|
+
- It is certain a default HTML element is not providing the functionality needed
|
|
115
|
+
|
|
116
|
+
##### Example 1
|
|
117
|
+
|
|
118
|
+
- _Requirement_: Button with styling and event handling
|
|
119
|
+
- _Check: Similar component already existing?_<br>
|
|
120
|
+
**Yes**, the default HTML Button element
|
|
121
|
+
- _Check: New component needed?_<br>
|
|
122
|
+
**No**, the existing HTML Button element holds all functionality already and can be extended via an attribute which provides its own styling. In this way all functionality of the existing button can be utilized while visually displaying a custom button. No need to reinvent the wheel.
|
|
123
|
+
|
|
124
|
+
##### Example 2
|
|
125
|
+
|
|
126
|
+
- _Requirement_: Card with styling and features for header, content and footer
|
|
127
|
+
- _Check: Similar component already existing?_<br>
|
|
128
|
+
**No**<br>
|
|
129
|
+
- _Check: Does it have features or functionalities next to HTML and CSS?_<br>
|
|
130
|
+
**Yes**, you can change the background color via input.
|
|
131
|
+
- _Check: New component needed?_<br>
|
|
132
|
+
**Yes**, there is no similar component and extra functionality is required.
|
|
133
|
+
|
|
134
|
+
#### How should it be structured?
|
|
135
|
+
|
|
136
|
+
- Project primary text or content via `ng-content`
|
|
137
|
+
- Use `Input()`s for additional text and features
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
[
|
|
2
|
+
{
|
|
3
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M19 13.586V10C19 6.783 16.815 4.073 13.855 3.258C13.562 2.52 12.846 2 12 2C11.154 2 10.438 2.52 10.145 3.258C7.185 4.074 5 6.783 5 10V13.586L3.293 15.293C3.19996 15.3857 3.12617 15.4959 3.07589 15.6172C3.0256 15.7386 2.99981 15.8687 3 16V18C3 18.2652 3.10536 18.5196 3.29289 18.7071C3.48043 18.8946 3.73478 19 4 19H20C20.2652 19 20.5196 18.8946 20.7071 18.7071C20.8946 18.5196 21 18.2652 21 18V16C21.0002 15.8687 20.9744 15.7386 20.9241 15.6172C20.8738 15.4959 20.8 15.3857 20.707 15.293L19 13.586ZM19 17H5V16.414L6.707 14.707C6.80004 14.6143 6.87383 14.5041 6.92412 14.3828C6.9744 14.2614 7.00019 14.1313 7 14V10C7 7.243 9.243 5 12 5C14.757 5 17 7.243 17 10V14C17 14.266 17.105 14.52 17.293 14.707L19 16.414V17ZM12 22C12.6193 22.0008 13.2235 21.8086 13.7285 21.4502C14.2335 21.0917 14.6143 20.5849 14.818 20H9.182C9.38566 20.5849 9.76648 21.0917 10.2715 21.4502C10.7765 21.8086 11.3807 22.0008 12 22Z\" fill=\"currentColor\"/></svg>",
|
|
4
|
+
"name": "bell"
|
|
5
|
+
},
|
|
6
|
+
{
|
|
7
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M19 22H5C3.897 22 3 21.103 3 20V6C3 4.897 3.897 4 5 4H7V2H9V4H15V2H17V4H19C20.103 4 21 4.897 21 6V20C21 21.103 20.103 22 19 22ZM19.001 20L19 8H5V20H19.001ZM9 11H7V13H9V11ZM9 15H7V17H9V15ZM13 11H11V13H13V11ZM13 15H11V17H13V15ZM17 11H15V13H17V11ZM17 15H15V17H17V15Z\" fill=\"currentColor\"/></svg>",
|
|
8
|
+
"name": "calendar"
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9 19L17 12L9 5V19Z\" fill=\"currentColor\"/></svg>",
|
|
12
|
+
"name": "caret-right"
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M16.293 9.29303L12 13.586L7.70697 9.29303L6.29297 10.707L12 16.414L17.707 10.707L16.293 9.29303Z\" fill=\"currentColor\"/></svg>",
|
|
16
|
+
"name": "chevron-down"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M13.293 6.29303L7.586 12L13.293 17.707L14.707 16.293L10.414 12L14.707 7.70703L13.293 6.29303Z\" fill=\"currentColor\"/></svg>",
|
|
20
|
+
"name": "chevron-left"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10.707 17.707L16.414 12L10.707 6.29303L9.293 7.70703L13.586 12L9.293 16.293L10.707 17.707Z\" fill=\"currentColor\"/></svg>",
|
|
24
|
+
"name": "chevron-right"
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6.293 13.293L7.707 14.707L12 10.414L16.293 14.707L17.707 13.293L12 7.586L6.293 13.293Z\" fill=\"currentColor\"/></svg>",
|
|
28
|
+
"name": "chevron-up"
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2 12C2 6.486 6.486 2 12 2C17.514 2 22 6.486 22 12C22 17.514 17.514 22 12 22C6.486 22 2 17.514 2 12ZM4 12C4 16.411 7.589 20 12 20C16.411 20 20 16.411 20 12C20 7.589 16.411 4 12 4C7.589 4 4 7.589 4 12ZM11 12.414V7H13V11.586L15.707 14.293L14.293 15.707L11 12.414Z\" fill=\"currentColor\"/></svg>",
|
|
32
|
+
"name": "clock"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 3.138C12.742 3.138 13.42 3.545 13.768 4.2L21.107 18.064C21.2696 18.3685 21.35 18.7101 21.3406 19.0551C21.3311 19.4002 21.232 19.7369 21.053 20.032C20.688 20.638 20.047 21 19.339 21H4.66101C4.31596 21.0015 3.97647 20.9131 3.67606 20.7433C3.37565 20.5736 3.12471 20.3284 2.94801 20.032C2.76873 19.737 2.66946 19.4003 2.65999 19.0552C2.65052 18.7101 2.73118 18.3684 2.89401 18.064L10.232 4.201C10.58 3.545 11.258 3.138 12 3.138ZM12 5.137L4.66101 19H19.344L12 5.137ZM13.001 10H11.001V15H13.001V10ZM13 16H11V18H13V16Z\" fill=\"currentColor\"/></svg>",
|
|
36
|
+
"name": "error"
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M17.355 7.608C17.4761 8.80531 17.2131 10.0101 16.604 11.048C20.044 12.715 21 16.211 21 18H19C19 17.957 18.951 13.701 14.719 12.461L13.101 11.986L14.293 10.794C14.6823 10.4072 14.9806 9.9385 15.166 9.42198C15.3514 8.90546 15.4194 8.3541 15.365 7.808C15.247 6.633 14.566 5.576 13.447 4.834L14.552 3.168C16.18 4.247 17.176 5.824 17.355 7.608ZM13.5 8C13.5 10.206 11.706 12 9.5 12C7.294 12 5.5 10.206 5.5 8C5.5 5.794 7.294 4 9.5 4C11.706 4 13.5 5.794 13.5 8ZM11.5 8C11.5 6.897 10.603 6 9.5 6C8.397 6 7.5 6.897 7.5 8C7.5 9.103 8.397 10 9.5 10C10.603 10 11.5 9.103 11.5 8ZM2 19C2 15.691 4.691 13 8 13H11C14.309 13 17 15.691 17 19V20H15V19C15 16.794 13.206 15 11 15H8C5.794 15 4 16.794 4 19V20H2V19Z\" fill=\"currentColor\"/></svg>",
|
|
40
|
+
"name": "group"
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.293 6.29303L12.707 7.70703L8.414 12L12.707 16.293L11.293 17.707L5.586 12L11.293 6.29303ZM10.586 12L16.293 6.29303L17.707 7.70703L13.414 12L17.707 16.293L16.293 17.707L10.586 12Z\" fill=\"currentColor\"/></svg>",
|
|
44
|
+
"name": "guillemet-left"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2 12C2 6.486 6.486 2 12 2C17.514 2 22 6.486 22 12C22 17.514 17.514 22 12 22C6.486 22 2 17.514 2 12ZM4 12C4 16.411 7.589 20 12 20C16.411 20 20 16.411 20 12C20 7.589 16.411 4 12 4C7.589 4 4 7.589 4 12ZM9.21971 7.1537C9.95719 6.41622 10.957 6.00132 12 6C13.0429 6.00106 14.0429 6.4159 14.7802 7.15347C15.5176 7.89104 15.9322 8.89106 15.933 9.934C15.933 11.53 14.7569 12.4826 13.9779 13.1136L13.975 13.116C13.9613 13.1271 13.9476 13.1381 13.934 13.1491C13.7527 13.295 13.5795 13.4345 13.44 13.574C13.032 13.981 13 14.351 12.999 14.367L13 15H11V14.333C11 14.215 11.029 13.156 12.027 12.159C12.2473 11.948 12.4779 11.7481 12.718 11.56C13.453 10.966 13.934 10.532 13.934 9.934C13.934 8.867 13.066 8 12 8C10.934 8 10.066 8.867 10.066 9.934H8.066C8.06733 8.89104 8.48222 7.89118 9.21971 7.1537ZM13 18V16H11V18H13Z\" fill=\"currentColor\"/></svg>",
|
|
48
|
+
"name": "help"
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5 22H19C19.5304 22 20.0391 21.7893 20.4142 21.4142C20.7893 21.0391 21 20.5304 21 20V11C21.0008 10.8684 20.9755 10.7379 20.9258 10.6161C20.876 10.4943 20.8027 10.3834 20.71 10.29L12.71 2.29C12.5226 2.10375 12.2692 1.99921 12.005 1.99921C11.7408 1.99921 11.4874 2.10375 11.3 2.29L3.3 10.29C3.20551 10.3826 3.13034 10.4931 3.07885 10.6149C3.02735 10.7368 3.00055 10.8677 3 11V20C3 20.5304 3.21071 21.0391 3.58579 21.4142C3.96086 21.7893 4.46957 22 5 22ZM10 20V15H14V20H10ZM5 11.41L12 4.41L19 11.41V20H16V15C16 14.4696 15.7893 13.9609 15.4142 13.5858C15.0391 13.2107 14.5304 13 14 13H10C9.46957 13 8.96086 13.2107 8.58579 13.5858C8.21071 13.9609 8 14.4696 8 15V20H5V11.41Z\" fill=\"currentColor\"/></svg>",
|
|
52
|
+
"name": "home"
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2 12C2 6.486 6.486 2 12 2C17.514 2 22 6.486 22 12C22 17.514 17.514 22 12 22C6.486 22 2 17.514 2 12ZM4 12C4 16.411 7.589 20 12 20C16.411 20 20 16.411 20 12C20 7.589 16.411 4 12 4C7.589 4 4 7.589 4 12ZM13 17V11H11V17H13ZM13 9V7H11V9H13Z\" fill=\"currentColor\"/></svg>",
|
|
56
|
+
"name": "info"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M21.447 6.10498L15.447 3.10498C15.3081 3.03546 15.1549 2.99927 14.9995 2.99927C14.8441 2.99927 14.6909 3.03546 14.552 3.10498L9 5.88198L3.447 3.10498C3.2945 3.02878 3.12506 2.99283 2.95476 3.00054C2.78446 3.00825 2.61895 3.05938 2.47397 3.14905C2.32899 3.23873 2.20933 3.36398 2.12638 3.51291C2.04342 3.66184 1.99992 3.82951 2 3.99998V17C2 17.379 2.214 17.725 2.553 17.895L8.553 20.895C8.69193 20.9645 8.84515 21.0007 9.0005 21.0007C9.15585 21.0007 9.30907 20.9645 9.448 20.895L15 18.118L20.553 20.894C20.7051 20.9709 20.8744 21.0074 21.0446 20.9998C21.2149 20.9923 21.3803 20.941 21.525 20.851C21.82 20.668 22 20.347 22 20V6.99998C22 6.62098 21.786 6.27498 21.447 6.10498ZM10 7.61798L14 5.61798V16.382L10 18.382V7.61798ZM4 5.61798L8 7.61798V18.382L4 16.382V5.61798ZM20 18.382L16 16.382V5.61798L20 7.61798V18.382Z\" fill=\"currentColor\"/></svg>",
|
|
60
|
+
"name": "map"
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5 11H19V13H5V11Z\" fill=\"currentColor\"/></svg>",
|
|
64
|
+
"name": "minus"
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M18 11H13V6H16L12 2L8 6H11V11H6V8L2 12L6 16V13H11V18H8L12 22L16 18H13V13H18V16L22 12L18 8V11Z\" fill=\"currentColor\"/></svg>",
|
|
68
|
+
"name": "move"
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M19 11H13V5H11V11H5V13H11V19H13V13H19V11Z\" fill=\"currentColor\"/></svg>",
|
|
72
|
+
"name": "plus"
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2 14C2 8.486 6.486 4 12 4C17.514 4 22 8.486 22 14C22.0013 15.5434 21.6414 17.0656 20.949 18.445C20.779 18.785 20.432 19 20.053 19H3.946C3.567 19 3.221 18.785 3.051 18.445C2.35864 17.0656 1.99871 15.5434 2 14ZM4 14C3.99879 15.0289 4.19924 16.0481 4.59 17H19.41C19.8008 16.0481 20.0012 15.0289 20 14C20 9.589 16.411 6 12 6C7.589 6 4 9.589 4 14ZM10.4306 13.4916C10.5516 13.268 10.7263 13.0781 10.939 12.939L16.977 8.97699C16.9843 8.97246 16.9931 8.97096 17.0015 8.97283C17.01 8.9747 17.0173 8.97978 17.022 8.98699C17.0252 8.99228 17.0269 8.99833 17.0269 9.00449C17.0269 9.01066 17.0252 9.01671 17.022 9.02199L13.06 15.06C12.9498 15.2283 12.8074 15.3733 12.6411 15.4865C12.4748 15.5998 12.2878 15.6791 12.0908 15.72C11.8938 15.7608 11.6906 15.7624 11.493 15.7247C11.2953 15.6869 11.1071 15.6106 10.939 15.5C10.7263 15.3609 10.5516 15.171 10.4306 14.9474C10.3097 14.7238 10.2464 14.4737 10.2464 14.2195C10.2464 13.9653 10.3097 13.7151 10.4306 13.4916Z\" fill=\"currentColor\"/></svg>",
|
|
76
|
+
"name": "tachometer"
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6.5 20H14.844C15.1833 20.7118 15.6023 21.3828 16.093 22H6.5C4.019 22 2 19.981 2 17.5C2 15.019 4.019 13 6.5 13H13.5C14.327 13 15 12.327 15 11.5C15 10.673 14.327 10 13.5 10H7.285C7.81697 9.39164 8.27175 8.71988 8.639 8H13.5C15.43 8 17 9.57 17 11.5C17 13.43 15.43 15 13.5 15H6.5C5.121 15 4 16.121 4 17.5C4 18.879 5.121 20 6.5 20ZM2 5C2 3.346 3.346 2 5 2C6.654 2 8 3.346 8 5C8 8.187 5 10 5 10C5 10 2 8.188 2 5ZM4.42582 6.38559C4.60785 6.46106 4.80295 6.49993 5 6.5C5.39796 6.50013 5.77967 6.34217 6.06116 6.06087C6.34265 5.77956 6.50087 5.39796 6.501 5C6.50113 4.60204 6.34317 4.22033 6.06187 3.93884C5.78056 3.65735 5.39896 3.49913 5.001 3.499C4.80395 3.49893 4.60882 3.53768 4.42675 3.61303C4.24467 3.68837 4.07922 3.79884 3.93984 3.93813C3.80046 4.07742 3.68988 4.2428 3.61441 4.42482C3.53894 4.60685 3.50007 4.80195 3.5 4.999C3.49993 5.19605 3.53868 5.39118 3.61403 5.57325C3.68937 5.75533 3.79984 5.92078 3.93913 6.06016C4.07842 6.19954 4.2438 6.31012 4.42582 6.38559ZM16 17C16 15.346 17.346 14 19 14C20.654 14 22 15.346 22 17C22 20.187 19 22 19 22C19 22 16 20.188 16 17ZM18.4258 18.3856C18.6078 18.4611 18.803 18.4999 19 18.5C19.398 18.5001 19.7797 18.3422 20.0612 18.0609C20.3427 17.7796 20.5009 17.398 20.501 17C20.5011 16.602 20.3432 16.2203 20.0619 15.9388C19.7806 15.6573 19.399 15.4991 19.001 15.499C18.804 15.4989 18.6088 15.5377 18.4267 15.613C18.2447 15.6884 18.0792 15.7988 17.9398 15.9381C17.8005 16.0774 17.6899 16.2428 17.6144 16.4248C17.5389 16.6068 17.5001 16.802 17.5 16.999C17.4999 17.196 17.5387 17.3912 17.614 17.5733C17.6894 17.7553 17.7998 17.9208 17.9391 18.0602C18.0784 18.1995 18.2438 18.3101 18.4258 18.3856Z\" fill=\"currentColor\"/></svg>",
|
|
80
|
+
"name": "trip"
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V7.99999C21.0008 7.86838 20.9755 7.73792 20.9258 7.61608C20.876 7.49424 20.8027 7.38343 20.71 7.28999L16.71 3.28999C16.6166 3.1973 16.5057 3.12398 16.3839 3.07421C16.2621 3.02445 16.1316 2.99923 16 2.99999H5C4.46957 2.99999 3.96086 3.2107 3.58579 3.58577C3.21071 3.96085 3 4.46955 3 4.99999V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21ZM15 19H9V14H15V19ZM13 6.99999H11V4.99999H13V6.99999ZM5 4.99999H7V8.99999H15V4.99999H15.59L19 8.40999V19H17V14C17 13.4696 16.7893 12.9608 16.4142 12.5858C16.0391 12.2107 15.5304 12 15 12H9C8.46957 12 7.96086 12.2107 7.58579 12.5858C7.21071 12.9608 7 13.4696 7 14V19H5V4.99999Z\" fill=\"currentColor\"/></svg>",
|
|
84
|
+
"name": "save"
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10 18C11.775 17.9996 13.4988 17.4054 14.897 16.312L19.293 20.708L20.707 19.294L16.311 14.898C17.405 13.4997 17.9996 11.7754 18 10C18 5.589 14.411 2 10 2C5.589 2 2 5.589 2 10C2 14.411 5.589 18 10 18ZM10 4C13.309 4 16 6.691 16 10C16 13.309 13.309 16 10 16C6.691 16 4 13.309 4 10C4 6.691 6.691 4 10 4Z\" fill=\"currentColor\"/></svg>",
|
|
88
|
+
"name": "search"
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
"svg": "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V8H3V6H7V4C7 3.46957 7.21071 2.96086 7.58579 2.58579C7.96086 2.21071 8.46957 2 9 2H15C15.5304 2 16.0391 2.21071 16.4142 2.58579C16.7893 2.96086 17 3.46957 17 4V6H21V8H19V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142ZM15 4H9V6H15V4ZM17 8H8H7V20H17V8ZM11 10H9V18H11V10ZM15 10H13V18H15V10Z\" fill=\"currentColor\"/></svg>",
|
|
92
|
+
"name": "trash"
|
|
93
|
+
}
|
|
94
|
+
]
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M8.82397 0H0V4.28731H2.35042C1.90665 5.26084 1.67673 6.31971 1.67644 7.39133V14.1824H5.88454V7.32273C5.8671 6.92179 5.93029 6.52143 6.07029 6.1458C6.2103 5.77017 6.42421 5.42704 6.69914 5.1371C6.97407 4.84716 7.30433 4.61642 7.67 4.45878C8.03567 4.30114 8.42918 4.21987 8.8268 4.21987C9.22443 4.21987 9.61794 4.30114 9.98361 4.45878C10.3493 4.61642 10.6795 4.84716 10.9545 5.1371C11.2294 5.42704 11.4433 5.77017 11.5833 6.1458C11.7233 6.52143 11.7865 6.92179 11.7691 7.32273V14.1824H15.9998V7.32273C16.0065 6.36594 15.8261 5.41721 15.4688 4.53093C15.1116 3.64466 14.5845 2.83827 13.9179 2.15798C13.2512 1.4777 12.4581 0.936903 11.584 0.566592C10.7099 0.196281 9.77196 0.00373709 8.82397 0Z" fill="white"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg viewBox="0 0 64 22" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M30.6075 7.09518C29.6313 6.63508 28.5671 6.3964 27.4898 6.39591C25.468 6.42135 23.5386 7.25482 22.1246 8.71363C20.7106 10.1724 19.9273 12.1376 19.9465 14.1783C19.9181 15.195 20.092 16.207 20.4579 17.1547C20.8238 18.1023 21.3742 18.9663 22.0766 19.6955C22.7791 20.4248 23.6192 21.0044 24.5475 21.4002C25.4757 21.7961 26.4732 22 27.4808 22C28.4885 22 29.4859 21.7961 30.4142 21.4002C31.3424 21.0044 32.1826 20.4248 32.885 19.6955C33.5875 18.9663 34.1379 18.1023 34.5038 17.1547C34.8697 16.207 35.0436 15.195 35.0152 14.1783V0H30.6075V7.09518ZM27.4898 17.3431C26.8659 17.3502 26.2539 17.1704 25.7313 16.8263C25.2087 16.4823 24.799 15.9895 24.5539 15.4104C24.3089 14.8312 24.2396 14.1917 24.3548 13.5727C24.47 12.9538 24.7645 12.3833 25.2011 11.9334C25.6377 11.4834 26.1967 11.1743 26.8074 11.0452C27.418 10.916 28.0529 10.9726 28.6317 11.2078C29.2106 11.443 29.7072 11.8462 30.0589 12.3664C30.4106 12.8866 30.6015 13.5003 30.6075 14.1301C30.6138 14.9668 30.291 15.7719 29.7098 16.3686C29.1287 16.9654 28.3367 17.305 27.5077 17.313L27.4898 17.3431ZM59.4002 6.79359V14.0756C59.4186 14.4985 59.3519 14.9206 59.2043 15.3168C59.0566 15.7129 58.8311 16.0747 58.5411 16.3805C58.2512 16.6862 57.9029 16.9296 57.5173 17.0958C57.1317 17.262 56.7167 17.3477 56.2974 17.3477C55.8781 17.3477 55.4631 17.262 55.0775 17.0958C54.6919 16.9296 54.3437 16.6862 54.0537 16.3805C53.7638 16.0747 53.5382 15.7129 53.3906 15.3168C53.2429 14.9206 53.1763 14.4985 53.1947 14.0756V6.79359H48.7571V14.0274C48.7755 14.4502 48.7088 14.8724 48.5612 15.2685C48.4136 15.6647 48.188 16.0265 47.8981 16.3322C47.6081 16.638 47.2599 16.8813 46.8743 17.0476C46.4886 17.2138 46.0737 17.2995 45.6544 17.2995C45.235 17.2995 44.8201 17.2138 44.4345 17.0476C44.0489 16.8813 43.7006 16.638 43.4107 16.3322C43.1207 16.0265 42.8951 15.6647 42.7475 15.2685C42.5999 14.8724 42.5332 14.4502 42.5516 14.0274V6.79359H38.12V13.9973C38.1024 16.0359 38.8856 17.9986 40.2981 19.4559C41.7107 20.9133 43.6376 21.7466 45.6573 21.7736C46.6483 21.7737 47.6294 21.5744 48.5431 21.1873C49.4568 20.8002 50.2849 20.2331 50.9789 19.5191C51.6652 20.2442 52.4889 20.8227 53.4009 21.2203C54.313 21.618 55.295 21.8266 56.2885 21.8339C57.2861 21.826 58.2725 21.6199 59.1912 21.2272C60.11 20.8346 60.9431 20.2631 61.643 19.5455C62.3429 18.8279 62.8959 17.9781 63.2705 17.0448C63.645 16.1114 63.8337 15.1127 63.8258 14.1058V6.79359H59.4002ZM0 6.39622H9.30522C10.3049 6.40017 11.294 6.60321 12.2158 6.99372C13.1376 7.38423 13.9739 7.95452 14.6769 8.6719C15.3799 9.38929 15.9357 10.2397 16.3125 11.1743C16.6892 12.1089 16.8795 13.1094 16.8724 14.1183V21.3522H12.4109V14.1183C12.4293 13.6955 12.3627 13.2733 12.2151 12.8772C12.0674 12.4811 11.8418 12.1193 11.5519 11.8135C11.262 11.5077 10.9137 11.2644 10.5281 11.0982C10.1425 10.9319 9.72752 10.8462 9.30821 10.8462C8.8889 10.8462 8.47392 10.9319 8.08831 11.0982C7.7027 11.2644 7.35443 11.5077 7.06451 11.8135C6.77458 12.1193 6.549 12.4811 6.40136 12.8772C6.25372 13.2733 6.18709 13.6955 6.20547 14.1183V21.3522H1.76787V14.1907C1.76818 13.0606 2.01064 11.944 2.47861 10.9174H0V6.39622Z" fill="white"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<svg width="128" height="29" viewBox="0 0 128 29" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_3366_7030)">
|
|
3
|
+
<path d="M90.4205 11.2901V9.35305H85.9351V0.166031H83.5829V11.2901H90.4205ZM75.4872 6.69656C76.253 4.15076 76.7453 2.5458 76.9094 1.88168C76.9641 2.04771 77.0188 2.32443 77.1282 2.60114C77.2376 2.93321 77.6205 4.26145 78.3863 6.69656H75.4872ZM82.2154 11.2901L78.3316 0.110687H75.4872L71.6034 11.2901H74.1197L74.9402 8.63359H78.9333L79.7539 11.2901H82.2154ZM64.0547 6.69656C64.8205 4.15076 65.3128 2.5458 65.4769 1.88168C65.5316 2.04771 65.5863 2.32443 65.6957 2.60114C65.8051 2.93321 66.188 4.26145 66.9539 6.69656H64.0547ZM70.8376 11.2901L66.9539 0.110687H64.1094L60.1709 11.2901H62.6872L63.5077 8.63359H67.5009L68.3214 11.2901H70.8376ZM58.8034 0.166031H56.7248V5.42366C56.7248 6.03244 56.7795 7.02863 56.8342 8.46756H56.7795L51.9658 0.166031H49.012V11.2901H51.0906V6.08779C51.0906 5.47901 51.0359 4.37214 50.9265 2.87786H50.9812L55.7949 11.2901H58.7487V0.166031H58.8034ZM39.7128 2.93321C40.2051 2.32443 40.8615 1.99237 41.7915 1.99237C43.6513 1.99237 44.5812 3.26527 44.5812 5.75572C44.5812 8.24618 43.6513 9.51908 41.7915 9.51908C40.8615 9.51908 40.1504 9.18702 39.7128 8.57824C39.2205 7.96947 39.0017 7.02863 39.0017 5.75572C39.0017 4.48282 39.2752 3.54198 39.7128 2.93321ZM45.7299 1.49427C44.8547 0.498092 43.5419 0 41.8462 0C40.1504 0 38.8376 0.498091 37.9077 1.43893C36.9778 2.43511 36.5402 3.8187 36.5402 5.70038C36.5402 7.58206 36.9778 8.96565 37.9077 9.96183C38.8376 10.958 40.0957 11.4561 41.7915 11.4561C43.4872 11.4561 44.8 10.958 45.6752 9.96183C46.6051 8.96565 47.0427 7.52672 47.0427 5.70038C47.0427 3.87405 46.6051 2.49046 45.7299 1.49427ZM34.2974 0.166031H31.9453V11.2901H34.2974V0.166031ZM27.2957 2.1584H30.3043V0.166031H21.935V2.1584H24.9436V11.3454H27.2957V2.1584ZM15.3709 6.69656C16.1368 4.15076 16.6291 2.5458 16.7932 1.88168C16.8479 2.04771 16.9026 2.32443 17.012 2.60114C17.1214 2.93321 17.5043 4.26145 18.2701 6.69656H15.3709ZM22.0991 11.2901L18.2154 0.110687H15.3709L11.4872 11.2901H14.0034L14.8239 8.63359H18.8171L19.6376 11.2901H22.0991ZM9.79145 0.166031H7.65812V5.42366C7.65812 6.03244 7.71282 7.02863 7.76752 8.46756H7.71282L2.95385 0.166031H0V11.2901H2.07863V6.08779C2.07863 5.47901 2.02393 4.37214 1.91453 2.87786H1.96923L6.78291 11.2901H9.73675V0.166031H9.79145ZM94.8513 9.35305H101.306V11.2901H94.8513V9.35305ZM107.706 9.35305H114.161V11.2901H107.706V9.35305ZM120.615 9.35305H127.07V11.2901H120.615V9.35305Z" fill="#89B5B3"/>
|
|
4
|
+
<path d="M124.28 25.6241C123.843 26.1775 123.186 26.3989 122.311 26.3989H121.655V20.145H122.53C123.35 20.145 123.952 20.3664 124.335 20.8645C124.718 21.3626 124.937 22.1374 124.937 23.1336C124.937 24.2405 124.718 25.0706 124.28 25.6241ZM126.578 19.0935C125.593 18.1527 124.226 17.7099 122.475 17.7099H118.646V28.834H122.202C124.062 28.834 125.484 28.3359 126.468 27.3397C127.453 26.3435 128 24.9046 128 23.0229C128 21.3626 127.508 20.0344 126.578 19.0935ZM116.294 17.7099H113.668V22.7462C113.668 23.4103 113.723 24.3512 113.778 25.458H113.723L109.73 17.7099H105.846V28.834H108.472V23.7977C108.472 23.1336 108.417 22.1928 108.308 20.9752H108.362L112.41 28.834H116.294V17.7099ZM97.8598 24.2958C98.2974 22.5248 98.6256 21.3626 98.735 20.8092C98.8444 20.2004 98.9539 19.813 99.0086 19.5363C99.0633 19.813 99.1727 20.2557 99.3368 20.9199C99.5009 21.584 99.6103 22.0821 99.7197 22.4695L100.212 24.2958H97.8598ZM104.588 28.8893L100.978 17.7099H96.9846L93.3744 28.8893H96.6564L97.2034 26.7863H100.759L101.306 28.8893H104.588ZM90.8034 20.2004H93.4838V17.7099H85.1145V20.145H87.7949V28.834H90.7487V20.2004H90.8034ZM83.6923 23.6317C83.3094 23.1336 82.653 22.6908 81.7231 22.2481C80.7385 21.8054 80.1368 21.4733 79.918 21.3073C79.6992 21.1412 79.5897 20.9199 79.5897 20.6985C79.5897 20.4771 79.6991 20.3111 79.8633 20.2004C80.0274 20.0897 80.3009 19.979 80.6838 19.979C81.4496 19.979 82.3248 20.2004 83.3641 20.6985L84.294 18.3741C83.0906 17.8206 81.9419 17.5992 80.7932 17.5992C79.4803 17.5992 78.4957 17.876 77.7299 18.4847C77.0188 19.0382 76.6359 19.8683 76.6359 20.8645C76.6359 21.4179 76.7453 21.8607 76.9094 22.3034C77.0735 22.6908 77.347 23.0783 77.7299 23.355C78.1128 23.687 78.6051 23.9637 79.3709 24.2958C80.1368 24.6832 80.6291 24.9046 80.8479 25.0153C81.012 25.126 81.1761 25.2366 81.2308 25.3473C81.3402 25.458 81.3402 25.5687 81.3402 25.7347C81.3402 25.9561 81.2308 26.1775 81.012 26.3435C80.7932 26.5095 80.465 26.5649 80.0274 26.5649C79.535 26.5649 78.9333 26.5095 78.3316 26.3435C77.7299 26.1775 77.1282 25.9561 76.5812 25.6794V28.3359C77.1282 28.6126 77.6205 28.7786 78.1128 28.8893C78.6051 29 79.2068 29.0554 79.9727 29.0554C80.8479 29.0554 81.6137 28.8893 82.2701 28.6126C82.9265 28.3359 83.4188 27.8931 83.747 27.3397C84.0752 26.7863 84.294 26.1775 84.294 25.5134C84.2393 24.7386 84.0752 24.1298 83.6923 23.6317ZM75.1043 26.3989H71.5487V24.2958H74.8308V21.8607H71.5487V20.0897H75.1043V17.7099H68.5402V28.834H75.1043V26.3989ZM62.1402 24.1851C62.6325 24.1851 62.9607 24.2958 63.2342 24.4618C63.5077 24.6832 63.6171 24.9599 63.6171 25.292C63.6171 26.0668 63.1795 26.4542 62.2496 26.4542H61.2103V24.1298H62.1402V24.1851ZM61.1556 20.0344H61.9761C62.906 20.0344 63.3983 20.3664 63.3983 20.9752C63.3983 21.3073 63.2889 21.584 63.0701 21.75C62.8513 21.916 62.5231 22.0267 62.0855 22.0267H61.2103V20.0344H61.1556ZM58.2017 28.8893H62.4684C63.7812 28.8893 64.7658 28.6126 65.5316 28.0038C66.2974 27.395 66.6803 26.6202 66.6803 25.6241C66.6803 24.9599 66.5162 24.4065 66.2427 23.9637C65.9145 23.521 65.4222 23.2443 64.7658 23.0229V22.9676C65.2581 22.8569 65.6957 22.5802 66.0239 22.1374C66.3521 21.6947 66.5162 21.1412 66.5162 20.5324C66.5162 19.5916 66.1333 18.8721 65.4222 18.4294C64.7111 17.9866 63.5624 17.7653 62.0855 17.7653H58.2564V28.8893H58.2017ZM55.7949 17.7099H53.1692V22.7462C53.1692 23.4103 53.2239 24.3512 53.2786 25.458H53.2239L49.2308 17.7099H45.347V28.834H47.9727V23.7977C47.9727 23.1336 47.918 22.1928 47.8086 20.9752H47.8633L51.9111 28.834H55.7949V17.7099ZM43.3778 26.3989H39.8222V24.2958H43.1043V21.8607H39.8222V20.0897H43.3778V17.7099H36.8684V28.834H43.3778V26.3989ZM29.8667 24.6832H31.8359V26.4542C31.453 26.5095 31.0701 26.5649 30.6325 26.5649C29.812 26.5649 29.2103 26.2882 28.7727 25.7347C28.335 25.1813 28.1162 24.4065 28.1162 23.355C28.1162 22.3034 28.335 21.4733 28.8274 20.9199C29.3197 20.3664 29.9761 20.0897 30.8513 20.0897C31.7812 20.0897 32.6564 20.3111 33.4769 20.6985L34.4068 18.3187C33.9692 18.0973 33.4222 17.9313 32.8205 17.8206C32.2188 17.7099 31.5624 17.5992 30.8513 17.5992C29.0462 17.5992 27.6239 18.0973 26.5846 19.0935C25.5453 20.0897 25.053 21.4733 25.053 23.2996C25.053 25.126 25.4906 26.5649 26.4205 27.5611C27.3504 28.5573 28.6632 29.0554 30.359 29.0554C31.8906 29.0554 33.3128 28.834 34.6256 28.3912V22.3588H29.8667V24.6832ZM23.5214 26.3989H19.9658V24.2958H23.2479V21.8607H19.9658V20.0897H23.5214V17.7099H16.9573V28.834H23.5214V26.3989ZM15.535 17.7099H12.6906L11.4872 23.355C11.2137 24.7386 10.9949 25.7347 10.9402 26.2882C10.8855 25.8454 10.7761 25.1813 10.612 24.2958C10.4479 23.4103 10.2838 22.6355 10.1197 21.9714L9.18974 17.7099H6.4547L5.47009 21.9714C5.30598 22.5802 5.14188 23.2996 4.97778 24.1851C4.81368 25.0706 4.70427 25.7901 4.64957 26.2882C4.54017 25.5687 4.37607 24.5725 4.10256 23.355L2.84444 17.7099H0L2.73504 28.834H6.2359C6.89231 25.9008 7.22051 24.2405 7.32991 23.8531C7.43932 23.4657 7.49402 22.9676 7.60342 22.5248C7.71282 22.0267 7.76752 21.6393 7.82222 21.3073C7.87692 21.6947 7.93162 22.1928 8.04103 22.8015C8.15043 23.4103 8.20513 23.7977 8.25983 24.0191L9.29915 28.8893H12.8L15.535 17.7099Z" fill="#40323B"/>
|
|
5
|
+
</g>
|
|
6
|
+
<defs>
|
|
7
|
+
<clipPath id="clip0_3366_7030">
|
|
8
|
+
<rect width="128" height="29" fill="white"/>
|
|
9
|
+
</clipPath>
|
|
10
|
+
</defs>
|
|
11
|
+
</svg>
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { CollapsibleComponent } from '../collapsible';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class AccordionComponent implements OnInit {
|
|
5
|
+
collapseOthers: import("@angular/core").InputSignal<boolean>;
|
|
6
|
+
collapsibles: import("@angular/core").Signal<readonly CollapsibleComponent[]>;
|
|
7
|
+
private readonly accordionService;
|
|
8
|
+
ngOnInit(): void;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "ndw-accordion", never, { "collapseOthers": { "alias": "collapseOthers"; "required": false; "isSignal": true; }; }, {}, ["collapsibles"], ["*"], true, never>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Subject } from 'rxjs';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class AccordionService {
|
|
4
|
+
expanded$: Subject<number>;
|
|
5
|
+
setExpandedCollapsible(index: number): void;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AccordionService, never>;
|
|
7
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<AccordionService>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class BadgeComponent {
|
|
3
|
+
value: import("@angular/core").InputSignal<number | undefined>;
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
|
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "ndw-badge", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
6
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './badge.component';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class ButtonDirective implements OnInit {
|
|
4
|
+
private readonly elementRef;
|
|
5
|
+
get element(): HTMLButtonElement;
|
|
6
|
+
ngOnInit(): void;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonDirective, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonDirective, "[ndwButton]", never, {}, {}, never, never, true, never>;
|
|
9
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './button.directive';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class CardComponent {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ndw-card", never, {}, {}, never, ["[title]", "[body]", "[footer]"], true, never>;
|
|
5
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './card.component';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class CollapsibleComponent {
|
|
3
|
+
index: import("@angular/core").InputSignal<number>;
|
|
4
|
+
title: import("@angular/core").InputSignal<string>;
|
|
5
|
+
value: import("@angular/core").InputSignal<number | undefined>;
|
|
6
|
+
expanded: import("@angular/core").ModelSignal<boolean>;
|
|
7
|
+
private readonly accordionService;
|
|
8
|
+
get expandedClass(): boolean;
|
|
9
|
+
onClick(): void;
|
|
10
|
+
onKeydown(event: KeyboardEvent): void;
|
|
11
|
+
private toggle;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CollapsibleComponent, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CollapsibleComponent, "ndw-collapsible", never, { "index": { "alias": "index"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["*"], true, never>;
|
|
14
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './collapsible.component';
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ConnectedPosition } from '@angular/cdk/overlay';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class DropdownComponent {
|
|
4
|
+
dropdownId: string;
|
|
5
|
+
dropdownContainerId: string;
|
|
6
|
+
label: import("@angular/core").InputSignal<string | undefined>;
|
|
7
|
+
placeholder: import("@angular/core").InputSignal<string | undefined>;
|
|
8
|
+
autoWidth: import("@angular/core").InputSignal<boolean>;
|
|
9
|
+
isOpen: boolean;
|
|
10
|
+
disabled: import("@angular/core").InputSignal<boolean>;
|
|
11
|
+
autoClose: import("@angular/core").InputSignal<boolean>;
|
|
12
|
+
overlayPositions: ConnectedPosition[];
|
|
13
|
+
protected get isActive(): boolean | null;
|
|
14
|
+
onClick(): void;
|
|
15
|
+
onAttach(): void;
|
|
16
|
+
closeOverlay(event: Event): void;
|
|
17
|
+
onDropDownKeyDown(event: KeyboardEvent): void;
|
|
18
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
|
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ndw-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "autoWidth": { "alias": "autoWidth"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; }, {}, never, ["[dropdownContent]"], true, never>;
|
|
21
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './dropdown.component';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './error.component';
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { AfterContentInit, OnChanges } from '@angular/core';
|
|
2
|
+
import { InputDirective } from '../input';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class FormFieldComponent implements AfterContentInit, OnChanges {
|
|
5
|
+
input: import("@angular/core").Signal<InputDirective>;
|
|
6
|
+
label: import("@angular/core").InputSignal<string | undefined>;
|
|
7
|
+
disabled: import("@angular/core").InputSignal<boolean>;
|
|
8
|
+
error: import("@angular/core").InputSignal<string | undefined>;
|
|
9
|
+
info: import("@angular/core").InputSignal<string | undefined>;
|
|
10
|
+
tooltip: import("@angular/core").InputSignal<string>;
|
|
11
|
+
required: import("@angular/core").Signal<boolean>;
|
|
12
|
+
inputPrefix: import("@angular/core").Signal<string | undefined>;
|
|
13
|
+
inputSuffix: import("@angular/core").Signal<string | undefined>;
|
|
14
|
+
uuid: `${string}-${string}-${string}-${string}-${string}`;
|
|
15
|
+
constructor();
|
|
16
|
+
ngAfterContentInit(): void;
|
|
17
|
+
ngOnChanges(): void;
|
|
18
|
+
private setInputDisabledState;
|
|
19
|
+
private setInputErrorState;
|
|
20
|
+
private setInputPrefix;
|
|
21
|
+
private setInputSuffix;
|
|
22
|
+
private setInputId;
|
|
23
|
+
private addInputTypeBasedClass;
|
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
|
|
25
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "ndw-form-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, ["input"], ["*"], true, never>;
|
|
26
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { OnDestroy, OnInit } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class IconComponent implements OnDestroy, OnInit {
|
|
4
|
+
name: import("@angular/core").InputSignal<string>;
|
|
5
|
+
interactive: import("@angular/core").InputSignal<boolean>;
|
|
6
|
+
protected get interactiveClass(): boolean;
|
|
7
|
+
private readonly elementRef;
|
|
8
|
+
private readonly iconService;
|
|
9
|
+
private readonly destroy$;
|
|
10
|
+
ngOnInit(): void;
|
|
11
|
+
ngOnDestroy(): void;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "ndw-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Icon } from './icon.model';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class IconService {
|
|
4
|
+
private icons;
|
|
5
|
+
getIcon(name: string): Icon;
|
|
6
|
+
setIcons(icons: Icon[]): void;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IconService, never>;
|
|
8
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<IconService>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export * from './accordion';
|
|
2
|
+
export * from './badge';
|
|
3
|
+
export * from './button';
|
|
4
|
+
export * from './card';
|
|
5
|
+
export * from './collapsible';
|
|
6
|
+
export * from './error';
|
|
7
|
+
export * from './form-field';
|
|
8
|
+
export * from './icon';
|
|
9
|
+
export * from './info';
|
|
10
|
+
export * from './input';
|
|
11
|
+
export * from './main-navigation';
|
|
12
|
+
export * from './tooltip';
|
|
13
|
+
export * from './tab';
|
|
14
|
+
export * from './tab-group';
|
|
15
|
+
export * from './dropdown';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './info.component';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class InputDirective implements OnInit {
|
|
4
|
+
set disabled(disabled: boolean);
|
|
5
|
+
set error(error: boolean);
|
|
6
|
+
set id(id: string);
|
|
7
|
+
private readonly elementRef;
|
|
8
|
+
get element(): HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
|
|
9
|
+
ngOnInit(): void;
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<InputDirective, never>;
|
|
11
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<InputDirective, "input[ndwInput], select[ndwInput], textarea[ndwInput]", never, {}, {}, never, never, true, never>;
|
|
12
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { CdkOverlayOrigin, ConnectedPosition } from '@angular/cdk/overlay';
|
|
2
|
+
import { MenuItem, NdwBrand, SimpleMenuItem } from './main-navigation.model';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class MainNavigationComponent {
|
|
5
|
+
applicationName: import("@angular/core").InputSignal<string>;
|
|
6
|
+
brand: import("@angular/core").InputSignal<NdwBrand>;
|
|
7
|
+
footerTexts: import("@angular/core").InputSignal<string[] | undefined>;
|
|
8
|
+
isCollapsible: import("@angular/core").InputSignal<boolean>;
|
|
9
|
+
menuItems: import("@angular/core").InputSignal<MenuItem[]>;
|
|
10
|
+
subMenuItems: import("@angular/core").InputSignal<MenuItem[] | undefined>;
|
|
11
|
+
selected: import("@angular/core").OutputEmitterRef<number>;
|
|
12
|
+
brandImagePath: import("@angular/core").Signal<string>;
|
|
13
|
+
isExpanded: import("@angular/core").WritableSignal<boolean>;
|
|
14
|
+
protected get brandAttribute(): string;
|
|
15
|
+
protected get expandedClass(): boolean;
|
|
16
|
+
activeChildItems: SimpleMenuItem[];
|
|
17
|
+
isChildMenuOpen: boolean;
|
|
18
|
+
overlayOrigin: CdkOverlayOrigin;
|
|
19
|
+
overlayPositions: ConnectedPosition[];
|
|
20
|
+
closeChildMenu(): void;
|
|
21
|
+
handleSelected(trigger: CdkOverlayOrigin, item: MenuItem): void;
|
|
22
|
+
handleSelectedChild(id: number): void;
|
|
23
|
+
toggleView(): void;
|
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MainNavigationComponent, never>;
|
|
25
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MainNavigationComponent, "ndw-main-navigation", never, { "applicationName": { "alias": "applicationName"; "required": true; "isSignal": true; }; "brand": { "alias": "brand"; "required": false; "isSignal": true; }; "footerTexts": { "alias": "footerTexts"; "required": false; "isSignal": true; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; "isSignal": true; }; "menuItems": { "alias": "menuItems"; "required": true; "isSignal": true; }; "subMenuItems": { "alias": "subMenuItems"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, never, true, never>;
|
|
26
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface SimpleMenuItem {
|
|
2
|
+
id: number;
|
|
3
|
+
label: string;
|
|
4
|
+
}
|
|
5
|
+
export interface MenuItem extends SimpleMenuItem {
|
|
6
|
+
children?: SimpleMenuItem[];
|
|
7
|
+
icon?: string;
|
|
8
|
+
notifications?: number;
|
|
9
|
+
}
|
|
10
|
+
export declare enum NdwBrand {
|
|
11
|
+
NDW = "NDW",
|
|
12
|
+
NWB = "NWB"
|
|
13
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './main-navigation-menu.component';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { NdwBrand, SimpleMenuItem } from '../main-navigation';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class MainNavigationMenuComponent {
|
|
4
|
+
menuItems: import("@angular/core").InputSignal<SimpleMenuItem[]>;
|
|
5
|
+
brand: import("@angular/core").InputSignal<NdwBrand>;
|
|
6
|
+
selected: import("@angular/core").OutputEmitterRef<number>;
|
|
7
|
+
protected get brandAttribute(): string;
|
|
8
|
+
handleSelected(id: number): void;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MainNavigationMenuComponent, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MainNavigationMenuComponent, "ndw-main-navigation-menu", never, { "menuItems": { "alias": "menuItems"; "required": true; "isSignal": true; }; "brand": { "alias": "brand"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, never, true, never>;
|
|
11
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './tab.component';
|