@skyux/inline-form 14.7.0 → 15.0.0-alpha.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/fesm2022/skyux-inline-form.mjs +14 -14
- package/package.json +6 -6
|
@@ -33,11 +33,11 @@ SkyLibResourcesService.addResources(RESOURCES);
|
|
|
33
33
|
* Import into any component library module that needs to use resource strings.
|
|
34
34
|
*/
|
|
35
35
|
class SkyInlineFormResourcesModule {
|
|
36
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
37
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
38
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
36
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyInlineFormResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
37
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.6", ngImport: i0, type: SkyInlineFormResourcesModule, exports: [SkyI18nModule] }); }
|
|
38
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyInlineFormResourcesModule, imports: [SkyI18nModule] }); }
|
|
39
39
|
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyInlineFormResourcesModule, decorators: [{
|
|
41
41
|
type: NgModule,
|
|
42
42
|
args: [{
|
|
43
43
|
exports: [SkyI18nModule],
|
|
@@ -95,10 +95,10 @@ class SkyInlineFormAdapterService {
|
|
|
95
95
|
list[0].focus();
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
99
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
98
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyInlineFormAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
99
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyInlineFormAdapterService }); }
|
|
100
100
|
}
|
|
101
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
101
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyInlineFormAdapterService, decorators: [{
|
|
102
102
|
type: Injectable
|
|
103
103
|
}] });
|
|
104
104
|
|
|
@@ -328,10 +328,10 @@ class SkyInlineFormComponent {
|
|
|
328
328
|
config.buttons.length > 0 &&
|
|
329
329
|
config.buttonLayout === SkyInlineFormButtonLayout.Custom);
|
|
330
330
|
}
|
|
331
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
332
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
331
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyInlineFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
332
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", 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: "@if (!showForm) {\n <div class=\"sky-slide-dissolve-first\">\n <ng-content />\n </div>\n} @else if (template) {\n <div\n class=\"sky-slide-dissolve-last\"\n animate.leave=\"sky-slide-dissolve-leaving\"\n >\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", 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}@starting-style{.sky-slide-dissolve-first{opacity:0}}.sky-slide-dissolve-first{transition-property:opacity;transition-duration:var(--sky-global-duration-short);transition-timing-function:ease-in}.sky-slide-dissolve-last{display:grid;grid-template-rows:1fr;opacity:1;transition-property:grid-template-rows,opacity;transition-duration:var(--sky-global-duration-medium),var(--sky-global-duration-medium);transition-timing-function:ease-in,ease-in;transition-delay:0ms,var(--sky-global-duration-medium)}@starting-style{.sky-slide-dissolve-last{grid-template-rows:0fr;opacity:0}}.sky-slide-dissolve-last>.sky-inline-form{min-height:0;overflow:hidden}.sky-slide-dissolve-leaving{grid-template-rows:0fr;opacity:0;transition-property:grid-template-rows,opacity;transition-duration:var(--sky-global-duration-medium),0ms;transition-timing-function:ease-in,ease-in;transition-delay:0ms,0ms}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
333
333
|
}
|
|
334
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
334
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyInlineFormComponent, decorators: [{
|
|
335
335
|
type: Component,
|
|
336
336
|
args: [{ selector: 'sky-inline-form', changeDetection: ChangeDetectionStrategy.OnPush, providers: [SkyInlineFormAdapterService], standalone: false, template: "@if (!showForm) {\n <div class=\"sky-slide-dissolve-first\">\n <ng-content />\n </div>\n} @else if (template) {\n <div\n class=\"sky-slide-dissolve-last\"\n animate.leave=\"sky-slide-dissolve-leaving\"\n >\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", 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}@starting-style{.sky-slide-dissolve-first{opacity:0}}.sky-slide-dissolve-first{transition-property:opacity;transition-duration:var(--sky-global-duration-short);transition-timing-function:ease-in}.sky-slide-dissolve-last{display:grid;grid-template-rows:1fr;opacity:1;transition-property:grid-template-rows,opacity;transition-duration:var(--sky-global-duration-medium),var(--sky-global-duration-medium);transition-timing-function:ease-in,ease-in;transition-delay:0ms,var(--sky-global-duration-medium)}@starting-style{.sky-slide-dissolve-last{grid-template-rows:0fr;opacity:0}}.sky-slide-dissolve-last>.sky-inline-form{min-height:0;overflow:hidden}.sky-slide-dissolve-leaving{grid-template-rows:0fr;opacity:0;transition-property:grid-template-rows,opacity;transition-duration:var(--sky-global-duration-medium),0ms;transition-timing-function:ease-in,ease-in;transition-delay:0ms,0ms}\n"] }]
|
|
337
337
|
}], propDecorators: { config: [{
|
|
@@ -348,11 +348,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
348
348
|
}] } });
|
|
349
349
|
|
|
350
350
|
class SkyInlineFormModule {
|
|
351
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
352
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
353
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
351
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyInlineFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
352
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.6", ngImport: i0, type: SkyInlineFormModule, declarations: [SkyInlineFormComponent], imports: [CommonModule, SkyInlineFormResourcesModule], exports: [SkyInlineFormComponent] }); }
|
|
353
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyInlineFormModule, imports: [CommonModule, SkyInlineFormResourcesModule] }); }
|
|
354
354
|
}
|
|
355
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
355
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyInlineFormModule, decorators: [{
|
|
356
356
|
type: NgModule,
|
|
357
357
|
args: [{
|
|
358
358
|
declarations: [SkyInlineFormComponent],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/inline-form",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "15.0.0-alpha.1",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -16,11 +16,11 @@
|
|
|
16
16
|
},
|
|
17
17
|
"homepage": "https://github.com/blackbaud/skyux#readme",
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"@angular/cdk": "^
|
|
20
|
-
"@angular/common": "^
|
|
21
|
-
"@angular/core": "^
|
|
22
|
-
"@skyux/core": "
|
|
23
|
-
"@skyux/i18n": "
|
|
19
|
+
"@angular/cdk": "^22.0.4",
|
|
20
|
+
"@angular/common": "^22.0.6",
|
|
21
|
+
"@angular/core": "^22.0.6",
|
|
22
|
+
"@skyux/core": "15.0.0-alpha.1",
|
|
23
|
+
"@skyux/i18n": "15.0.0-alpha.1"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"tslib": "^2.8.1"
|