ngx-sfc-components 0.0.27 → 0.0.28
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/esm2020/lib/components/no-export-index.mjs +2 -2
- package/esm2020/lib/components/tags/parts/tag/tag.component.mjs +6 -6
- package/esm2020/lib/components/tags/tags.component.mjs +8 -3
- package/esm2020/lib/ngx-sfc-components.module.mjs +4 -4
- package/fesm2015/ngx-sfc-components.mjs +12 -9
- package/fesm2015/ngx-sfc-components.mjs.map +1 -1
- package/fesm2020/ngx-sfc-components.mjs +12 -9
- package/fesm2020/ngx-sfc-components.mjs.map +1 -1
- package/lib/components/no-export-index.d.ts +1 -1
- package/lib/components/tags/parts/tag/tag.component.d.ts +3 -3
- package/lib/components/tags/tags.component.d.ts +3 -1
- package/lib/ngx-sfc-components.module.d.ts +1 -1
- package/package.json +2 -2
|
@@ -1137,15 +1137,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
1137
1137
|
class TagsComponent {
|
|
1138
1138
|
constructor() {
|
|
1139
1139
|
this.tags = [];
|
|
1140
|
+
this.tags1 = [];
|
|
1140
1141
|
}
|
|
1141
1142
|
}
|
|
1142
1143
|
TagsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TagsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1143
|
-
TagsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TagsComponent, selector: "sfc-tags", inputs: { tags: "tags" }, ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"tags\">\r\n
|
|
1144
|
+
TagsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TagsComponent, selector: "sfc-tags", inputs: { tags: "tags", tags1: "tags1" }, ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"tags\">\r\n <sfc-tag *ngFor=\"let tag of tags1\" [model]=\"tag\"></sfc-tag> \r\n </div>\r\n</div>", styles: [":host{display:inline-block}:host .container .tags{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.TagComponent, selector: "sfc-tag", inputs: ["close", "model"], outputs: ["remove"] }] });
|
|
1144
1145
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TagsComponent, decorators: [{
|
|
1145
1146
|
type: Component,
|
|
1146
|
-
args: [{ selector: 'sfc-tags', template: "<div class=\"container\">\r\n <div class=\"tags\">\r\n
|
|
1147
|
+
args: [{ selector: 'sfc-tags', template: "<div class=\"container\">\r\n <div class=\"tags\">\r\n <sfc-tag *ngFor=\"let tag of tags1\" [model]=\"tag\"></sfc-tag> \r\n </div>\r\n</div>", styles: [":host{display:inline-block}:host .container .tags{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}\n"] }]
|
|
1147
1148
|
}], propDecorators: { tags: [{
|
|
1148
1149
|
type: Input
|
|
1150
|
+
}], tags1: [{
|
|
1151
|
+
type: Input
|
|
1149
1152
|
}] } });
|
|
1150
1153
|
|
|
1151
1154
|
var SliderButtonType;
|
|
@@ -4171,16 +4174,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
4171
4174
|
args: ['document:visibilitychange']
|
|
4172
4175
|
}] } });
|
|
4173
4176
|
|
|
4174
|
-
class
|
|
4177
|
+
class Tag2Component {
|
|
4175
4178
|
constructor() {
|
|
4176
4179
|
this.model = { label: CommonConstants.EMPTY_STRING };
|
|
4177
4180
|
}
|
|
4178
4181
|
}
|
|
4179
|
-
|
|
4180
|
-
|
|
4181
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type:
|
|
4182
|
+
Tag2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: Tag2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4183
|
+
Tag2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: Tag2Component, selector: "sfc-tag2", inputs: { model: "model" }, ngImport: i0, template: "<div class=\"container\">\r\n <a class=\"tag\">\r\n <div class=\"content\">\r\n <sfc-icon *ngIf=\"model.icon || model.imageSrc\" [icon]=\"model.icon\" [imageSrc]=\"model.imageSrc\"></sfc-icon>\r\n <span>{{model.label}}</span>\r\n </div>\r\n </a>\r\n</div>", styles: [":host{display:inline-flex;margin:0 .18em}:host .container{margin-top:.3em;font-size:.8em;-webkit-user-select:none;user-select:none}:host .container .tag{display:inline-flex;border-radius:1em;font-weight:700;color:#545e61;transition:color .5s ease;transition:background-color .5s ease;transition:color .5s ease,background-color .5s ease;border:.125em solid transparent;padding:.3em}:host .container .tag,:host-context(.sfc-default-theme) :host .container .tag{color:#fff}:host-context(.sfc-dark-theme) :host .container .tag{color:#545e61}:host .container .tag,:host-context(.sfc-default-theme) :host .container .tag{background-color:#545e61}:host-context(.sfc-dark-theme) :host .container .tag{background-color:#fff}:host .container .tag .content{display:flex;align-items:center;text-align:center;padding:0 .8em}:host .container .tag .content fa-icon{margin-right:.18em}:host .container:hover .tag{background-color:#ffce54;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.IconComponent, selector: "sfc-icon", inputs: ["icon", "imageSrc"] }] });
|
|
4184
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: Tag2Component, decorators: [{
|
|
4182
4185
|
type: Component,
|
|
4183
|
-
args: [{ selector: 'sfc-
|
|
4186
|
+
args: [{ selector: 'sfc-tag2', template: "<div class=\"container\">\r\n <a class=\"tag\">\r\n <div class=\"content\">\r\n <sfc-icon *ngIf=\"model.icon || model.imageSrc\" [icon]=\"model.icon\" [imageSrc]=\"model.imageSrc\"></sfc-icon>\r\n <span>{{model.label}}</span>\r\n </div>\r\n </a>\r\n</div>", styles: [":host{display:inline-flex;margin:0 .18em}:host .container{margin-top:.3em;font-size:.8em;-webkit-user-select:none;user-select:none}:host .container .tag{display:inline-flex;border-radius:1em;font-weight:700;color:#545e61;transition:color .5s ease;transition:background-color .5s ease;transition:color .5s ease,background-color .5s ease;border:.125em solid transparent;padding:.3em}:host .container .tag,:host-context(.sfc-default-theme) :host .container .tag{color:#fff}:host-context(.sfc-dark-theme) :host .container .tag{color:#545e61}:host .container .tag,:host-context(.sfc-default-theme) :host .container .tag{background-color:#545e61}:host-context(.sfc-dark-theme) :host .container .tag{background-color:#fff}:host .container .tag .content{display:flex;align-items:center;text-align:center;padding:0 .8em}:host .container .tag .content fa-icon{margin-right:.18em}:host .container:hover .tag{background-color:#ffce54;color:#fff}\n"] }]
|
|
4184
4187
|
}], propDecorators: { model: [{
|
|
4185
4188
|
type: Input
|
|
4186
4189
|
}] } });
|
|
@@ -4219,7 +4222,7 @@ NgxSfcComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
|
|
|
4219
4222
|
ProgressCircleComponent,
|
|
4220
4223
|
// Tags
|
|
4221
4224
|
TagsComponent,
|
|
4222
|
-
|
|
4225
|
+
Tag2Component,
|
|
4223
4226
|
// Slider
|
|
4224
4227
|
SliderComponent,
|
|
4225
4228
|
SliderItemComponent,
|
|
@@ -4319,7 +4322,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
4319
4322
|
ProgressCircleComponent,
|
|
4320
4323
|
// Tags
|
|
4321
4324
|
TagsComponent,
|
|
4322
|
-
|
|
4325
|
+
Tag2Component,
|
|
4323
4326
|
// Slider
|
|
4324
4327
|
SliderComponent,
|
|
4325
4328
|
SliderItemComponent,
|