@seniorsistemas/angular-components 17.18.5 → 17.18.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/bundles/seniorsistemas-angular-components.umd.js +6 -2
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/tile/tile.component.d.ts +1 -0
- package/esm2015/components/tile/tile.component.js +7 -3
- package/esm5/components/tile/tile.component.js +7 -3
- package/fesm2015/seniorsistemas-angular-components.js +6 -2
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +6 -2
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -19825,6 +19825,7 @@ var TileComponent = /** @class */ (function () {
|
|
|
19825
19825
|
this.id = "s-tile-" + TileComponent_1.nextId++;
|
|
19826
19826
|
this.disabled = false;
|
|
19827
19827
|
this.tabIndex = 0;
|
|
19828
|
+
this.useThumbnail = true;
|
|
19828
19829
|
this.onClick = new EventEmitter();
|
|
19829
19830
|
}
|
|
19830
19831
|
TileComponent_1 = TileComponent;
|
|
@@ -19874,6 +19875,9 @@ var TileComponent = /** @class */ (function () {
|
|
|
19874
19875
|
__decorate([
|
|
19875
19876
|
Input()
|
|
19876
19877
|
], TileComponent.prototype, "tabIndex", void 0);
|
|
19878
|
+
__decorate([
|
|
19879
|
+
Input()
|
|
19880
|
+
], TileComponent.prototype, "useThumbnail", void 0);
|
|
19877
19881
|
__decorate([
|
|
19878
19882
|
Output()
|
|
19879
19883
|
], TileComponent.prototype, "onClick", void 0);
|
|
@@ -19883,8 +19887,8 @@ var TileComponent = /** @class */ (function () {
|
|
|
19883
19887
|
TileComponent = TileComponent_1 = __decorate([
|
|
19884
19888
|
Component({
|
|
19885
19889
|
selector: "s-tile",
|
|
19886
|
-
template: "<div\n [id]=\"id\"\n class=\"tile\"\n [attr.tabindex]=\"disabled ? undefined : tabIndex\"\n [attr.aria-label]=\"label\"\n [attr.aria-disabled]=\"disabled\"\n role=\"button\"\n [ngClass]=\"{'tile--disabled': disabled}\"\n (click)=\"!disabled && onClick.emit($event)\">\n <div\n *ngIf=\"imageSource || iconClass\"\n class=\"thumbnail\">\n <
|
|
19887
|
-
styles: [".tile{-ms-flex-align:center;align-items:center;background-color:#fff;border:1px solid #c1c1cc;cursor:pointer;display:-ms-flexbox;display:flex;min-height:80px;overflow:hidden;padding:15px;position:relative;transition:background-color .2s ease-out,border-color .2s ease-out}.tile
|
|
19890
|
+
template: "<div\n [id]=\"id\"\n class=\"tile\"\n [attr.tabindex]=\"disabled ? undefined : tabIndex\"\n [attr.aria-label]=\"label\"\n [attr.aria-disabled]=\"disabled\"\n role=\"button\"\n [ngClass]=\"{ 'tile--disabled': disabled }\"\n (click)=\"!disabled && onClick.emit($event)\">\n <div\n *ngIf=\"imageSource || iconClass\"\n class=\"thumbnail\">\n <ng-container *ngIf=\"imageSource\">\n <div\n *ngIf=\"!useThumbnail\"\n class=\"image-icon\">\n <div\n class=\"icon\"\n [style.background-image]=\"'url(' + imageSource + ')'\">\n </div>\n </div>\n <s-thumbnail\n *ngIf=\"useThumbnail\"\n [id]=\"id + '-thumbnail'\"\n [imageSource]=\"imageSource\"\n [imageAlt]=\"imageAlt || label\"\n size=\"small\"\n [isTile]=\"true\"\n >\n </s-thumbnail>\n </ng-container>\n\n <span\n *ngIf=\"!imageSource && iconClass\"\n [id]=\"id + '-icon'\"\n [class]=\"'icon ' + iconClass\"\n aria-hidden=\"true\">\n </span>\n </div>\n <div\n *ngIf=\"!iconClass && !imageSource\"\n class=\"first-letter-container\">\n <div class=\"first-letter\">\n <span>{{ initialLetter }}</span>\n </div>\n </div>\n\n <div class=\"info\">\n <span\n [id]=\"id + '-title'\"\n class=\"title\"\n [sTooltip]=\"label\"\n tooltipPosition=\"top\"\n showDelay=\"500\">\n {{ label }}\n </span>\n <span\n [id]=\"id + '-description'\"\n class=\"description\"\n [sTooltip]=\"description\"\n tooltipPosition=\"top\"\n showDelay=\"500\">\n {{ description }}\n </span>\n </div>\n</div>\n",
|
|
19891
|
+
styles: [".tile{-ms-flex-align:center;align-items:center;background-color:#fff;border:1px solid #c1c1cc;cursor:pointer;display:-ms-flexbox;display:flex;min-height:80px;overflow:hidden;padding:15px;position:relative;transition:background-color .2s ease-out,border-color .2s ease-out}.tile:focus:not(.tile--disabled),.tile:hover:not(.tile--disabled){background-color:#eeebf2;outline:0}.tile .thumbnail{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:15px}.tile .thumbnail .icon{color:#428bca;font-size:2.5rem}.tile .info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden}.tile .info .description,.tile .info .title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile .info .title{color:#428bca;font-size:1.25rem}.tile .info .description{color:#6e7280;font-size:.875rem}.tile .first-letter-container{float:left;margin-right:10px;position:relative;text-align:center}.tile .first-letter-container .first-letter{background-color:#428bca;border-radius:50%;color:#fff;font-size:1.375rem;height:40px;line-height:1.8em;margin:0 auto 5px;width:40px}.tile--disabled{opacity:.5;filter:Alpha(Opacity=50);background-image:none}.tile--disabled,.tile--disabled *{cursor:text!important}.tile .image-icon{padding:8px;background-color:#eeebf2;border-radius:4px}.tile .image-icon .icon{height:32px;width:32px;background-size:cover;background-repeat:no-repeat}"]
|
|
19888
19892
|
})
|
|
19889
19893
|
], TileComponent);
|
|
19890
19894
|
return TileComponent;
|