@3ddv/software-division-components 1.0.0-alpha.1 → 1.0.0-alpha.3.10
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/3ddv-software-division-components.d.ts.map +1 -0
- package/README.md +283 -12
- package/backoffice/index.d.ts +2 -0
- package/backoffice/index.d.ts.map +1 -0
- package/backoffice/public-api.d.ts +2 -0
- package/backoffice/public-api.d.ts.map +1 -0
- package/backoffice/table/components/body-row/body-row.component.d.ts +9 -0
- package/backoffice/table/components/body-row/body-row.component.d.ts.map +1 -0
- package/backoffice/table/components/header-row/header-row.component.d.ts +11 -0
- package/backoffice/table/components/header-row/header-row.component.d.ts.map +1 -0
- package/backoffice/table/index.d.ts +2 -0
- package/backoffice/table/index.d.ts.map +1 -0
- package/{src/lib/backoffice/table/public-api.ts → backoffice/table/public-api.d.ts} +1 -0
- package/backoffice/table/public-api.d.ts.map +1 -0
- package/backoffice/table/table.component.d.ts +23 -0
- package/backoffice/table/table.component.d.ts.map +1 -0
- package/backoffice/table/table.service.d.ts +7 -0
- package/backoffice/table/table.service.d.ts.map +1 -0
- package/backoffice/table/types.d.ts +18 -0
- package/backoffice/table/types.d.ts.map +1 -0
- package/dvm/cart/cart.component.d.ts +8 -0
- package/dvm/cart/cart.component.d.ts.map +1 -0
- package/dvm/cart/cart.service.d.ts +7 -0
- package/dvm/cart/cart.service.d.ts.map +1 -0
- package/dvm/cart/index.d.ts +2 -0
- package/dvm/cart/index.d.ts.map +1 -0
- package/{src/lib/dvm/cart/public-api.ts → dvm/cart/public-api.d.ts} +1 -4
- package/dvm/cart/public-api.d.ts.map +1 -0
- package/dvm/cart-item/cart-item.component.d.ts +8 -0
- package/dvm/cart-item/cart-item.component.d.ts.map +1 -0
- package/dvm/cart-item/cart-item.service.d.ts +7 -0
- package/dvm/cart-item/cart-item.service.d.ts.map +1 -0
- package/dvm/cart-item/index.d.ts +2 -0
- package/dvm/cart-item/index.d.ts.map +1 -0
- package/{src/lib/dvm/cart-item/public-api.ts → dvm/cart-item/public-api.d.ts} +1 -4
- package/dvm/cart-item/public-api.d.ts.map +1 -0
- package/dvm/index.d.ts +2 -0
- package/dvm/index.d.ts.map +1 -0
- package/dvm/legend/index.d.ts +2 -0
- package/dvm/legend/index.d.ts.map +1 -0
- package/dvm/legend/legend.component.d.ts +8 -0
- package/dvm/legend/legend.component.d.ts.map +1 -0
- package/dvm/legend/legend.service.d.ts +7 -0
- package/dvm/legend/legend.service.d.ts.map +1 -0
- package/{src/lib/dvm/legend/public-api.ts → dvm/legend/public-api.d.ts} +1 -4
- package/dvm/legend/public-api.d.ts.map +1 -0
- package/dvm/loader/index.d.ts +2 -0
- package/dvm/loader/index.d.ts.map +1 -0
- package/dvm/loader/loader.component.d.ts +8 -0
- package/dvm/loader/loader.component.d.ts.map +1 -0
- package/dvm/loader/loader.service.d.ts +7 -0
- package/dvm/loader/loader.service.d.ts.map +1 -0
- package/dvm/loader/public-api.d.ts +3 -0
- package/dvm/loader/public-api.d.ts.map +1 -0
- package/dvm/popover/index.d.ts +2 -0
- package/dvm/popover/index.d.ts.map +1 -0
- package/dvm/popover/popover.component.d.ts +8 -0
- package/dvm/popover/popover.component.d.ts.map +1 -0
- package/dvm/popover/popover.service.d.ts +7 -0
- package/dvm/popover/popover.service.d.ts.map +1 -0
- package/{src/lib/dvm/loader/public-api.ts → dvm/popover/public-api.d.ts} +1 -4
- package/dvm/popover/public-api.d.ts.map +1 -0
- package/dvm/public-api.d.ts +8 -0
- package/dvm/public-api.d.ts.map +1 -0
- package/dvm/stepper/index.d.ts +2 -0
- package/dvm/stepper/index.d.ts.map +1 -0
- package/{src/lib/dvm/stepper/public-api.ts → dvm/stepper/public-api.d.ts} +1 -4
- package/dvm/stepper/public-api.d.ts.map +1 -0
- package/dvm/stepper/stepper.component.d.ts +8 -0
- package/dvm/stepper/stepper.component.d.ts.map +1 -0
- package/dvm/stepper/stepper.service.d.ts +7 -0
- package/dvm/stepper/stepper.service.d.ts.map +1 -0
- package/dvm/ticket-info-item/index.d.ts +2 -0
- package/dvm/ticket-info-item/index.d.ts.map +1 -0
- package/dvm/ticket-info-item/public-api.d.ts +3 -0
- package/dvm/ticket-info-item/public-api.d.ts.map +1 -0
- package/dvm/ticket-info-item/ticket-info-item.component.d.ts +8 -0
- package/dvm/ticket-info-item/ticket-info-item.component.d.ts.map +1 -0
- package/dvm/ticket-info-item/ticket-info-item.service.d.ts +7 -0
- package/dvm/ticket-info-item/ticket-info-item.service.d.ts.map +1 -0
- package/esm2022/3ddv-software-division-components.mjs +5 -0
- package/esm2022/backoffice/index.mjs +2 -0
- package/esm2022/backoffice/public-api.mjs +2 -0
- package/esm2022/backoffice/table/components/body-row/body-row.component.mjs +32 -0
- package/esm2022/backoffice/table/components/header-row/header-row.component.mjs +67 -0
- package/esm2022/backoffice/table/index.mjs +2 -0
- package/esm2022/backoffice/table/public-api.mjs +3 -0
- package/esm2022/backoffice/table/table.component.mjs +100 -0
- package/esm2022/backoffice/table/table.service.mjs +14 -0
- package/esm2022/backoffice/table/types.mjs +2 -0
- package/esm2022/dvm/cart/cart.component.mjs +24 -0
- package/esm2022/dvm/cart/cart.service.mjs +14 -0
- package/esm2022/dvm/cart/index.mjs +2 -0
- package/esm2022/dvm/cart/public-api.mjs +6 -0
- package/esm2022/dvm/cart-item/cart-item.component.mjs +24 -0
- package/esm2022/dvm/cart-item/cart-item.service.mjs +14 -0
- package/esm2022/dvm/cart-item/index.mjs +2 -0
- package/esm2022/dvm/cart-item/public-api.mjs +6 -0
- package/esm2022/dvm/index.mjs +2 -0
- package/esm2022/dvm/legend/index.mjs +2 -0
- package/esm2022/dvm/legend/legend.component.mjs +24 -0
- package/esm2022/dvm/legend/legend.service.mjs +14 -0
- package/esm2022/dvm/legend/public-api.mjs +6 -0
- package/esm2022/dvm/loader/index.mjs +2 -0
- package/esm2022/dvm/loader/loader.component.mjs +24 -0
- package/esm2022/dvm/loader/loader.service.mjs +14 -0
- package/esm2022/dvm/loader/public-api.mjs +6 -0
- package/esm2022/dvm/popover/index.mjs +2 -0
- package/esm2022/dvm/popover/popover.component.mjs +24 -0
- package/esm2022/dvm/popover/popover.service.mjs +14 -0
- package/esm2022/dvm/popover/public-api.mjs +6 -0
- package/esm2022/dvm/public-api.mjs +8 -0
- package/esm2022/dvm/stepper/index.mjs +2 -0
- package/esm2022/dvm/stepper/public-api.mjs +6 -0
- package/esm2022/dvm/stepper/stepper.component.mjs +24 -0
- package/esm2022/dvm/stepper/stepper.service.mjs +14 -0
- package/esm2022/dvm/ticket-info-item/index.mjs +2 -0
- package/esm2022/dvm/ticket-info-item/public-api.mjs +6 -0
- package/esm2022/dvm/ticket-info-item/ticket-info-item.component.mjs +24 -0
- package/esm2022/dvm/ticket-info-item/ticket-info-item.service.mjs +14 -0
- package/esm2022/generic/button/button.component.mjs +93 -0
- package/esm2022/generic/button/index.mjs +2 -0
- package/esm2022/generic/button/public-api.mjs +5 -0
- package/esm2022/generic/button/types.mjs +2 -0
- package/esm2022/generic/drawer/drawer.component.mjs +24 -0
- package/esm2022/generic/drawer/drawer.service.mjs +14 -0
- package/esm2022/generic/drawer/index.mjs +2 -0
- package/esm2022/generic/drawer/public-api.mjs +6 -0
- package/esm2022/generic/index.mjs +2 -0
- package/esm2022/generic/modal/index.mjs +2 -0
- package/esm2022/generic/modal/modal.component.mjs +24 -0
- package/esm2022/generic/modal/modal.service.mjs +14 -0
- package/esm2022/generic/modal/public-api.mjs +6 -0
- package/esm2022/generic/public-api.mjs +4 -0
- package/esm2022/public-api.mjs +6 -0
- package/esm2022/shared/format-value.pipe.mjs +28 -0
- package/esm2022/shared/theme-provider.directive.mjs +31 -0
- package/esm2022/shared/theme.service.mjs +6 -0
- package/esm2022/shared/types.mjs +2 -0
- package/esm2022/utils/validate-styles-for-component.mjs +15 -0
- package/fesm2022/3ddv-software-division-components.mjs +672 -0
- package/fesm2022/3ddv-software-division-components.mjs.map +1 -0
- package/generic/button/button.component.d.ts +61 -0
- package/generic/button/button.component.d.ts.map +1 -0
- package/generic/button/index.d.ts +2 -0
- package/generic/button/index.d.ts.map +1 -0
- package/generic/button/public-api.d.ts +2 -0
- package/generic/button/public-api.d.ts.map +1 -0
- package/generic/button/types.d.ts +2 -0
- package/generic/button/types.d.ts.map +1 -0
- package/generic/drawer/drawer.component.d.ts +8 -0
- package/generic/drawer/drawer.component.d.ts.map +1 -0
- package/generic/drawer/drawer.service.d.ts +7 -0
- package/generic/drawer/drawer.service.d.ts.map +1 -0
- package/generic/drawer/index.d.ts +2 -0
- package/generic/drawer/index.d.ts.map +1 -0
- package/{src/lib/generic/drawer/public-api.ts → generic/drawer/public-api.d.ts} +1 -4
- package/generic/drawer/public-api.d.ts.map +1 -0
- package/generic/index.d.ts +2 -0
- package/generic/index.d.ts.map +1 -0
- package/generic/modal/index.d.ts +2 -0
- package/generic/modal/index.d.ts.map +1 -0
- package/generic/modal/modal.component.d.ts +8 -0
- package/generic/modal/modal.component.d.ts.map +1 -0
- package/generic/modal/modal.service.d.ts +7 -0
- package/generic/modal/modal.service.d.ts.map +1 -0
- package/{src/lib/generic/modal/public-api.ts → generic/modal/public-api.d.ts} +1 -4
- package/generic/modal/public-api.d.ts.map +1 -0
- package/generic/public-api.d.ts +4 -0
- package/generic/public-api.d.ts.map +1 -0
- package/index.d.ts +6 -0
- package/package.json +56 -13
- package/public-api.d.ts +6 -0
- package/public-api.d.ts.map +1 -0
- package/shared/format-value.pipe.d.ts +10 -0
- package/shared/format-value.pipe.d.ts.map +1 -0
- package/shared/theme-provider.directive.d.ts +11 -0
- package/shared/theme-provider.directive.d.ts.map +1 -0
- package/shared/theme.service.d.ts +9 -0
- package/shared/theme.service.d.ts.map +1 -0
- package/shared/types.d.ts +2 -0
- package/shared/types.d.ts.map +1 -0
- package/utils/validate-styles-for-component.d.ts +2 -0
- package/utils/validate-styles-for-component.d.ts.map +1 -0
- package/.storybook/main.ts +0 -26
- package/.storybook/preview.ts +0 -20
- package/.storybook/tsconfig.json +0 -10
- package/.storybook/typings.d.ts +0 -4
- package/documentation.json +0 -1300
- package/ng-package.json +0 -7
- package/src/index.ts +0 -1
- package/src/lib/backoffice/table/index.ts +0 -1
- package/src/lib/backoffice/table/package.json +0 -5
- package/src/lib/backoffice/table/table.component.html +0 -37
- package/src/lib/backoffice/table/table.component.ts +0 -30
- package/src/lib/backoffice/table/table.service.ts +0 -10
- package/src/lib/backoffice/table/table.stories.ts +0 -30
- package/src/lib/backoffice/table/types.ts +0 -2
- package/src/lib/backoffice/table/utils.ts +0 -7
- package/src/lib/dvm/cart/cart.component.html +0 -24
- package/src/lib/dvm/cart/cart.component.ts +0 -14
- package/src/lib/dvm/cart/cart.service.ts +0 -8
- package/src/lib/dvm/cart/cart.stories.ts +0 -31
- package/src/lib/dvm/cart/index.ts +0 -1
- package/src/lib/dvm/cart/package.json +0 -5
- package/src/lib/dvm/cart-item/cart-item.component.html +0 -24
- package/src/lib/dvm/cart-item/cart-item.component.ts +0 -14
- package/src/lib/dvm/cart-item/cart-item.service.ts +0 -8
- package/src/lib/dvm/cart-item/cart.stories.ts +0 -31
- package/src/lib/dvm/cart-item/index.ts +0 -1
- package/src/lib/dvm/cart-item/package.json +0 -5
- package/src/lib/dvm/legend/index.ts +0 -1
- package/src/lib/dvm/legend/legend.component.html +0 -24
- package/src/lib/dvm/legend/legend.component.ts +0 -14
- package/src/lib/dvm/legend/legend.service.ts +0 -8
- package/src/lib/dvm/legend/legend.stories.ts +0 -31
- package/src/lib/dvm/legend/package.json +0 -5
- package/src/lib/dvm/loader/index.ts +0 -1
- package/src/lib/dvm/loader/loader.component.html +0 -24
- package/src/lib/dvm/loader/loader.component.ts +0 -14
- package/src/lib/dvm/loader/loader.service.ts +0 -8
- package/src/lib/dvm/loader/loader.stories.ts +0 -31
- package/src/lib/dvm/loader/package.json +0 -5
- package/src/lib/dvm/popover/index.ts +0 -1
- package/src/lib/dvm/popover/package.json +0 -5
- package/src/lib/dvm/popover/popover.component.html +0 -24
- package/src/lib/dvm/popover/popover.component.ts +0 -14
- package/src/lib/dvm/popover/popover.service.ts +0 -8
- package/src/lib/dvm/popover/popover.stories.ts +0 -31
- package/src/lib/dvm/popover/public-api.ts +0 -6
- package/src/lib/dvm/stepper/index.ts +0 -1
- package/src/lib/dvm/stepper/package.json +0 -5
- package/src/lib/dvm/stepper/stepper.component.html +0 -24
- package/src/lib/dvm/stepper/stepper.component.ts +0 -14
- package/src/lib/dvm/stepper/stepper.service.ts +0 -8
- package/src/lib/dvm/stepper/stepper.stories.ts +0 -31
- package/src/lib/dvm/ticket-info-item/index.ts +0 -1
- package/src/lib/dvm/ticket-info-item/package.json +0 -5
- package/src/lib/dvm/ticket-info-item/public-api.ts +0 -6
- package/src/lib/dvm/ticket-info-item/ticket-info-item.component.html +0 -24
- package/src/lib/dvm/ticket-info-item/ticket-info-item.component.ts +0 -14
- package/src/lib/dvm/ticket-info-item/ticket-info-item.service.ts +0 -8
- package/src/lib/dvm/ticket-info-item/ticket-info-item.stories.ts +0 -31
- package/src/lib/generic/button/button.component.html +0 -25
- package/src/lib/generic/button/button.component.scss +0 -5
- package/src/lib/generic/button/button.component.ts +0 -25
- package/src/lib/generic/button/button.service.ts +0 -8
- package/src/lib/generic/button/button.stories.ts +0 -117
- package/src/lib/generic/button/index.ts +0 -1
- package/src/lib/generic/button/package.json +0 -5
- package/src/lib/generic/button/public-api.ts +0 -6
- package/src/lib/generic/drawer/drawer.component.html +0 -24
- package/src/lib/generic/drawer/drawer.component.ts +0 -14
- package/src/lib/generic/drawer/drawer.service.ts +0 -8
- package/src/lib/generic/drawer/drawer.stories.ts +0 -31
- package/src/lib/generic/drawer/index.ts +0 -1
- package/src/lib/generic/drawer/package.json +0 -5
- package/src/lib/generic/modal/index.ts +0 -1
- package/src/lib/generic/modal/modal.component.html +0 -24
- package/src/lib/generic/modal/modal.component.ts +0 -14
- package/src/lib/generic/modal/modal.service.ts +0 -8
- package/src/lib/generic/modal/modal.stories.ts +0 -31
- package/src/lib/generic/modal/package.json +0 -5
- package/src/public-api.ts +0 -3
- package/src/stories/.eslintrc.json +0 -5
- package/src/stories/Configure.mdx +0 -364
- package/src/stories/assets/accessibility.png +0 -0
- package/src/stories/assets/accessibility.svg +0 -1
- package/src/stories/assets/addon-library.png +0 -0
- package/src/stories/assets/assets.png +0 -0
- package/src/stories/assets/avif-test-image.avif +0 -0
- package/src/stories/assets/context.png +0 -0
- package/src/stories/assets/discord.svg +0 -1
- package/src/stories/assets/docs.png +0 -0
- package/src/stories/assets/figma-plugin.png +0 -0
- package/src/stories/assets/github.svg +0 -1
- package/src/stories/assets/share.png +0 -0
- package/src/stories/assets/styling.png +0 -0
- package/src/stories/assets/testing.png +0 -0
- package/src/stories/assets/theming.png +0 -0
- package/src/stories/assets/tutorials.svg +0 -1
- package/src/stories/assets/youtube.svg +0 -1
- package/src/stories/user.ts +0 -3
- package/styles.scss +0 -3
- package/tsconfig.lib.json +0 -14
- package/tsconfig.lib.prod.json +0 -11
- package/tsconfig.spec.json +0 -15
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import { Button, ButtonModule } from 'primeng/button';
|
|
3
|
-
|
|
4
|
-
@Component({
|
|
5
|
-
selector: 'sdc-stepper',
|
|
6
|
-
standalone: true,
|
|
7
|
-
imports: [ButtonModule],
|
|
8
|
-
templateUrl: './stepper.component.html',
|
|
9
|
-
})
|
|
10
|
-
export class StepperComponent extends Button {
|
|
11
|
-
constructor() {
|
|
12
|
-
super();
|
|
13
|
-
}
|
|
14
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/angular';
|
|
2
|
-
import { StepperComponent } from './stepper.component';
|
|
3
|
-
|
|
4
|
-
const meta: Meta<StepperComponent> = {
|
|
5
|
-
title: 'Dvm/Stepper',
|
|
6
|
-
component: StepperComponent,
|
|
7
|
-
id: 'Stepper',
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
export default meta;
|
|
11
|
-
|
|
12
|
-
type Story = StoryObj<StepperComponent>;
|
|
13
|
-
|
|
14
|
-
export const Primary: Story = {
|
|
15
|
-
args: {
|
|
16
|
-
label: 'Primary Button',
|
|
17
|
-
icon: 'pi pi-check',
|
|
18
|
-
type: 'button',
|
|
19
|
-
iconPos: 'left',
|
|
20
|
-
disabled: false,
|
|
21
|
-
loading: false,
|
|
22
|
-
severity: 'primary',
|
|
23
|
-
rounded: false,
|
|
24
|
-
raised: true,
|
|
25
|
-
outlined: false,
|
|
26
|
-
link: false,
|
|
27
|
-
size: undefined,
|
|
28
|
-
ariaLabel: 'Primary button',
|
|
29
|
-
style: { 'margin-right': '10px' },
|
|
30
|
-
},
|
|
31
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './public-api';
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<p-button
|
|
2
|
-
[label]="label"
|
|
3
|
-
[icon]="icon"
|
|
4
|
-
[type]="type"
|
|
5
|
-
[loading]="loading"
|
|
6
|
-
[iconPos]="iconPos"
|
|
7
|
-
[disabled]="disabled"
|
|
8
|
-
[severity]="severity"
|
|
9
|
-
[rounded]="rounded"
|
|
10
|
-
[raised]="raised"
|
|
11
|
-
[link]="link"
|
|
12
|
-
[size]="size"
|
|
13
|
-
[badge]="badge"
|
|
14
|
-
[plain]="plain"
|
|
15
|
-
[text]="text"
|
|
16
|
-
[style]="style"
|
|
17
|
-
[outlined]="outlined"
|
|
18
|
-
[ariaLabel]="ariaLabel"
|
|
19
|
-
[styleClass]="styleClass"
|
|
20
|
-
[badgeClass]="badgeClass"
|
|
21
|
-
[loadingIcon]="loadingIcon"
|
|
22
|
-
(onClick)="onClick.emit($event)"
|
|
23
|
-
(onFocus)="onFocus.emit($event)"
|
|
24
|
-
(onBlur)="onBlur.emit($event)" />
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import { Button, ButtonModule } from 'primeng/button';
|
|
3
|
-
|
|
4
|
-
@Component({
|
|
5
|
-
selector: 'sdc-ticket-info-item',
|
|
6
|
-
standalone: true,
|
|
7
|
-
imports: [ButtonModule],
|
|
8
|
-
templateUrl: './ticket-info-item.component.html',
|
|
9
|
-
})
|
|
10
|
-
export class TicketInfoItemComponent extends Button {
|
|
11
|
-
constructor() {
|
|
12
|
-
super();
|
|
13
|
-
}
|
|
14
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/angular';
|
|
2
|
-
import { TicketInfoItemComponent } from './ticket-info-item.component';
|
|
3
|
-
|
|
4
|
-
const meta: Meta<TicketInfoItemComponent> = {
|
|
5
|
-
title: 'Dvm/TicketInfoItem',
|
|
6
|
-
component: TicketInfoItemComponent,
|
|
7
|
-
id: 'TicketInfoItem',
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
export default meta;
|
|
11
|
-
|
|
12
|
-
type Story = StoryObj<TicketInfoItemComponent>;
|
|
13
|
-
|
|
14
|
-
export const Primary: Story = {
|
|
15
|
-
args: {
|
|
16
|
-
label: 'Primary Button',
|
|
17
|
-
icon: 'pi pi-check',
|
|
18
|
-
type: 'button',
|
|
19
|
-
iconPos: 'left',
|
|
20
|
-
disabled: false,
|
|
21
|
-
loading: false,
|
|
22
|
-
severity: 'primary',
|
|
23
|
-
rounded: false,
|
|
24
|
-
raised: true,
|
|
25
|
-
outlined: false,
|
|
26
|
-
link: false,
|
|
27
|
-
size: undefined,
|
|
28
|
-
ariaLabel: 'Primary button',
|
|
29
|
-
style: { 'margin-right': '10px' },
|
|
30
|
-
},
|
|
31
|
-
};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
<p-button
|
|
2
|
-
[pTooltip]="tooltip"
|
|
3
|
-
[label]="label"
|
|
4
|
-
[icon]="icon"
|
|
5
|
-
[type]="type"
|
|
6
|
-
[loading]="loading"
|
|
7
|
-
[iconPos]="iconPos"
|
|
8
|
-
[disabled]="disabled"
|
|
9
|
-
[severity]="severity"
|
|
10
|
-
[rounded]="rounded"
|
|
11
|
-
[raised]="raised"
|
|
12
|
-
[link]="link"
|
|
13
|
-
[size]="size"
|
|
14
|
-
[badge]="badge"
|
|
15
|
-
[plain]="plain"
|
|
16
|
-
[text]="text"
|
|
17
|
-
[style]="style"
|
|
18
|
-
[outlined]="outlined"
|
|
19
|
-
[ariaLabel]="ariaLabel"
|
|
20
|
-
[styleClass]="styleClass"
|
|
21
|
-
[badgeClass]="badgeClass"
|
|
22
|
-
[loadingIcon]="loadingIcon"
|
|
23
|
-
(onClick)="onClick.emit($event)"
|
|
24
|
-
(onFocus)="onFocus.emit($event)"
|
|
25
|
-
(onBlur)="onBlur.emit($event)" />
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import { Button, ButtonModule } from 'primeng/button';
|
|
3
|
-
import { TooltipModule } from 'primeng/tooltip';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Button component
|
|
7
|
-
*
|
|
8
|
-
* @export
|
|
9
|
-
* @class ButtonComponent
|
|
10
|
-
* @extends {Button}
|
|
11
|
-
*/
|
|
12
|
-
@Component({
|
|
13
|
-
selector: 'sdc-button',
|
|
14
|
-
standalone: true,
|
|
15
|
-
imports: [ButtonModule, TooltipModule],
|
|
16
|
-
templateUrl: './button.component.html',
|
|
17
|
-
styleUrls: ['./button.component.scss'],
|
|
18
|
-
})
|
|
19
|
-
export class ButtonComponent extends Button {
|
|
20
|
-
@Input() tooltip: string = '';
|
|
21
|
-
|
|
22
|
-
constructor() {
|
|
23
|
-
super();
|
|
24
|
-
}
|
|
25
|
-
}
|
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/angular';
|
|
2
|
-
import { ButtonComponent } from './button.component';
|
|
3
|
-
|
|
4
|
-
const meta: Meta<ButtonComponent> = {
|
|
5
|
-
title: 'Generic/Button',
|
|
6
|
-
component: ButtonComponent,
|
|
7
|
-
id: 'Button',
|
|
8
|
-
argTypes: {
|
|
9
|
-
label: { control: 'text', description: 'Label of the button' },
|
|
10
|
-
icon: { control: 'text', description: 'Icon displayed on the button' },
|
|
11
|
-
type: { control: 'text', description: 'Type of the button' },
|
|
12
|
-
iconPos: {
|
|
13
|
-
control: 'radio',
|
|
14
|
-
options: ['left', 'right'],
|
|
15
|
-
description: 'Position of the icon',
|
|
16
|
-
},
|
|
17
|
-
disabled: { control: 'boolean', description: 'Disables the button' },
|
|
18
|
-
loading: { control: 'boolean', description: 'Displays a loading state' },
|
|
19
|
-
severity: {
|
|
20
|
-
control: 'select',
|
|
21
|
-
options: ['primary', 'secondary', 'success', 'info', 'warn', 'danger', 'help', 'contrast'],
|
|
22
|
-
description: 'Style severity of the button',
|
|
23
|
-
},
|
|
24
|
-
rounded: { control: 'boolean', description: 'Applies rounded border radius' },
|
|
25
|
-
raised: { control: 'boolean', description: 'Adds a shadow to indicate elevation' },
|
|
26
|
-
outlined: { control: 'boolean', description: 'Adds an outlined border' },
|
|
27
|
-
link: { control: 'boolean', description: 'Displays the button as a link' },
|
|
28
|
-
size: {
|
|
29
|
-
control: 'radio',
|
|
30
|
-
options: ['small', 'normal', 'large'],
|
|
31
|
-
description: 'Size of the button',
|
|
32
|
-
},
|
|
33
|
-
badge: { control: 'text', description: 'Value of the badge' },
|
|
34
|
-
ariaLabel: { control: 'text', description: 'Aria label for accessibility' },
|
|
35
|
-
style: { control: 'object', description: 'Inline styles for the button' },
|
|
36
|
-
tooltip: { control: 'text', description: 'Tooltip for the button' },
|
|
37
|
-
onClick: { action: 'clicked', description: 'Emits when button is clicked' },
|
|
38
|
-
},
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
export default meta;
|
|
42
|
-
|
|
43
|
-
type Story = StoryObj<ButtonComponent>;
|
|
44
|
-
|
|
45
|
-
export const Primary: Story = {
|
|
46
|
-
args: {
|
|
47
|
-
label: 'Primary Button',
|
|
48
|
-
icon: 'pi pi-check',
|
|
49
|
-
type: 'button',
|
|
50
|
-
iconPos: 'left',
|
|
51
|
-
disabled: false,
|
|
52
|
-
loading: false,
|
|
53
|
-
severity: 'primary',
|
|
54
|
-
rounded: false,
|
|
55
|
-
raised: true,
|
|
56
|
-
outlined: false,
|
|
57
|
-
link: false,
|
|
58
|
-
size: undefined,
|
|
59
|
-
ariaLabel: 'Primary button',
|
|
60
|
-
style: { 'margin-right': '10px' },
|
|
61
|
-
tooltip: 'description here',
|
|
62
|
-
},
|
|
63
|
-
};
|
|
64
|
-
|
|
65
|
-
export const Disabled: Story = {
|
|
66
|
-
args: {
|
|
67
|
-
label: 'Disabled Button',
|
|
68
|
-
disabled: true,
|
|
69
|
-
severity: 'secondary',
|
|
70
|
-
tooltip: 'description here',
|
|
71
|
-
},
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
export const Loading: Story = {
|
|
75
|
-
args: {
|
|
76
|
-
label: 'Loading Button',
|
|
77
|
-
loading: true,
|
|
78
|
-
severity: 'info',
|
|
79
|
-
tooltip: 'description here',
|
|
80
|
-
},
|
|
81
|
-
};
|
|
82
|
-
|
|
83
|
-
export const Rounded: Story = {
|
|
84
|
-
args: {
|
|
85
|
-
label: 'Rounded Button',
|
|
86
|
-
rounded: true,
|
|
87
|
-
severity: 'success',
|
|
88
|
-
icon: 'pi pi-user',
|
|
89
|
-
tooltip: 'description here',
|
|
90
|
-
},
|
|
91
|
-
};
|
|
92
|
-
|
|
93
|
-
export const Outlined: Story = {
|
|
94
|
-
args: {
|
|
95
|
-
label: 'Outlined Button',
|
|
96
|
-
outlined: true,
|
|
97
|
-
severity: 'danger',
|
|
98
|
-
tooltip: 'description here',
|
|
99
|
-
},
|
|
100
|
-
};
|
|
101
|
-
|
|
102
|
-
export const Link: Story = {
|
|
103
|
-
args: {
|
|
104
|
-
label: 'Link Button',
|
|
105
|
-
link: true,
|
|
106
|
-
severity: 'help',
|
|
107
|
-
tooltip: 'description here',
|
|
108
|
-
},
|
|
109
|
-
};
|
|
110
|
-
|
|
111
|
-
export const Action: Story = {
|
|
112
|
-
args: {
|
|
113
|
-
rounded: true,
|
|
114
|
-
icon: 'pi pi-bookmark',
|
|
115
|
-
tooltip: 'description here',
|
|
116
|
-
},
|
|
117
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './public-api';
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<p-button
|
|
2
|
-
[label]="label"
|
|
3
|
-
[icon]="icon"
|
|
4
|
-
[type]="type"
|
|
5
|
-
[loading]="loading"
|
|
6
|
-
[iconPos]="iconPos"
|
|
7
|
-
[disabled]="disabled"
|
|
8
|
-
[severity]="severity"
|
|
9
|
-
[rounded]="rounded"
|
|
10
|
-
[raised]="raised"
|
|
11
|
-
[link]="link"
|
|
12
|
-
[size]="size"
|
|
13
|
-
[badge]="badge"
|
|
14
|
-
[plain]="plain"
|
|
15
|
-
[text]="text"
|
|
16
|
-
[style]="style"
|
|
17
|
-
[outlined]="outlined"
|
|
18
|
-
[ariaLabel]="ariaLabel"
|
|
19
|
-
[styleClass]="styleClass"
|
|
20
|
-
[badgeClass]="badgeClass"
|
|
21
|
-
[loadingIcon]="loadingIcon"
|
|
22
|
-
(onClick)="onClick.emit($event)"
|
|
23
|
-
(onFocus)="onFocus.emit($event)"
|
|
24
|
-
(onBlur)="onBlur.emit($event)" />
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import { Button, ButtonModule } from 'primeng/button';
|
|
3
|
-
|
|
4
|
-
@Component({
|
|
5
|
-
selector: 'sdc-drawer',
|
|
6
|
-
standalone: true,
|
|
7
|
-
imports: [ButtonModule],
|
|
8
|
-
templateUrl: './drawer.component.html',
|
|
9
|
-
})
|
|
10
|
-
export class DrawerComponent extends Button {
|
|
11
|
-
constructor() {
|
|
12
|
-
super();
|
|
13
|
-
}
|
|
14
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/angular';
|
|
2
|
-
import { DrawerComponent } from './drawer.component';
|
|
3
|
-
|
|
4
|
-
const meta: Meta<DrawerComponent> = {
|
|
5
|
-
title: 'Generic/Drawer',
|
|
6
|
-
component: DrawerComponent,
|
|
7
|
-
id: 'Drawer',
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
export default meta;
|
|
11
|
-
|
|
12
|
-
type Story = StoryObj<DrawerComponent>;
|
|
13
|
-
|
|
14
|
-
export const Primary: Story = {
|
|
15
|
-
args: {
|
|
16
|
-
label: 'Primary Button',
|
|
17
|
-
icon: 'pi pi-check',
|
|
18
|
-
type: 'button',
|
|
19
|
-
iconPos: 'left',
|
|
20
|
-
disabled: false,
|
|
21
|
-
loading: false,
|
|
22
|
-
severity: 'primary',
|
|
23
|
-
rounded: false,
|
|
24
|
-
raised: true,
|
|
25
|
-
outlined: false,
|
|
26
|
-
link: false,
|
|
27
|
-
size: undefined,
|
|
28
|
-
ariaLabel: 'Primary button',
|
|
29
|
-
style: { 'margin-right': '10px' },
|
|
30
|
-
},
|
|
31
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './public-api';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './public-api';
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<p-button
|
|
2
|
-
[label]="label"
|
|
3
|
-
[icon]="icon"
|
|
4
|
-
[type]="type"
|
|
5
|
-
[loading]="loading"
|
|
6
|
-
[iconPos]="iconPos"
|
|
7
|
-
[disabled]="disabled"
|
|
8
|
-
[severity]="severity"
|
|
9
|
-
[rounded]="rounded"
|
|
10
|
-
[raised]="raised"
|
|
11
|
-
[link]="link"
|
|
12
|
-
[size]="size"
|
|
13
|
-
[badge]="badge"
|
|
14
|
-
[plain]="plain"
|
|
15
|
-
[text]="text"
|
|
16
|
-
[style]="style"
|
|
17
|
-
[outlined]="outlined"
|
|
18
|
-
[ariaLabel]="ariaLabel"
|
|
19
|
-
[styleClass]="styleClass"
|
|
20
|
-
[badgeClass]="badgeClass"
|
|
21
|
-
[loadingIcon]="loadingIcon"
|
|
22
|
-
(onClick)="onClick.emit($event)"
|
|
23
|
-
(onFocus)="onFocus.emit($event)"
|
|
24
|
-
(onBlur)="onBlur.emit($event)" />
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import { Button, ButtonModule } from 'primeng/button';
|
|
3
|
-
|
|
4
|
-
@Component({
|
|
5
|
-
selector: 'sdc-drawer',
|
|
6
|
-
standalone: true,
|
|
7
|
-
imports: [ButtonModule],
|
|
8
|
-
templateUrl: './modal.component.html',
|
|
9
|
-
})
|
|
10
|
-
export class ModalComponent extends Button {
|
|
11
|
-
constructor() {
|
|
12
|
-
super();
|
|
13
|
-
}
|
|
14
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/angular';
|
|
2
|
-
import { ModalComponent } from './modal.component';
|
|
3
|
-
|
|
4
|
-
const meta: Meta<ModalComponent> = {
|
|
5
|
-
title: 'Generic/Modal',
|
|
6
|
-
component: ModalComponent,
|
|
7
|
-
id: 'Modal',
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
export default meta;
|
|
11
|
-
|
|
12
|
-
type Story = StoryObj<ModalComponent>;
|
|
13
|
-
|
|
14
|
-
export const Primary: Story = {
|
|
15
|
-
args: {
|
|
16
|
-
label: 'Primary Button',
|
|
17
|
-
icon: 'pi pi-check',
|
|
18
|
-
type: 'button',
|
|
19
|
-
iconPos: 'left',
|
|
20
|
-
disabled: false,
|
|
21
|
-
loading: false,
|
|
22
|
-
severity: 'primary',
|
|
23
|
-
rounded: false,
|
|
24
|
-
raised: true,
|
|
25
|
-
outlined: false,
|
|
26
|
-
link: false,
|
|
27
|
-
size: undefined,
|
|
28
|
-
ariaLabel: 'Primary button',
|
|
29
|
-
style: { 'margin-right': '10px' },
|
|
30
|
-
},
|
|
31
|
-
};
|
package/src/public-api.ts
DELETED