@softpak/components 0.0.0-beta.147 → 0.0.0-beta.149
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/esm2022/spx-form-section/spx-form-section.component.mjs +9 -9
- package/esm2022/spx-suggestion/spx-suggestion.component.mjs +3 -1
- package/fesm2022/softpak-components-spx-form-section.mjs +8 -8
- package/fesm2022/softpak-components-spx-form-section.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-suggestion.mjs +2 -0
- package/fesm2022/softpak-components-spx-suggestion.mjs.map +1 -1
- package/package.json +13 -13
|
@@ -6,25 +6,25 @@ export class SpxFormSectionComponent {
|
|
|
6
6
|
this.spxShowTitle = true;
|
|
7
7
|
}
|
|
8
8
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxFormSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxFormSectionComponent, isStandalone: true, selector: "spx-form-section", inputs: { spxIndex: "spxIndex", spxIndexSecondary: "spxIndexSecondary", spxTitle: "spxTitle", spxShowTitle: "spxShowTitle" }, ngImport: i0, template: `<div *ngIf="this.spxShowTitle" class="spx-form-section__title mb-2">
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxFormSectionComponent, isStandalone: true, selector: "spx-form-section", inputs: { spxIndex: "spxIndex", spxIndexSecondary: "spxIndexSecondary", spxTitle: "spxTitle", spxShowTitle: "spxShowTitle" }, ngImport: i0, template: `<div *ngIf="this.spxShowTitle" class="spx-form-section__title mb-2 flex gap-3">
|
|
10
10
|
<div class="spx-form-section__title-index">{{this.spxIndex}}<ng-container *ngIf="this.spxIndexSecondary">{{ this.spxIndexSecondary }}</ng-container></div>
|
|
11
|
-
<div class="spx-form-section__title-content">{{this.spxTitle}}</div>
|
|
11
|
+
<div class="spx-form-section__title-content grow">{{this.spxTitle}}</div>
|
|
12
12
|
</div>
|
|
13
|
-
<div class="
|
|
13
|
+
<div class="flex flex-col gap-3">
|
|
14
14
|
<ng-content></ng-content>
|
|
15
|
-
</div>`, isInline: true, styles: [":host{display:block}.spx-form-section__title-index{background-color:var(--spx-form-section--index--background-color, #000000);color:var(--spx-form-section--index--color, #FFFFFF);display:inline-block;font-size:14px;font-weight:700;height:30px;width:30px;line-height:30px;text-align:center;margin-right:12px;vertical-align:middle}
|
|
15
|
+
</div>`, isInline: true, styles: [":host{display:block}.spx-form-section__title-index{background-color:var(--spx-form-section--index--background-color, #000000);color:var(--spx-form-section--index--color, #FFFFFF);display:inline-block;font-size:14px;font-weight:700;height:30px;width:30px;line-height:30px;text-align:center;margin-right:12px;vertical-align:middle}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
16
16
|
}
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxFormSectionComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
19
|
args: [{ selector: 'spx-form-section', standalone: true, imports: [
|
|
20
20
|
NgIf,
|
|
21
|
-
], template: `<div *ngIf="this.spxShowTitle" class="spx-form-section__title mb-2">
|
|
21
|
+
], template: `<div *ngIf="this.spxShowTitle" class="spx-form-section__title mb-2 flex gap-3">
|
|
22
22
|
<div class="spx-form-section__title-index">{{this.spxIndex}}<ng-container *ngIf="this.spxIndexSecondary">{{ this.spxIndexSecondary }}</ng-container></div>
|
|
23
|
-
<div class="spx-form-section__title-content">{{this.spxTitle}}</div>
|
|
23
|
+
<div class="spx-form-section__title-content grow">{{this.spxTitle}}</div>
|
|
24
24
|
</div>
|
|
25
|
-
<div class="
|
|
25
|
+
<div class="flex flex-col gap-3">
|
|
26
26
|
<ng-content></ng-content>
|
|
27
|
-
</div>`, styles: [":host{display:block}.spx-form-section__title-index{background-color:var(--spx-form-section--index--background-color, #000000);color:var(--spx-form-section--index--color, #FFFFFF);display:inline-block;font-size:14px;font-weight:700;height:30px;width:30px;line-height:30px;text-align:center;margin-right:12px;vertical-align:middle}
|
|
27
|
+
</div>`, styles: [":host{display:block}.spx-form-section__title-index{background-color:var(--spx-form-section--index--background-color, #000000);color:var(--spx-form-section--index--color, #FFFFFF);display:inline-block;font-size:14px;font-weight:700;height:30px;width:30px;line-height:30px;text-align:center;margin-right:12px;vertical-align:middle}\n"] }]
|
|
28
28
|
}], propDecorators: { spxIndex: [{
|
|
29
29
|
type: Input
|
|
30
30
|
}], spxIndexSecondary: [{
|
|
@@ -34,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
34
34
|
}], spxShowTitle: [{
|
|
35
35
|
type: Input
|
|
36
36
|
}] } });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWZvcm0tc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWZvcm0tc2VjdGlvbi9zcHgtZm9ybS1zZWN0aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBbUNqRCxNQUFNLE9BQU8sdUJBQXVCO0lBakNwQztRQXFDVyxpQkFBWSxHQUFHLElBQUksQ0FBQztLQUM5Qjs4R0FMWSx1QkFBdUI7a0dBQXZCLHVCQUF1QiwwTUEzQnhCOzs7Ozs7U0FNSCxxWkFSTCxJQUFJOzsyRkE2QkssdUJBQXVCO2tCQWpDbkMsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQO3dCQUNQLElBQUk7cUJBQ0wsWUFDUzs7Ozs7O1NBTUg7OEJBc0JFLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcHgtZm9ybS1zZWN0aW9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE5nSWYsXG4gIF0sXG4gIHRlbXBsYXRlOiBgPGRpdiAqbmdJZj1cInRoaXMuc3B4U2hvd1RpdGxlXCIgY2xhc3M9XCJzcHgtZm9ybS1zZWN0aW9uX190aXRsZSBtYi0yIGZsZXggZ2FwLTNcIj5cbiAgICA8ZGl2IGNsYXNzPVwic3B4LWZvcm0tc2VjdGlvbl9fdGl0bGUtaW5kZXhcIj57e3RoaXMuc3B4SW5kZXh9fTxuZy1jb250YWluZXIgKm5nSWY9XCJ0aGlzLnNweEluZGV4U2Vjb25kYXJ5XCI+e3sgdGhpcy5zcHhJbmRleFNlY29uZGFyeSB9fTwvbmctY29udGFpbmVyPjwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJzcHgtZm9ybS1zZWN0aW9uX190aXRsZS1jb250ZW50IGdyb3dcIj57e3RoaXMuc3B4VGl0bGV9fTwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2wgZ2FwLTNcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PmAsXG4gIHN0eWxlczogYFxuICA6aG9zdCB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbiAgXG4gIC5zcHgtZm9ybS1zZWN0aW9uX190aXRsZS1pbmRleCB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc3B4LWZvcm0tc2VjdGlvbi0taW5kZXgtLWJhY2tncm91bmQtY29sb3IsICMwMDAwMDApO1xuICAgIGNvbG9yOiB2YXIoLS1zcHgtZm9ybS1zZWN0aW9uLS1pbmRleC0tY29sb3IsICNGRkZGRkYpO1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBmb250LXNpemU6IDE0cHg7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgaGVpZ2h0OiAzMHB4O1xuICAgIHdpZHRoOiAzMHB4O1xuICAgIGxpbmUtaGVpZ2h0OiAzMHB4O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBtYXJnaW4tcmlnaHQ6IDEycHg7XG4gICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgfVxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBTcHhGb3JtU2VjdGlvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHNweEluZGV4PzogbnVtYmVyO1xuICBASW5wdXQoKSBzcHhJbmRleFNlY29uZGFyeT86IG51bWJlcjtcbiAgQElucHV0KCkgc3B4VGl0bGU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNweFNob3dUaXRsZSA9IHRydWU7XG59XG4iXX0=
|
|
@@ -9,6 +9,7 @@ export class SpxSuggestionComponent {
|
|
|
9
9
|
}
|
|
10
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxSuggestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
11
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxSuggestionComponent, isStandalone: true, selector: "spx-suggestion", inputs: { spxDisabled: "spxDisabled", spxFocused: "spxFocused", spxSelected: "spxSelected", spxTabbable: "spxTabbable" }, ngImport: i0, template: `<button
|
|
12
|
+
type="button"
|
|
12
13
|
class="spx-suggestion block rounded text-gray-900 text-sm p-3 w-full text-left truncate outline-none"
|
|
13
14
|
[class.bg-sky-100]="!this.spxSelected && !this.spxDisabled"
|
|
14
15
|
[class.focus:ring-sky-300]="!this.spxSelected && !this.spxDisabled"
|
|
@@ -33,6 +34,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
33
34
|
selector: 'spx-suggestion',
|
|
34
35
|
standalone: true,
|
|
35
36
|
template: `<button
|
|
37
|
+
type="button"
|
|
36
38
|
class="spx-suggestion block rounded text-gray-900 text-sm p-3 w-full text-left truncate outline-none"
|
|
37
39
|
[class.bg-sky-100]="!this.spxSelected && !this.spxDisabled"
|
|
38
40
|
[class.focus:ring-sky-300]="!this.spxSelected && !this.spxDisabled"
|
|
@@ -60,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
60
62
|
}], spxTabbable: [{
|
|
61
63
|
type: Input
|
|
62
64
|
}] } });
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LXN1Z2dlc3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc29mdHBhay9jb21wb25lbnRzL3NweC1zdWdnZXN0aW9uL3NweC1zdWdnZXN0aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUF5QmpELE1BQU0sT0FBTyxzQkFBc0I7SUF2Qm5DO1FBd0JXLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDcEIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7S0FDOUI7OEdBTFksc0JBQXNCO2tHQUF0QixzQkFBc0Isb01BcEJ2Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7O2NBa0JFOzsyRkFFRCxzQkFBc0I7a0JBdkJsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7OztjQWtCRTtpQkFDYjs4QkFFVSxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcHgtc3VnZ2VzdGlvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHRlbXBsYXRlOiBgPGJ1dHRvblxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIGNsYXNzPVwic3B4LXN1Z2dlc3Rpb24gYmxvY2sgcm91bmRlZCB0ZXh0LWdyYXktOTAwIHRleHQtc20gcC0zIHctZnVsbCB0ZXh0LWxlZnQgdHJ1bmNhdGUgb3V0bGluZS1ub25lXCJcbiAgICBbY2xhc3MuYmctc2t5LTEwMF09XCIhdGhpcy5zcHhTZWxlY3RlZCAmJiAhdGhpcy5zcHhEaXNhYmxlZFwiXG4gICAgW2NsYXNzLmZvY3VzOnJpbmctc2t5LTMwMF09XCIhdGhpcy5zcHhTZWxlY3RlZCAmJiAhdGhpcy5zcHhEaXNhYmxlZFwiXG4gICAgW2NsYXNzLmhvdmVyOmJnLXNreS0zMDBdPVwiIXRoaXMuc3B4U2VsZWN0ZWQgJiYgIXRoaXMuc3B4RGlzYWJsZWRcIlxuICAgIFtjbGFzcy5hY3RpdmU6Ymctc2t5LTMwMF09XCIhdGhpcy5zcHhTZWxlY3RlZCAmJiAhdGhpcy5zcHhEaXNhYmxlZFwiXG4gICAgW2NsYXNzLmJnLWdyYXktMjAwXT1cInRoaXMuc3B4RGlzYWJsZWQgJiYgIXRoaXMuc3B4U2VsZWN0ZWRcIlxuICAgIFtjbGFzcy5iZy1ncmF5LTQwMF09XCJ0aGlzLnNweERpc2FibGVkICYmIHRoaXMuc3B4U2VsZWN0ZWRcIlxuICAgIFtjbGFzcy5jdXJzb3Itbm90LWFsbG93ZWRdPVwidGhpcy5zcHhEaXNhYmxlZFwiXG4gICAgW2NsYXNzLm9wYWNpdHktNjBdPVwidGhpcy5zcHhEaXNhYmxlZFwiXG4gICAgW2NsYXNzLmJnLXRlYWwtNTAwXT1cInRoaXMuc3B4U2VsZWN0ZWQgJiYgIXRoaXMuc3B4RGlzYWJsZWRcIlxuICAgIFtjbGFzcy5mb250LWJvbGRdPVwidGhpcy5zcHhTZWxlY3RlZFwiXG4gICAgW2F0dHIudGFiaW5kZXhdPVwidGhpcy5zcHhUYWJiYWJsZSAmJiAhdGhpcy5zcHhEaXNhYmxlZCA/IDAgOiAtMVwiXG4gICAgW2NsYXNzLnJpbmctMl09XCJ0aGlzLnNweEZvY3VzZWQgJiYgdGhpcy5zcHhUYWJiYWJsZSAmJiAhdGhpcy5zcHhEaXNhYmxlZFwiXG4gICAgW2NsYXNzLnJpbmctb2Zmc2V0LTJdPVwidGhpcy5zcHhGb2N1c2VkICYmIHRoaXMuc3B4VGFiYmFibGUgJiYgIXRoaXMuc3B4RGlzYWJsZWRcIlxuICAgIFtjbGFzcy5yaW5nLWJsdWUtNTAwXT1cInRoaXMuc3B4Rm9jdXNlZCAmJiB0aGlzLnNweFRhYmJhYmxlICYmICF0aGlzLnNweERpc2FibGVkXCI+XG4gICAgPGRpdiBjbGFzcz1cInRleHQtZWxsaXBzaXMgb3ZlcmZsb3ctaGlkZGVuIHdoaXRlc3BhY2Utbm93cmFwXCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvZGl2PlxuICAgIDwvYnV0dG9uPmAsXG59KVxuZXhwb3J0IGNsYXNzIFNweFN1Z2dlc3Rpb25Db21wb25lbnQge1xuICBASW5wdXQoKSBzcHhEaXNhYmxlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBzcHhGb2N1c2VkID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNweFNlbGVjdGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNweFRhYmJhYmxlID0gZmFsc2U7XG59XG4iXX0=
|
|
@@ -7,25 +7,25 @@ class SpxFormSectionComponent {
|
|
|
7
7
|
this.spxShowTitle = true;
|
|
8
8
|
}
|
|
9
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxFormSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxFormSectionComponent, isStandalone: true, selector: "spx-form-section", inputs: { spxIndex: "spxIndex", spxIndexSecondary: "spxIndexSecondary", spxTitle: "spxTitle", spxShowTitle: "spxShowTitle" }, ngImport: i0, template: `<div *ngIf="this.spxShowTitle" class="spx-form-section__title mb-2">
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxFormSectionComponent, isStandalone: true, selector: "spx-form-section", inputs: { spxIndex: "spxIndex", spxIndexSecondary: "spxIndexSecondary", spxTitle: "spxTitle", spxShowTitle: "spxShowTitle" }, ngImport: i0, template: `<div *ngIf="this.spxShowTitle" class="spx-form-section__title mb-2 flex gap-3">
|
|
11
11
|
<div class="spx-form-section__title-index">{{this.spxIndex}}<ng-container *ngIf="this.spxIndexSecondary">{{ this.spxIndexSecondary }}</ng-container></div>
|
|
12
|
-
<div class="spx-form-section__title-content">{{this.spxTitle}}</div>
|
|
12
|
+
<div class="spx-form-section__title-content grow">{{this.spxTitle}}</div>
|
|
13
13
|
</div>
|
|
14
|
-
<div class="
|
|
14
|
+
<div class="flex flex-col gap-3">
|
|
15
15
|
<ng-content></ng-content>
|
|
16
|
-
</div>`, isInline: true, styles: [":host{display:block}.spx-form-section__title-index{background-color:var(--spx-form-section--index--background-color, #000000);color:var(--spx-form-section--index--color, #FFFFFF);display:inline-block;font-size:14px;font-weight:700;height:30px;width:30px;line-height:30px;text-align:center;margin-right:12px;vertical-align:middle}
|
|
16
|
+
</div>`, isInline: true, styles: [":host{display:block}.spx-form-section__title-index{background-color:var(--spx-form-section--index--background-color, #000000);color:var(--spx-form-section--index--color, #FFFFFF);display:inline-block;font-size:14px;font-weight:700;height:30px;width:30px;line-height:30px;text-align:center;margin-right:12px;vertical-align:middle}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
17
17
|
}
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxFormSectionComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
20
|
args: [{ selector: 'spx-form-section', standalone: true, imports: [
|
|
21
21
|
NgIf,
|
|
22
|
-
], template: `<div *ngIf="this.spxShowTitle" class="spx-form-section__title mb-2">
|
|
22
|
+
], template: `<div *ngIf="this.spxShowTitle" class="spx-form-section__title mb-2 flex gap-3">
|
|
23
23
|
<div class="spx-form-section__title-index">{{this.spxIndex}}<ng-container *ngIf="this.spxIndexSecondary">{{ this.spxIndexSecondary }}</ng-container></div>
|
|
24
|
-
<div class="spx-form-section__title-content">{{this.spxTitle}}</div>
|
|
24
|
+
<div class="spx-form-section__title-content grow">{{this.spxTitle}}</div>
|
|
25
25
|
</div>
|
|
26
|
-
<div class="
|
|
26
|
+
<div class="flex flex-col gap-3">
|
|
27
27
|
<ng-content></ng-content>
|
|
28
|
-
</div>`, styles: [":host{display:block}.spx-form-section__title-index{background-color:var(--spx-form-section--index--background-color, #000000);color:var(--spx-form-section--index--color, #FFFFFF);display:inline-block;font-size:14px;font-weight:700;height:30px;width:30px;line-height:30px;text-align:center;margin-right:12px;vertical-align:middle}
|
|
28
|
+
</div>`, styles: [":host{display:block}.spx-form-section__title-index{background-color:var(--spx-form-section--index--background-color, #000000);color:var(--spx-form-section--index--color, #FFFFFF);display:inline-block;font-size:14px;font-weight:700;height:30px;width:30px;line-height:30px;text-align:center;margin-right:12px;vertical-align:middle}\n"] }]
|
|
29
29
|
}], propDecorators: { spxIndex: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}], spxIndexSecondary: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"softpak-components-spx-form-section.mjs","sources":["../../../../projects/softpak/components/spx-form-section/spx-form-section.component.ts","../../../../projects/softpak/components/spx-form-section/softpak-components-spx-form-section.ts"],"sourcesContent":["import { NgIf } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'spx-form-section',\n standalone: true,\n imports: [\n NgIf,\n ],\n template: `<div *ngIf=\"this.spxShowTitle\" class=\"spx-form-section__title mb-2\">\n <div class=\"spx-form-section__title-index\">{{this.spxIndex}}<ng-container *ngIf=\"this.spxIndexSecondary\">{{ this.spxIndexSecondary }}</ng-container></div>\n <div class=\"spx-form-section__title-content\">{{this.spxTitle}}</div>\n </div>\n <div class=\"
|
|
1
|
+
{"version":3,"file":"softpak-components-spx-form-section.mjs","sources":["../../../../projects/softpak/components/spx-form-section/spx-form-section.component.ts","../../../../projects/softpak/components/spx-form-section/softpak-components-spx-form-section.ts"],"sourcesContent":["import { NgIf } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'spx-form-section',\n standalone: true,\n imports: [\n NgIf,\n ],\n template: `<div *ngIf=\"this.spxShowTitle\" class=\"spx-form-section__title mb-2 flex gap-3\">\n <div class=\"spx-form-section__title-index\">{{this.spxIndex}}<ng-container *ngIf=\"this.spxIndexSecondary\">{{ this.spxIndexSecondary }}</ng-container></div>\n <div class=\"spx-form-section__title-content grow\">{{this.spxTitle}}</div>\n </div>\n <div class=\"flex flex-col gap-3\">\n <ng-content></ng-content>\n </div>`,\n styles: `\n :host {\n display: block;\n }\n \n .spx-form-section__title-index {\n background-color: var(--spx-form-section--index--background-color, #000000);\n color: var(--spx-form-section--index--color, #FFFFFF);\n display: inline-block;\n font-size: 14px;\n font-weight: bold;\n height: 30px;\n width: 30px;\n line-height: 30px;\n text-align: center;\n margin-right: 12px;\n vertical-align: middle;\n }\n `,\n})\nexport class SpxFormSectionComponent {\n @Input() spxIndex?: number;\n @Input() spxIndexSecondary?: number;\n @Input() spxTitle?: string;\n @Input() spxShowTitle = true;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAoCa,uBAAuB,CAAA;AAjCpC,IAAA,WAAA,GAAA;QAqCW,IAAY,CAAA,YAAA,GAAG,IAAI,CAAC;AAC9B,KAAA;8GALY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,EA3BxB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;AAMH,QAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,6UAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EARL,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FA6BK,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAjCnC,SAAS;+BACE,kBAAkB,EAAA,UAAA,EAChB,IAAI,EACP,OAAA,EAAA;wBACP,IAAI;qBACL,EACS,QAAA,EAAA,CAAA;;;;;;AAMH,QAAA,CAAA,EAAA,MAAA,EAAA,CAAA,6UAAA,CAAA,EAAA,CAAA;8BAsBE,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,iBAAiB,EAAA,CAAA;sBAAzB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;;;ACxCR;;AAEG;;;;"}
|
|
@@ -10,6 +10,7 @@ class SpxSuggestionComponent {
|
|
|
10
10
|
}
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxSuggestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
12
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SpxSuggestionComponent, isStandalone: true, selector: "spx-suggestion", inputs: { spxDisabled: "spxDisabled", spxFocused: "spxFocused", spxSelected: "spxSelected", spxTabbable: "spxTabbable" }, ngImport: i0, template: `<button
|
|
13
|
+
type="button"
|
|
13
14
|
class="spx-suggestion block rounded text-gray-900 text-sm p-3 w-full text-left truncate outline-none"
|
|
14
15
|
[class.bg-sky-100]="!this.spxSelected && !this.spxDisabled"
|
|
15
16
|
[class.focus:ring-sky-300]="!this.spxSelected && !this.spxDisabled"
|
|
@@ -34,6 +35,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
34
35
|
selector: 'spx-suggestion',
|
|
35
36
|
standalone: true,
|
|
36
37
|
template: `<button
|
|
38
|
+
type="button"
|
|
37
39
|
class="spx-suggestion block rounded text-gray-900 text-sm p-3 w-full text-left truncate outline-none"
|
|
38
40
|
[class.bg-sky-100]="!this.spxSelected && !this.spxDisabled"
|
|
39
41
|
[class.focus:ring-sky-300]="!this.spxSelected && !this.spxDisabled"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"softpak-components-spx-suggestion.mjs","sources":["../../../../projects/softpak/components/spx-suggestion/spx-suggestion.component.ts","../../../../projects/softpak/components/spx-suggestion/softpak-components-spx-suggestion.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'spx-suggestion',\n standalone: true,\n template: `<button\n class=\"spx-suggestion block rounded text-gray-900 text-sm p-3 w-full text-left truncate outline-none\"\n [class.bg-sky-100]=\"!this.spxSelected && !this.spxDisabled\"\n [class.focus:ring-sky-300]=\"!this.spxSelected && !this.spxDisabled\"\n [class.hover:bg-sky-300]=\"!this.spxSelected && !this.spxDisabled\"\n [class.active:bg-sky-300]=\"!this.spxSelected && !this.spxDisabled\"\n [class.bg-gray-200]=\"this.spxDisabled && !this.spxSelected\"\n [class.bg-gray-400]=\"this.spxDisabled && this.spxSelected\"\n [class.cursor-not-allowed]=\"this.spxDisabled\"\n [class.opacity-60]=\"this.spxDisabled\"\n [class.bg-teal-500]=\"this.spxSelected && !this.spxDisabled\"\n [class.font-bold]=\"this.spxSelected\"\n [attr.tabindex]=\"this.spxTabbable && !this.spxDisabled ? 0 : -1\"\n [class.ring-2]=\"this.spxFocused && this.spxTabbable && !this.spxDisabled\"\n [class.ring-offset-2]=\"this.spxFocused && this.spxTabbable && !this.spxDisabled\"\n [class.ring-blue-500]=\"this.spxFocused && this.spxTabbable && !this.spxDisabled\">\n <div class=\"text-ellipsis overflow-hidden whitespace-nowrap\"><ng-content></ng-content></div>\n </button>`,\n})\nexport class SpxSuggestionComponent {\n @Input() spxDisabled = false;\n @Input() spxFocused = false;\n @Input() spxSelected = false;\n @Input() spxTabbable = false;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"softpak-components-spx-suggestion.mjs","sources":["../../../../projects/softpak/components/spx-suggestion/spx-suggestion.component.ts","../../../../projects/softpak/components/spx-suggestion/softpak-components-spx-suggestion.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'spx-suggestion',\n standalone: true,\n template: `<button\n type=\"button\"\n class=\"spx-suggestion block rounded text-gray-900 text-sm p-3 w-full text-left truncate outline-none\"\n [class.bg-sky-100]=\"!this.spxSelected && !this.spxDisabled\"\n [class.focus:ring-sky-300]=\"!this.spxSelected && !this.spxDisabled\"\n [class.hover:bg-sky-300]=\"!this.spxSelected && !this.spxDisabled\"\n [class.active:bg-sky-300]=\"!this.spxSelected && !this.spxDisabled\"\n [class.bg-gray-200]=\"this.spxDisabled && !this.spxSelected\"\n [class.bg-gray-400]=\"this.spxDisabled && this.spxSelected\"\n [class.cursor-not-allowed]=\"this.spxDisabled\"\n [class.opacity-60]=\"this.spxDisabled\"\n [class.bg-teal-500]=\"this.spxSelected && !this.spxDisabled\"\n [class.font-bold]=\"this.spxSelected\"\n [attr.tabindex]=\"this.spxTabbable && !this.spxDisabled ? 0 : -1\"\n [class.ring-2]=\"this.spxFocused && this.spxTabbable && !this.spxDisabled\"\n [class.ring-offset-2]=\"this.spxFocused && this.spxTabbable && !this.spxDisabled\"\n [class.ring-blue-500]=\"this.spxFocused && this.spxTabbable && !this.spxDisabled\">\n <div class=\"text-ellipsis overflow-hidden whitespace-nowrap\"><ng-content></ng-content></div>\n </button>`,\n})\nexport class SpxSuggestionComponent {\n @Input() spxDisabled = false;\n @Input() spxFocused = false;\n @Input() spxSelected = false;\n @Input() spxTabbable = false;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAyBa,sBAAsB,CAAA;AAvBnC,IAAA,WAAA,GAAA;QAwBW,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;QACpB,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;QACnB,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;QACpB,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;AAC9B,KAAA;8GALY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EApBvB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;AAkBE,aAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAED,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAvBlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;;;;;AAkBE,aAAA,CAAA;AACb,iBAAA,CAAA;8BAEU,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;;;AC7BR;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@softpak/components",
|
|
3
|
-
"version": "0.0.0-beta.
|
|
3
|
+
"version": "0.0.0-beta.149",
|
|
4
4
|
"private": false,
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@angular/common": "^17.x.x",
|
|
@@ -29,6 +29,12 @@
|
|
|
29
29
|
"esm": "./esm2022/spx-alert/softpak-components-spx-alert.mjs",
|
|
30
30
|
"default": "./fesm2022/softpak-components-spx-alert.mjs"
|
|
31
31
|
},
|
|
32
|
+
"./spx-capitalize": {
|
|
33
|
+
"types": "./spx-capitalize/index.d.ts",
|
|
34
|
+
"esm2022": "./esm2022/spx-capitalize/softpak-components-spx-capitalize.mjs",
|
|
35
|
+
"esm": "./esm2022/spx-capitalize/softpak-components-spx-capitalize.mjs",
|
|
36
|
+
"default": "./fesm2022/softpak-components-spx-capitalize.mjs"
|
|
37
|
+
},
|
|
32
38
|
"./spx-app-configuration": {
|
|
33
39
|
"types": "./spx-app-configuration/index.d.ts",
|
|
34
40
|
"esm2022": "./esm2022/spx-app-configuration/softpak-components-spx-app-configuration.mjs",
|
|
@@ -41,30 +47,24 @@
|
|
|
41
47
|
"esm": "./esm2022/spx-button/softpak-components-spx-button.mjs",
|
|
42
48
|
"default": "./fesm2022/softpak-components-spx-button.mjs"
|
|
43
49
|
},
|
|
44
|
-
"./spx-capitalize": {
|
|
45
|
-
"types": "./spx-capitalize/index.d.ts",
|
|
46
|
-
"esm2022": "./esm2022/spx-capitalize/softpak-components-spx-capitalize.mjs",
|
|
47
|
-
"esm": "./esm2022/spx-capitalize/softpak-components-spx-capitalize.mjs",
|
|
48
|
-
"default": "./fesm2022/softpak-components-spx-capitalize.mjs"
|
|
49
|
-
},
|
|
50
50
|
"./spx-change-details": {
|
|
51
51
|
"types": "./spx-change-details/index.d.ts",
|
|
52
52
|
"esm2022": "./esm2022/spx-change-details/softpak-components-spx-change-details.mjs",
|
|
53
53
|
"esm": "./esm2022/spx-change-details/softpak-components-spx-change-details.mjs",
|
|
54
54
|
"default": "./fesm2022/softpak-components-spx-change-details.mjs"
|
|
55
55
|
},
|
|
56
|
-
"./spx-check-digit": {
|
|
57
|
-
"types": "./spx-check-digit/index.d.ts",
|
|
58
|
-
"esm2022": "./esm2022/spx-check-digit/softpak-components-spx-check-digit.mjs",
|
|
59
|
-
"esm": "./esm2022/spx-check-digit/softpak-components-spx-check-digit.mjs",
|
|
60
|
-
"default": "./fesm2022/softpak-components-spx-check-digit.mjs"
|
|
61
|
-
},
|
|
62
56
|
"./spx-channel-selection": {
|
|
63
57
|
"types": "./spx-channel-selection/index.d.ts",
|
|
64
58
|
"esm2022": "./esm2022/spx-channel-selection/softpak-components-spx-channel-selection.mjs",
|
|
65
59
|
"esm": "./esm2022/spx-channel-selection/softpak-components-spx-channel-selection.mjs",
|
|
66
60
|
"default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
|
|
67
61
|
},
|
|
62
|
+
"./spx-check-digit": {
|
|
63
|
+
"types": "./spx-check-digit/index.d.ts",
|
|
64
|
+
"esm2022": "./esm2022/spx-check-digit/softpak-components-spx-check-digit.mjs",
|
|
65
|
+
"esm": "./esm2022/spx-check-digit/softpak-components-spx-check-digit.mjs",
|
|
66
|
+
"default": "./fesm2022/softpak-components-spx-check-digit.mjs"
|
|
67
|
+
},
|
|
68
68
|
"./spx-form-section": {
|
|
69
69
|
"types": "./spx-form-section/index.d.ts",
|
|
70
70
|
"esm2022": "./esm2022/spx-form-section/softpak-components-spx-form-section.mjs",
|