@ship-ui/core 0.13.31 → 0.14.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/ship-ui-core.mjs +28 -12
- package/fesm2022/ship-ui-core.mjs.map +1 -1
- package/index.d.ts +1 -1
- package/package.json +1 -1
- package/styles/components/ship-alert.component.scss +17 -146
- package/styles/components/ship-button.component.scss +12 -260
- package/styles/components/ship-chip.component.scss +5 -207
- package/styles/components/ship-event-card.component.scss +2 -159
- package/styles/components/ship-form-field.component.scss +10 -0
- package/styles/components/ship-sheet.utility.scss +298 -0
- package/styles/core/core/loader.scss +1 -1
- package/styles/index.scss +4 -0
|
@@ -47,10 +47,11 @@ class ShipAlertComponent {
|
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ShipAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
50
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: ShipAlertComponent, isStandalone: true, selector: "sh-alert", inputs: { alertService: { classPropertyName: "alertService", publicName: "alertService", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
50
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: ShipAlertComponent, isStandalone: true, selector: "sh-alert", inputs: { alertService: { classPropertyName: "alertService", publicName: "alertService", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "sh-sheet" }, ngImport: i0, template: `
|
|
51
51
|
<div class="alert">
|
|
52
52
|
<div #ref class="icon" [style.display]="!ref.children.length ? 'none' : 'block'">
|
|
53
|
-
<ng-content select="[icon]"
|
|
53
|
+
<ng-content select="[icon]" />
|
|
54
|
+
<ng-content select="sh-icon" />
|
|
54
55
|
</div>
|
|
55
56
|
|
|
56
57
|
<div class="icon">
|
|
@@ -72,8 +73,8 @@ class ShipAlertComponent {
|
|
|
72
73
|
</div>
|
|
73
74
|
|
|
74
75
|
<div class="title">
|
|
75
|
-
<ng-content select="[title]"
|
|
76
|
-
<ng-content
|
|
76
|
+
<ng-content select="[title]" />
|
|
77
|
+
<ng-content />
|
|
77
78
|
</div>
|
|
78
79
|
|
|
79
80
|
@if (id()) {
|
|
@@ -81,7 +82,8 @@ class ShipAlertComponent {
|
|
|
81
82
|
}
|
|
82
83
|
|
|
83
84
|
<div class="content">
|
|
84
|
-
<ng-content select="[content]"
|
|
85
|
+
<ng-content select="[content]" />
|
|
86
|
+
<ng-content select="p" />
|
|
85
87
|
</div>
|
|
86
88
|
</div>
|
|
87
89
|
`, isInline: true, dependencies: [{ kind: "component", type: ShipIconComponent, selector: "sh-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
@@ -94,7 +96,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
94
96
|
template: `
|
|
95
97
|
<div class="alert">
|
|
96
98
|
<div #ref class="icon" [style.display]="!ref.children.length ? 'none' : 'block'">
|
|
97
|
-
<ng-content select="[icon]"
|
|
99
|
+
<ng-content select="[icon]" />
|
|
100
|
+
<ng-content select="sh-icon" />
|
|
98
101
|
</div>
|
|
99
102
|
|
|
100
103
|
<div class="icon">
|
|
@@ -116,8 +119,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
116
119
|
</div>
|
|
117
120
|
|
|
118
121
|
<div class="title">
|
|
119
|
-
<ng-content select="[title]"
|
|
120
|
-
<ng-content
|
|
122
|
+
<ng-content select="[title]" />
|
|
123
|
+
<ng-content />
|
|
121
124
|
</div>
|
|
122
125
|
|
|
123
126
|
@if (id()) {
|
|
@@ -125,11 +128,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
125
128
|
}
|
|
126
129
|
|
|
127
130
|
<div class="content">
|
|
128
|
-
<ng-content select="[content]"
|
|
131
|
+
<ng-content select="[content]" />
|
|
132
|
+
<ng-content select="p" />
|
|
129
133
|
</div>
|
|
130
134
|
</div>
|
|
131
135
|
`,
|
|
132
136
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
137
|
+
host: {
|
|
138
|
+
class: 'sh-sheet',
|
|
139
|
+
},
|
|
133
140
|
}]
|
|
134
141
|
}] });
|
|
135
142
|
|
|
@@ -526,7 +533,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
526
533
|
|
|
527
534
|
class ShipButtonComponent {
|
|
528
535
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ShipButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
529
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: ShipButtonComponent, isStandalone: true, selector: "[shButton]", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
536
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: ShipButtonComponent, isStandalone: true, selector: "[shButton]", host: { classAttribute: "sh-sheet-h" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
530
537
|
}
|
|
531
538
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ShipButtonComponent, decorators: [{
|
|
532
539
|
type: Component,
|
|
@@ -535,6 +542,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
535
542
|
imports: [],
|
|
536
543
|
template: '<ng-content></ng-content>',
|
|
537
544
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
545
|
+
host: {
|
|
546
|
+
class: 'sh-sheet-h',
|
|
547
|
+
},
|
|
538
548
|
}]
|
|
539
549
|
}] });
|
|
540
550
|
|
|
@@ -595,7 +605,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
595
605
|
|
|
596
606
|
class ShipChipComponent {
|
|
597
607
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ShipChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
598
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: ShipChipComponent, isStandalone: true, selector: "sh-chip", ngImport: i0, template: '<div><ng-content></ng-content></div>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
608
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: ShipChipComponent, isStandalone: true, selector: "sh-chip", host: { classAttribute: "sh-sheet" }, ngImport: i0, template: '<div><ng-content></ng-content></div>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
599
609
|
}
|
|
600
610
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ShipChipComponent, decorators: [{
|
|
601
611
|
type: Component,
|
|
@@ -604,6 +614,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
604
614
|
imports: [],
|
|
605
615
|
template: '<div><ng-content></ng-content></div>',
|
|
606
616
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
617
|
+
host: {
|
|
618
|
+
class: 'sh-sheet',
|
|
619
|
+
},
|
|
607
620
|
}]
|
|
608
621
|
}] });
|
|
609
622
|
|
|
@@ -2000,7 +2013,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
2000
2013
|
|
|
2001
2014
|
class ShipEventCardComponent {
|
|
2002
2015
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ShipEventCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2003
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: ShipEventCardComponent, isStandalone: true, selector: "sh-event-card", ngImport: i0, template: `
|
|
2016
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: ShipEventCardComponent, isStandalone: true, selector: "sh-event-card", host: { classAttribute: "sh-sheet" }, ngImport: i0, template: `
|
|
2004
2017
|
<div class="content">
|
|
2005
2018
|
<ng-content />
|
|
2006
2019
|
</div>
|
|
@@ -2027,6 +2040,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
2027
2040
|
</div>
|
|
2028
2041
|
`,
|
|
2029
2042
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2043
|
+
host: {
|
|
2044
|
+
class: 'sh-sheet',
|
|
2045
|
+
},
|
|
2030
2046
|
}]
|
|
2031
2047
|
}] });
|
|
2032
2048
|
|