ngx-semantic 2.0.7-beta.1 → 2.0.9
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 +18 -18
- package/fesm2022/ngx-semantic-collections-breadcrumb.mjs +13 -13
- package/fesm2022/ngx-semantic-collections-breadcrumb.mjs.map +1 -1
- package/fesm2022/ngx-semantic-collections-form.mjs +18 -17
- package/fesm2022/ngx-semantic-collections-form.mjs.map +1 -1
- package/fesm2022/ngx-semantic-collections-grid.mjs +13 -13
- package/fesm2022/ngx-semantic-collections-grid.mjs.map +1 -1
- package/fesm2022/ngx-semantic-collections-menu.mjs +28 -19
- package/fesm2022/ngx-semantic-collections-menu.mjs.map +1 -1
- package/fesm2022/ngx-semantic-collections-message.mjs +16 -16
- package/fesm2022/ngx-semantic-collections-message.mjs.map +1 -1
- package/fesm2022/ngx-semantic-collections-table.mjs +16 -16
- package/fesm2022/ngx-semantic-collections-table.mjs.map +1 -1
- package/fesm2022/ngx-semantic-core-base.mjs +3 -3
- package/fesm2022/ngx-semantic-core-base.mjs.map +1 -1
- package/fesm2022/ngx-semantic-elements-button.mjs +10 -10
- package/fesm2022/ngx-semantic-elements-button.mjs.map +1 -1
- package/fesm2022/ngx-semantic-elements-container.mjs +7 -7
- package/fesm2022/ngx-semantic-elements-container.mjs.map +1 -1
- package/fesm2022/ngx-semantic-elements-divider.mjs +7 -7
- package/fesm2022/ngx-semantic-elements-divider.mjs.map +1 -1
- package/fesm2022/ngx-semantic-elements-flag.mjs +7 -7
- package/fesm2022/ngx-semantic-elements-flag.mjs.map +1 -1
- package/fesm2022/ngx-semantic-elements-header.mjs +10 -10
- package/fesm2022/ngx-semantic-elements-header.mjs.map +1 -1
- package/fesm2022/ngx-semantic-elements-icon.mjs +10 -10
- package/fesm2022/ngx-semantic-elements-icon.mjs.map +1 -1
- package/fesm2022/ngx-semantic-elements-image.mjs +10 -10
- package/fesm2022/ngx-semantic-elements-image.mjs.map +1 -1
- package/fesm2022/ngx-semantic-elements-input.mjs +7 -7
- package/fesm2022/ngx-semantic-elements-input.mjs.map +1 -1
- package/fesm2022/ngx-semantic-elements-label.mjs +10 -10
- package/fesm2022/ngx-semantic-elements-label.mjs.map +1 -1
- package/fesm2022/ngx-semantic-elements-list.mjs +10 -10
- package/fesm2022/ngx-semantic-elements-list.mjs.map +1 -1
- package/fesm2022/ngx-semantic-elements-loader.mjs +7 -7
- package/fesm2022/ngx-semantic-elements-loader.mjs.map +1 -1
- package/fesm2022/ngx-semantic-elements-placeholder.mjs +19 -19
- package/fesm2022/ngx-semantic-elements-placeholder.mjs.map +1 -1
- package/fesm2022/ngx-semantic-elements-rail.mjs +7 -7
- package/fesm2022/ngx-semantic-elements-rail.mjs.map +1 -1
- package/fesm2022/ngx-semantic-elements-reveal.mjs +10 -10
- package/fesm2022/ngx-semantic-elements-reveal.mjs.map +1 -1
- package/fesm2022/ngx-semantic-elements-segment.mjs +13 -13
- package/fesm2022/ngx-semantic-elements-segment.mjs.map +1 -1
- package/fesm2022/ngx-semantic-elements-steps.mjs +19 -19
- package/fesm2022/ngx-semantic-elements-steps.mjs.map +1 -1
- package/fesm2022/ngx-semantic-modules-accordion.mjs +10 -10
- package/fesm2022/ngx-semantic-modules-accordion.mjs.map +1 -1
- package/fesm2022/ngx-semantic-modules-checkbox.mjs +7 -7
- package/fesm2022/ngx-semantic-modules-checkbox.mjs.map +1 -1
- package/fesm2022/ngx-semantic-modules-dimmer.mjs +26 -17
- package/fesm2022/ngx-semantic-modules-dimmer.mjs.map +1 -1
- package/fesm2022/ngx-semantic-modules-dropdown.mjs +19 -19
- package/fesm2022/ngx-semantic-modules-dropdown.mjs.map +1 -1
- package/fesm2022/ngx-semantic-modules-embed.mjs +10 -10
- package/fesm2022/ngx-semantic-modules-embed.mjs.map +1 -1
- package/fesm2022/ngx-semantic-modules-modal.mjs +16 -16
- package/fesm2022/ngx-semantic-modules-modal.mjs.map +1 -1
- package/fesm2022/ngx-semantic-modules-popup.mjs +10 -10
- package/fesm2022/ngx-semantic-modules-popup.mjs.map +1 -1
- package/fesm2022/ngx-semantic-modules-progress.mjs +7 -7
- package/fesm2022/ngx-semantic-modules-progress.mjs.map +1 -1
- package/fesm2022/ngx-semantic-modules-rating.mjs +7 -7
- package/fesm2022/ngx-semantic-modules-rating.mjs.map +1 -1
- package/fesm2022/ngx-semantic-modules-search.mjs +7 -7
- package/fesm2022/ngx-semantic-modules-search.mjs.map +1 -1
- package/fesm2022/ngx-semantic-modules-select.mjs +13 -13
- package/fesm2022/ngx-semantic-modules-select.mjs.map +1 -1
- package/fesm2022/ngx-semantic-modules-shape.mjs +10 -10
- package/fesm2022/ngx-semantic-modules-shape.mjs.map +1 -1
- package/fesm2022/ngx-semantic-modules-sidebar.mjs +16 -16
- package/fesm2022/ngx-semantic-modules-sidebar.mjs.map +1 -1
- package/fesm2022/ngx-semantic-modules-sticky.mjs +7 -7
- package/fesm2022/ngx-semantic-modules-sticky.mjs.map +1 -1
- package/fesm2022/ngx-semantic-modules-tabs.mjs +10 -10
- package/fesm2022/ngx-semantic-modules-tabs.mjs.map +1 -1
- package/fesm2022/ngx-semantic-modules-transition.mjs +721 -0
- package/fesm2022/ngx-semantic-modules-transition.mjs.map +1 -0
- package/fesm2022/ngx-semantic-modules-visibility.mjs +525 -0
- package/fesm2022/ngx-semantic-modules-visibility.mjs.map +1 -0
- package/fesm2022/ngx-semantic-views-advertisement.mjs +7 -7
- package/fesm2022/ngx-semantic-views-advertisement.mjs.map +1 -1
- package/fesm2022/ngx-semantic-views-card.mjs +28 -28
- package/fesm2022/ngx-semantic-views-card.mjs.map +1 -1
- package/fesm2022/ngx-semantic-views-comment.mjs +31 -31
- package/fesm2022/ngx-semantic-views-comment.mjs.map +1 -1
- package/fesm2022/ngx-semantic-views-feed.mjs +28 -28
- package/fesm2022/ngx-semantic-views-feed.mjs.map +1 -1
- package/fesm2022/ngx-semantic-views-items.mjs +28 -28
- package/fesm2022/ngx-semantic-views-items.mjs.map +1 -1
- package/fesm2022/ngx-semantic-views-statistics.mjs +16 -16
- package/fesm2022/ngx-semantic-views-statistics.mjs.map +1 -1
- package/fesm2022/ngx-semantic.mjs +21 -9
- package/fesm2022/ngx-semantic.mjs.map +1 -1
- package/modules/transition/package.json +4 -0
- package/modules/visibility/package.json +4 -0
- package/package.json +9 -1
- package/types/ngx-semantic-modules-transition.d.ts +107 -0
- package/types/ngx-semantic-modules-visibility.d.ts +124 -0
- package/types/ngx-semantic.d.ts +3 -1
package/README.md
CHANGED
|
@@ -52,24 +52,24 @@ Components and directives are standalone; import feature `*Module` classes or in
|
|
|
52
52
|
| :x: | Component currently unavailable. |
|
|
53
53
|
| :no_entry_sign: | Component not applicable to Angular. |
|
|
54
54
|
|
|
55
|
-
|
|
|
56
|
-
|
|
57
|
-
| :white_check_mark: Button
|
|
58
|
-
| :white_check_mark: Container
|
|
59
|
-
| :white_check_mark: Divider
|
|
60
|
-
| :white_check_mark: Flag
|
|
61
|
-
| :white_check_mark: Header
|
|
62
|
-
| :white_check_mark: Icon
|
|
63
|
-
| :white_check_mark: Image
|
|
64
|
-
| :white_check_mark: Input
|
|
65
|
-
| :white_check_mark: Label
|
|
66
|
-
| :white_check_mark: List
|
|
67
|
-
| :white_check_mark: Loader
|
|
68
|
-
| :white_check_mark: Rail
|
|
69
|
-
| :white_check_mark: Reveal
|
|
70
|
-
| :white_check_mark: Segment
|
|
71
|
-
| :white_check_mark: Step
|
|
72
|
-
|
|
|
55
|
+
| Elements | Collections | Views | Modules | Behaviors |
|
|
56
|
+
|------------------------------|-------------------------------|----------------------------------|-------------------------------|---------------------------------|
|
|
57
|
+
| :white_check_mark: Button | :white_check_mark: Breadcrumb | :white_check_mark: Advertisement | :white_check_mark: Accordion | :no_entry_sign: API |
|
|
58
|
+
| :white_check_mark: Container | :white_check_mark: Form | :white_check_mark: Card | :white_check_mark: Checkbox | :no_entry_sign: Form Validation |
|
|
59
|
+
| :white_check_mark: Divider | :white_check_mark: Grid | :white_check_mark: Comment | :white_check_mark: Dimmer | :white_check_mark: Visibility |
|
|
60
|
+
| :white_check_mark: Flag | :white_check_mark: Menu | :white_check_mark: Feed | :white_check_mark: Dropdown | |
|
|
61
|
+
| :white_check_mark: Header | :white_check_mark: Message | :white_check_mark: Item | :white_check_mark: Embed | |
|
|
62
|
+
| :white_check_mark: Icon | :white_check_mark: Table | :white_check_mark: Statistic | :white_check_mark: Modal | |
|
|
63
|
+
| :white_check_mark: Image | | | :white_check_mark: Popup | |
|
|
64
|
+
| :white_check_mark: Input | | | :white_check_mark: Progress | |
|
|
65
|
+
| :white_check_mark: Label | | | :white_check_mark: Rating | |
|
|
66
|
+
| :white_check_mark: List | | | :white_check_mark: Search | |
|
|
67
|
+
| :white_check_mark: Loader | | | :rocket: Select | |
|
|
68
|
+
| :white_check_mark: Rail | | | :white_check_mark: Shape | |
|
|
69
|
+
| :white_check_mark: Reveal | | | :white_check_mark: Sidebar | |
|
|
70
|
+
| :white_check_mark: Segment | | | :white_check_mark: Sticky | |
|
|
71
|
+
| :white_check_mark: Step | | | :white_check_mark: Tab | |
|
|
72
|
+
| | | | :white_check_mark: Transition | |
|
|
73
73
|
|
|
74
74
|
## Development
|
|
75
75
|
|
|
@@ -26,10 +26,10 @@ class SuiBreadcrumbDividerDirective extends BaseDirective {
|
|
|
26
26
|
}
|
|
27
27
|
return this.suiIcon;
|
|
28
28
|
}
|
|
29
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
30
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
29
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiBreadcrumbDividerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
30
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiBreadcrumbDividerDirective, isStandalone: true, selector: "[suiBreadcrumbDivider]", inputs: { suiIcon: "suiIcon" }, exportAs: ["suiBreadcrumbDivider"], usesInheritance: true, ngImport: i0 }); }
|
|
31
31
|
}
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiBreadcrumbDividerDirective, decorators: [{
|
|
33
33
|
type: Directive,
|
|
34
34
|
args: [{
|
|
35
35
|
standalone: true,
|
|
@@ -58,13 +58,13 @@ class SuiBreadcrumbSectionDirective extends BaseDirective {
|
|
|
58
58
|
}
|
|
59
59
|
return '';
|
|
60
60
|
}
|
|
61
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
62
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
61
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiBreadcrumbSectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
62
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiBreadcrumbSectionDirective, isStandalone: true, selector: "[suiBreadcrumbSection]", inputs: { suiActive: "suiActive" }, exportAs: ["suiBreadcrumbSection"], usesInheritance: true, ngImport: i0 }); }
|
|
63
63
|
}
|
|
64
64
|
__decorate([
|
|
65
65
|
InputBoolean()
|
|
66
66
|
], SuiBreadcrumbSectionDirective.prototype, "suiActive", void 0);
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiBreadcrumbSectionDirective, decorators: [{
|
|
68
68
|
type: Directive,
|
|
69
69
|
args: [{
|
|
70
70
|
standalone: true,
|
|
@@ -91,10 +91,10 @@ class SuiBreadcrumbDirective extends BaseDirective {
|
|
|
91
91
|
'breadcrumb'
|
|
92
92
|
].join(' ');
|
|
93
93
|
}
|
|
94
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
95
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
94
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiBreadcrumbDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
95
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiBreadcrumbDirective, isStandalone: true, selector: "[sui-breadcrumb]", inputs: { suiSize: "suiSize" }, exportAs: ["suiBreadcrumb"], usesInheritance: true, ngImport: i0 }); }
|
|
96
96
|
}
|
|
97
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
97
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiBreadcrumbDirective, decorators: [{
|
|
98
98
|
type: Directive,
|
|
99
99
|
args: [{
|
|
100
100
|
standalone: true,
|
|
@@ -109,14 +109,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
|
|
|
109
109
|
* Created by bolor on 5/26/2020
|
|
110
110
|
*/
|
|
111
111
|
class SuiBreadcrumbModule {
|
|
112
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
113
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
112
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
113
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: SuiBreadcrumbModule, imports: [CommonModule,
|
|
114
114
|
SuiBreadcrumbDividerDirective,
|
|
115
115
|
SuiBreadcrumbSectionDirective,
|
|
116
116
|
SuiBreadcrumbDirective], exports: [SuiBreadcrumbDividerDirective, SuiBreadcrumbSectionDirective, SuiBreadcrumbDirective] }); }
|
|
117
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
117
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiBreadcrumbModule, imports: [CommonModule] }); }
|
|
118
118
|
}
|
|
119
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
119
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiBreadcrumbModule, decorators: [{
|
|
120
120
|
type: NgModule,
|
|
121
121
|
args: [{
|
|
122
122
|
imports: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-semantic-collections-breadcrumb.mjs","sources":["../../src/collections/breadcrumb/breadcrumb-divider.directive.ts","../../src/collections/breadcrumb/breadcrumb-section.directive.ts","../../src/collections/breadcrumb/breadcrumb.directive.ts","../../src/collections/breadcrumb/breadcrumb.module.ts","../../src/collections/breadcrumb/public-api.ts","../../src/collections/breadcrumb/ngx-semantic-collections-breadcrumb.ts"],"sourcesContent":["/**\n * Created by bolor on 5/26/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\n@Directive({\n standalone: true,\n exportAs: 'suiBreadcrumbDivider',\n selector: '[suiBreadcrumbDivider]'\n})\nexport class SuiBreadcrumbDividerDirective extends BaseDirective {\n @Input() public suiIcon = '';\n\n constructor() {\n const element = inject(ElementRef);\n\n super(element);\n }\n\n get classes(): string {\n return [\n this.getIcon(),\n 'divider'\n ].join(' ');\n }\n\n private getIcon(): string {\n if (this.suiIcon) {\n return `${this.suiIcon} icon`;\n }\n\n return this.suiIcon;\n }\n}\n","/**\n * Created by bolor on 5/26/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { InputBoolean } from 'ngx-semantic/core/util';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\n@Directive({\n standalone: true,\n exportAs: 'suiBreadcrumbSection',\n selector: '[suiBreadcrumbSection]'\n})\nexport class SuiBreadcrumbSectionDirective extends BaseDirective {\n @Input() @InputBoolean() public suiActive = false;\n\n constructor() {\n const element = inject(ElementRef);\n\n super(element);\n }\n\n get classes(): string {\n return [\n this.getActive(),\n 'section'\n ].join(' ');\n }\n\n public getActive(): string {\n if (this.suiActive) {\n return 'active';\n }\n\n return '';\n }\n}\n","/**\n * Created by bolor on 5/26/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { SuiSize } from 'ngx-semantic/core/enums';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\n@Directive({\n standalone: true,\n selector: '[sui-breadcrumb]',\n exportAs: 'suiBreadcrumb'\n})\nexport class SuiBreadcrumbDirective extends BaseDirective {\n @Input() public suiSize: SuiSize = null;\n\n constructor() {\n const element = inject(ElementRef);\n\n super(element);\n }\n\n get classes(): string {\n return [\n 'ui',\n this.suiSize,\n 'breadcrumb'\n ].join(' ');\n }\n}\n","/**\n * Created by bolor on 5/26/2020\n */\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SuiBreadcrumbDividerDirective } from './breadcrumb-divider.directive';\nimport { SuiBreadcrumbSectionDirective } from './breadcrumb-section.directive';\nimport { SuiBreadcrumbDirective } from './breadcrumb.directive';\n\n@NgModule({\n imports: [\n CommonModule,\n SuiBreadcrumbDividerDirective,\n SuiBreadcrumbSectionDirective,\n SuiBreadcrumbDirective\n ],\n exports: [SuiBreadcrumbDividerDirective, SuiBreadcrumbSectionDirective, SuiBreadcrumbDirective],\n})\nexport class SuiBreadcrumbModule {\n}\n","/**\n * Created by bolor on 5/26/2020\n */\n\nexport * from './breadcrumb-divider.directive';\nexport * from './breadcrumb-section.directive';\nexport * from './breadcrumb.directive';\nexport * from './breadcrumb.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;AAAA;;AAEG;AAUG,MAAO,6BAA8B,SAAQ,aAAa,CAAA;AAG9D,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;QAElC,KAAK,CAAC,OAAO,CAAC;QALA,IAAA,CAAA,OAAO,GAAG,EAAE;IAM5B;AAEA,IAAA,IAAI,OAAO,GAAA;QACT,OAAO;YACL,IAAI,CAAC,OAAO,EAAE;YACd;AACD,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC;IACb;IAEQ,OAAO,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,OAAO,CAAA,EAAG,IAAI,CAAC,OAAO,OAAO;QAC/B;QAEA,OAAO,IAAI,CAAC,OAAO;IACrB
|
|
1
|
+
{"version":3,"file":"ngx-semantic-collections-breadcrumb.mjs","sources":["../../src/collections/breadcrumb/breadcrumb-divider.directive.ts","../../src/collections/breadcrumb/breadcrumb-section.directive.ts","../../src/collections/breadcrumb/breadcrumb.directive.ts","../../src/collections/breadcrumb/breadcrumb.module.ts","../../src/collections/breadcrumb/public-api.ts","../../src/collections/breadcrumb/ngx-semantic-collections-breadcrumb.ts"],"sourcesContent":["/**\n * Created by bolor on 5/26/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\n@Directive({\n standalone: true,\n exportAs: 'suiBreadcrumbDivider',\n selector: '[suiBreadcrumbDivider]'\n})\nexport class SuiBreadcrumbDividerDirective extends BaseDirective {\n @Input() public suiIcon = '';\n\n constructor() {\n const element = inject(ElementRef);\n\n super(element);\n }\n\n get classes(): string {\n return [\n this.getIcon(),\n 'divider'\n ].join(' ');\n }\n\n private getIcon(): string {\n if (this.suiIcon) {\n return `${this.suiIcon} icon`;\n }\n\n return this.suiIcon;\n }\n}\n","/**\n * Created by bolor on 5/26/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { InputBoolean } from 'ngx-semantic/core/util';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\n@Directive({\n standalone: true,\n exportAs: 'suiBreadcrumbSection',\n selector: '[suiBreadcrumbSection]'\n})\nexport class SuiBreadcrumbSectionDirective extends BaseDirective {\n @Input() @InputBoolean() public suiActive = false;\n\n constructor() {\n const element = inject(ElementRef);\n\n super(element);\n }\n\n get classes(): string {\n return [\n this.getActive(),\n 'section'\n ].join(' ');\n }\n\n public getActive(): string {\n if (this.suiActive) {\n return 'active';\n }\n\n return '';\n }\n}\n","/**\n * Created by bolor on 5/26/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { SuiSize } from 'ngx-semantic/core/enums';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\n@Directive({\n standalone: true,\n selector: '[sui-breadcrumb]',\n exportAs: 'suiBreadcrumb'\n})\nexport class SuiBreadcrumbDirective extends BaseDirective {\n @Input() public suiSize: SuiSize = null;\n\n constructor() {\n const element = inject(ElementRef);\n\n super(element);\n }\n\n get classes(): string {\n return [\n 'ui',\n this.suiSize,\n 'breadcrumb'\n ].join(' ');\n }\n}\n","/**\n * Created by bolor on 5/26/2020\n */\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SuiBreadcrumbDividerDirective } from './breadcrumb-divider.directive';\nimport { SuiBreadcrumbSectionDirective } from './breadcrumb-section.directive';\nimport { SuiBreadcrumbDirective } from './breadcrumb.directive';\n\n@NgModule({\n imports: [\n CommonModule,\n SuiBreadcrumbDividerDirective,\n SuiBreadcrumbSectionDirective,\n SuiBreadcrumbDirective\n ],\n exports: [SuiBreadcrumbDividerDirective, SuiBreadcrumbSectionDirective, SuiBreadcrumbDirective],\n})\nexport class SuiBreadcrumbModule {\n}\n","/**\n * Created by bolor on 5/26/2020\n */\n\nexport * from './breadcrumb-divider.directive';\nexport * from './breadcrumb-section.directive';\nexport * from './breadcrumb.directive';\nexport * from './breadcrumb.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;AAAA;;AAEG;AAUG,MAAO,6BAA8B,SAAQ,aAAa,CAAA;AAG9D,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;QAElC,KAAK,CAAC,OAAO,CAAC;QALA,IAAA,CAAA,OAAO,GAAG,EAAE;IAM5B;AAEA,IAAA,IAAI,OAAO,GAAA;QACT,OAAO;YACL,IAAI,CAAC,OAAO,EAAE;YACd;AACD,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC;IACb;IAEQ,OAAO,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,OAAO,CAAA,EAAG,IAAI,CAAC,OAAO,OAAO;QAC/B;QAEA,OAAO,IAAI,CAAC,OAAO;IACrB;+GAtBW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAA7B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBALzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,QAAQ,EAAE;AACX,iBAAA;;sBAEE;;;ACAG,MAAO,6BAA8B,SAAQ,aAAa,CAAA;AAG9D,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;QAElC,KAAK,CAAC,OAAO,CAAC;QALgB,IAAA,CAAA,SAAS,GAAG,KAAK;IAMjD;AAEA,IAAA,IAAI,OAAO,GAAA;QACT,OAAO;YACL,IAAI,CAAC,SAAS,EAAE;YAChB;AACD,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC;IACb;IAEO,SAAS,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,OAAO,QAAQ;QACjB;AAEA,QAAA,OAAO,EAAE;IACX;+GAtBW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;AACR,UAAA,CAAA;AAAtB,IAAA,YAAY;AAA4B,CAAA,EAAA,6BAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA;4FADvC,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBALzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,QAAQ,EAAE;AACX,iBAAA;;sBAEE;;;ACdH;;AAEG;AAWG,MAAO,sBAAuB,SAAQ,aAAa,CAAA;AAGvD,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;QAElC,KAAK,CAAC,OAAO,CAAC;QALA,IAAA,CAAA,OAAO,GAAY,IAAI;IAMvC;AAEA,IAAA,IAAI,OAAO,GAAA;QACT,OAAO;YACL,IAAI;AACJ,YAAA,IAAI,CAAC,OAAO;YACZ;AACD,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC;IACb;+GAfW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,QAAQ,EAAE;AACX,iBAAA;;sBAEE;;;ACdH;;AAEG;MAiBU,mBAAmB,CAAA;+GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAP5B,YAAY;YACZ,6BAA6B;YAC7B,6BAA6B;AAC7B,YAAA,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAEd,6BAA6B,EAAE,6BAA6B,EAAE,sBAAsB,CAAA,EAAA,CAAA,CAAA;AAEnF,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAP5B,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAOH,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAT/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,6BAA6B;wBAC7B,6BAA6B;wBAC7B;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE,CAAC,6BAA6B,EAAE,6BAA6B,EAAE,sBAAsB,CAAC;AAChG,iBAAA;;;AClBD;;AAEG;;ACFH;;AAEG;;;;"}
|
|
@@ -29,8 +29,8 @@ class SuiFormFieldDirective extends BaseDirective {
|
|
|
29
29
|
ClassUtils.getPropClass(this.suiError, 'error')
|
|
30
30
|
].join(' ');
|
|
31
31
|
}
|
|
32
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
33
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
32
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiFormFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
33
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiFormFieldDirective, isStandalone: true, selector: "[suiFormField]", inputs: { suiWidth: "suiWidth", suiError: "suiError", suiInline: "suiInline", disabled: "disabled", suiRequired: "suiRequired" }, exportAs: ["suiFormField"], usesInheritance: true, ngImport: i0 }); }
|
|
34
34
|
}
|
|
35
35
|
__decorate([
|
|
36
36
|
InputBoolean()
|
|
@@ -44,7 +44,7 @@ __decorate([
|
|
|
44
44
|
__decorate([
|
|
45
45
|
InputBoolean()
|
|
46
46
|
], SuiFormFieldDirective.prototype, "suiRequired", void 0);
|
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiFormFieldDirective, decorators: [{
|
|
48
48
|
type: Directive,
|
|
49
49
|
args: [{
|
|
50
50
|
standalone: true,
|
|
@@ -81,8 +81,8 @@ class SuiFormFieldsDirective extends BaseDirective {
|
|
|
81
81
|
'fields'
|
|
82
82
|
].join(' ');
|
|
83
83
|
}
|
|
84
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
85
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
84
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiFormFieldsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
85
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiFormFieldsDirective, isStandalone: true, selector: "[suiFormFields]", inputs: { suiWidth: "suiWidth", suiInline: "suiInline", suiGrouped: "suiGrouped", suiEqualWidth: "suiEqualWidth" }, exportAs: ["suiFormFields"], usesInheritance: true, ngImport: i0 }); }
|
|
86
86
|
}
|
|
87
87
|
__decorate([
|
|
88
88
|
InputBoolean()
|
|
@@ -93,7 +93,7 @@ __decorate([
|
|
|
93
93
|
__decorate([
|
|
94
94
|
InputBoolean()
|
|
95
95
|
], SuiFormFieldsDirective.prototype, "suiEqualWidth", void 0);
|
|
96
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
96
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiFormFieldsDirective, decorators: [{
|
|
97
97
|
type: Directive,
|
|
98
98
|
args: [{
|
|
99
99
|
standalone: true,
|
|
@@ -133,8 +133,8 @@ class SuiFormDirective extends BaseDirective {
|
|
|
133
133
|
this.suiState
|
|
134
134
|
].join(' ');
|
|
135
135
|
}
|
|
136
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
137
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
136
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiFormDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
137
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiFormDirective, isStandalone: true, selector: "[sui-form]", inputs: { suiState: "suiState", suiSize: "suiSize", suiLoading: "suiLoading", suiEqualWidth: "suiEqualWidth", suiInverted: "suiInverted", suiReply: "suiReply" }, exportAs: ["suiForm"], usesInheritance: true, ngImport: i0 }); }
|
|
138
138
|
}
|
|
139
139
|
__decorate([
|
|
140
140
|
InputBoolean()
|
|
@@ -148,7 +148,7 @@ __decorate([
|
|
|
148
148
|
__decorate([
|
|
149
149
|
InputBoolean()
|
|
150
150
|
], SuiFormDirective.prototype, "suiReply", void 0);
|
|
151
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
151
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiFormDirective, decorators: [{
|
|
152
152
|
type: Directive,
|
|
153
153
|
args: [{
|
|
154
154
|
standalone: true,
|
|
@@ -670,11 +670,12 @@ class SuiFormValidationDirective {
|
|
|
670
670
|
const r = this.runValidationWithUi();
|
|
671
671
|
const form = this.getAngularForm();
|
|
672
672
|
const ok = r.valid && (!form || form.valid);
|
|
673
|
+
// Always prevent native form navigation; consumers use suiOnSuccess for follow-up.
|
|
674
|
+
event.preventDefault();
|
|
673
675
|
if (!ok) {
|
|
674
676
|
if (this.suiMarkControlsTouchedOnInvalid && form) {
|
|
675
677
|
form.markAllAsTouched();
|
|
676
678
|
}
|
|
677
|
-
event.preventDefault();
|
|
678
679
|
event.stopPropagation();
|
|
679
680
|
const errorsOut = r.errors.length > 0
|
|
680
681
|
? r.errors
|
|
@@ -1070,8 +1071,8 @@ class SuiFormValidationDirective {
|
|
|
1070
1071
|
el.value = value === null || value === undefined ? '' : String(value);
|
|
1071
1072
|
}
|
|
1072
1073
|
}
|
|
1073
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1074
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
1074
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiFormValidationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1075
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiFormValidationDirective, isStandalone: true, selector: "form[suiFormValidation]", inputs: { suiFields: "suiFields", suiOn: "suiOn", suiInline: "suiInline", suiRevalidate: "suiRevalidate", suiDelay: "suiDelay", suiKeyboardShortcuts: "suiKeyboardShortcuts", suiMarkControlsTouchedOnInvalid: "suiMarkControlsTouchedOnInvalid" }, outputs: { suiOnSuccess: "suiOnSuccess", suiOnFailure: "suiOnFailure" }, host: { listeners: { "submit": "onHostSubmit($event)", "keydown": "onHostKeydown($event)" } }, exportAs: ["suiFormValidation"], usesOnChanges: true, ngImport: i0 }); }
|
|
1075
1076
|
}
|
|
1076
1077
|
__decorate([
|
|
1077
1078
|
InputBoolean()
|
|
@@ -1085,7 +1086,7 @@ __decorate([
|
|
|
1085
1086
|
__decorate([
|
|
1086
1087
|
InputBoolean()
|
|
1087
1088
|
], SuiFormValidationDirective.prototype, "suiMarkControlsTouchedOnInvalid", void 0);
|
|
1088
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1089
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiFormValidationDirective, decorators: [{
|
|
1089
1090
|
type: Directive,
|
|
1090
1091
|
args: [{
|
|
1091
1092
|
standalone: true,
|
|
@@ -1122,8 +1123,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
|
|
|
1122
1123
|
* Created by bolor on 5/26/2020
|
|
1123
1124
|
*/
|
|
1124
1125
|
class SuiFormModule {
|
|
1125
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1126
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
1126
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1127
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: SuiFormModule, imports: [CommonModule,
|
|
1127
1128
|
FormsModule,
|
|
1128
1129
|
ReactiveFormsModule,
|
|
1129
1130
|
SuiFormFieldDirective,
|
|
@@ -1135,12 +1136,12 @@ class SuiFormModule {
|
|
|
1135
1136
|
SuiFormDirective,
|
|
1136
1137
|
SuiFormFieldsDirective,
|
|
1137
1138
|
SuiFormValidationDirective] }); }
|
|
1138
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
1139
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiFormModule, imports: [CommonModule,
|
|
1139
1140
|
FormsModule,
|
|
1140
1141
|
ReactiveFormsModule, FormsModule,
|
|
1141
1142
|
ReactiveFormsModule] }); }
|
|
1142
1143
|
}
|
|
1143
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1144
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiFormModule, decorators: [{
|
|
1144
1145
|
type: NgModule,
|
|
1145
1146
|
args: [{
|
|
1146
1147
|
imports: [
|