@skyux/inline-form 14.0.0-alpha.4 → 14.0.0-alpha.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/skyux-inline-form.mjs +15 -15
- package/package.json +7 -7
|
@@ -6,7 +6,7 @@ import * as i2 from '@skyux/i18n';
|
|
|
6
6
|
import { SkyLibResourcesService, SkyI18nModule } from '@skyux/i18n';
|
|
7
7
|
import { Subject, ReplaySubject, zip } from 'rxjs';
|
|
8
8
|
import { takeUntil } from 'rxjs/operators';
|
|
9
|
-
import { trigger, transition, query,
|
|
9
|
+
import { trigger, transition, query, style, animate, group } from '@angular/animations';
|
|
10
10
|
import * as i3 from '@skyux/core';
|
|
11
11
|
|
|
12
12
|
/* istanbul ignore file */
|
|
@@ -35,11 +35,11 @@ SkyLibResourcesService.addResources(RESOURCES);
|
|
|
35
35
|
* Import into any component library module that needs to use resource strings.
|
|
36
36
|
*/
|
|
37
37
|
class SkyInlineFormResourcesModule {
|
|
38
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
39
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
40
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
38
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyInlineFormResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
39
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: SkyInlineFormResourcesModule, exports: [SkyI18nModule] }); }
|
|
40
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyInlineFormResourcesModule, imports: [SkyI18nModule] }); }
|
|
41
41
|
}
|
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyInlineFormResourcesModule, decorators: [{
|
|
43
43
|
type: NgModule,
|
|
44
44
|
args: [{
|
|
45
45
|
exports: [SkyI18nModule],
|
|
@@ -122,10 +122,10 @@ class SkyInlineFormAdapterService {
|
|
|
122
122
|
list[0].focus();
|
|
123
123
|
}
|
|
124
124
|
}
|
|
125
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
126
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
125
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyInlineFormAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
126
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyInlineFormAdapterService }); }
|
|
127
127
|
}
|
|
128
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
128
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyInlineFormAdapterService, decorators: [{
|
|
129
129
|
type: Injectable
|
|
130
130
|
}] });
|
|
131
131
|
|
|
@@ -355,10 +355,10 @@ class SkyInlineFormComponent {
|
|
|
355
355
|
config.buttons.length > 0 &&
|
|
356
356
|
config.buttonLayout === SkyInlineFormButtonLayout.Custom);
|
|
357
357
|
}
|
|
358
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
359
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
358
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyInlineFormComponent, deps: [{ token: SkyInlineFormAdapterService }, { token: i0.ElementRef }, { token: i2.SkyLibResourcesService }, { token: i3.SkyAppWindowRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
359
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: SkyInlineFormComponent, isStandalone: false, selector: "sky-inline-form", inputs: { config: "config", template: "template", showForm: "showForm" }, outputs: { close: "close" }, host: { properties: { "attr.data-show-form": "this.showFormData" } }, providers: [SkyInlineFormAdapterService], ngImport: i0, template: "<div [@skySlideDissolve]=\"showForm\">\n @if (!showForm) {\n <div class=\"sky-slide-dissolve-first\">\n <ng-content />\n </div>\n } @else if (template) {\n <div class=\"sky-slide-dissolve-last\">\n <div\n class=\"sky-inline-form sky-shadow sky-box sky-elevation-1-bordered sky-padding-even-md\"\n >\n <div class=\"sky-inline-form-content\">\n <ng-container [ngTemplateOutlet]=\"template\" />\n </div>\n <div class=\"sky-inline-form-footer\">\n @for (button of buttons; track button.text) {\n <button\n class=\"sky-btn {{ 'sky-btn-' + button.styleType }}\"\n type=\"button\"\n [disabled]=\"button.disabled ? true : null\"\n [ngClass]=\"{ 'sky-btn-disabled': button.disabled }\"\n (click)=\"closeInlineForm(button)\"\n >\n {{ button.text }}\n </button>\n }\n </div>\n </div>\n </div>\n }\n</div>\n", styles: [".sky-inline-form:not(.sky-theme-modern *){--sky-override-inline-form-background-color: #eeeeef;--sky-override-inline-form-border: 1px solid #cdcfd2;--sky-override-inline-form-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);--sky-override-inline-form-button-margin-right: 5px;--sky-override-inline-form-padding: 10px 10px 10px 10px;--sky-override-inline-form-footer-margin-top: 20px}.sky-inline-form{background:var(--sky-override-inline-form-background-color, var(--sky-color-background-container-base));border:var(--sky-override-inline-form-border, var(--sky-border-style-elevation) var(--sky-border-width-container-base) var(--sky-color-border-container-base));box-shadow:var(--sky-override-inline-form-box-shadow, var(--sky-elevation-raised-100));padding:var(--sky-override-inline-form-padding, var(--sky-comp-inline_form-space-inset-top) var(--sky-comp-inline_form-space-inset-right) var(--sky-comp-inline_form-space-inset-bottom) var(--sky-comp-inline_form-space-inset-left));width:100%}.sky-inline-form .sky-inline-form-footer{margin-top:var(--sky-override-inline-form-footer-margin-top, var(--sky-space-gap-form-xl))}.sky-inline-form .sky-inline-form-footer button{margin:0 var(--sky-override-inline-form-button-margin-right, var(--sky-space-gap-action_group-m)) 0 0}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [skySlideDissolve], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
360
360
|
}
|
|
361
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
361
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyInlineFormComponent, decorators: [{
|
|
362
362
|
type: Component,
|
|
363
363
|
args: [{ selector: 'sky-inline-form', changeDetection: ChangeDetectionStrategy.OnPush, providers: [SkyInlineFormAdapterService], animations: [skySlideDissolve], standalone: false, template: "<div [@skySlideDissolve]=\"showForm\">\n @if (!showForm) {\n <div class=\"sky-slide-dissolve-first\">\n <ng-content />\n </div>\n } @else if (template) {\n <div class=\"sky-slide-dissolve-last\">\n <div\n class=\"sky-inline-form sky-shadow sky-box sky-elevation-1-bordered sky-padding-even-md\"\n >\n <div class=\"sky-inline-form-content\">\n <ng-container [ngTemplateOutlet]=\"template\" />\n </div>\n <div class=\"sky-inline-form-footer\">\n @for (button of buttons; track button.text) {\n <button\n class=\"sky-btn {{ 'sky-btn-' + button.styleType }}\"\n type=\"button\"\n [disabled]=\"button.disabled ? true : null\"\n [ngClass]=\"{ 'sky-btn-disabled': button.disabled }\"\n (click)=\"closeInlineForm(button)\"\n >\n {{ button.text }}\n </button>\n }\n </div>\n </div>\n </div>\n }\n</div>\n", styles: [".sky-inline-form:not(.sky-theme-modern *){--sky-override-inline-form-background-color: #eeeeef;--sky-override-inline-form-border: 1px solid #cdcfd2;--sky-override-inline-form-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);--sky-override-inline-form-button-margin-right: 5px;--sky-override-inline-form-padding: 10px 10px 10px 10px;--sky-override-inline-form-footer-margin-top: 20px}.sky-inline-form{background:var(--sky-override-inline-form-background-color, var(--sky-color-background-container-base));border:var(--sky-override-inline-form-border, var(--sky-border-style-elevation) var(--sky-border-width-container-base) var(--sky-color-border-container-base));box-shadow:var(--sky-override-inline-form-box-shadow, var(--sky-elevation-raised-100));padding:var(--sky-override-inline-form-padding, var(--sky-comp-inline_form-space-inset-top) var(--sky-comp-inline_form-space-inset-right) var(--sky-comp-inline_form-space-inset-bottom) var(--sky-comp-inline_form-space-inset-left));width:100%}.sky-inline-form .sky-inline-form-footer{margin-top:var(--sky-override-inline-form-footer-margin-top, var(--sky-space-gap-form-xl))}.sky-inline-form .sky-inline-form-footer button{margin:0 var(--sky-override-inline-form-button-margin-right, var(--sky-space-gap-action_group-m)) 0 0}\n"] }]
|
|
364
364
|
}], ctorParameters: () => [{ type: SkyInlineFormAdapterService }, { type: i0.ElementRef }, { type: i2.SkyLibResourcesService }, { type: i3.SkyAppWindowRef }, { type: i0.ChangeDetectorRef }], propDecorators: { config: [{
|
|
@@ -375,11 +375,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
375
375
|
}] } });
|
|
376
376
|
|
|
377
377
|
class SkyInlineFormModule {
|
|
378
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
379
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
380
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
378
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyInlineFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
379
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: SkyInlineFormModule, declarations: [SkyInlineFormComponent], imports: [CommonModule, SkyInlineFormResourcesModule], exports: [SkyInlineFormComponent] }); }
|
|
380
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyInlineFormModule, imports: [CommonModule, SkyInlineFormResourcesModule] }); }
|
|
381
381
|
}
|
|
382
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
382
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyInlineFormModule, decorators: [{
|
|
383
383
|
type: NgModule,
|
|
384
384
|
args: [{
|
|
385
385
|
declarations: [SkyInlineFormComponent],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/inline-form",
|
|
3
|
-
"version": "14.0.0-alpha.
|
|
3
|
+
"version": "14.0.0-alpha.6",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -16,12 +16,12 @@
|
|
|
16
16
|
},
|
|
17
17
|
"homepage": "https://github.com/blackbaud/skyux#readme",
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"@angular/animations": "^21.
|
|
20
|
-
"@angular/cdk": "^21.
|
|
21
|
-
"@angular/common": "^21.
|
|
22
|
-
"@angular/core": "^21.
|
|
23
|
-
"@skyux/core": "14.0.0-alpha.
|
|
24
|
-
"@skyux/i18n": "14.0.0-alpha.
|
|
19
|
+
"@angular/animations": "^21.2.0",
|
|
20
|
+
"@angular/cdk": "^21.2.0",
|
|
21
|
+
"@angular/common": "^21.2.0",
|
|
22
|
+
"@angular/core": "^21.2.0",
|
|
23
|
+
"@skyux/core": "14.0.0-alpha.6",
|
|
24
|
+
"@skyux/i18n": "14.0.0-alpha.6"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"tslib": "^2.8.1"
|