@seniorsistemas/angular-components 16.7.2 → 16.7.3

package/fesm5/seniorsistemas-angular-components.js

@@ -1418,13 +1418,14 @@ var CountryPhonePickerComponent = /** @class */ (function () {
         this.filteredCountriesList = this.countriesList;
         this.selectedItem = this._getSelectedCountryDefault();
         this.phone.valueChanges.subscribe(function (value) {
+            var _a;
             _this.value = {
                 id: _this.selectedItem.id,
                 ddi: _this.selectedItem.ddi,
                 rawValue: value !== null && value !== void 0 ? value : "",
                 value: value ? "" + _this._applyMask(value) : "",
             };
-            _this._onChange(_this.value);
+            (_a = _this._onChange) === null || _a === void 0 ? void 0 : _a.call(_this.value);
         });
     };
     CountryPhonePickerComponent.prototype.onKeydown = function (event) {
@@ -5496,6 +5497,16 @@ var TokenListComponent = /** @class */ (function () {
         this.tokenRemoved = new EventEmitter();
     }
     TokenListComponent_1 = TokenListComponent;
+    TokenListComponent.prototype.onTokenSelected = function (token) {
+        if (!token.disabled) {
+            this.tokenSelected.next(token);
+        }
+    };
+    TokenListComponent.prototype.onTokenRemoved = function (token) {
+        if (!token.disabled) {
+            this.tokenRemoved.next(token);
+        }
+    };
     var TokenListComponent_1;
     TokenListComponent.nextId = 0;
     __decorate([
@@ -5519,8 +5530,8 @@ var TokenListComponent = /** @class */ (function () {
     TokenListComponent = TokenListComponent_1 = __decorate([
         Component({
             selector: "s-token-list",
-            template: "<div\n    [id]=\"id\"\n    class=\"token-list\">\n    <ng-container *ngFor=\"let token of tokens\">\n        <span\n            [id]=\"token.id\"\n            class=\"token\"\n            [ngClass]=\"{ 'no-pointer-events': hidePointerEvents }\">\n            <a\n                [id]=\"(token.id || 'token') + '-label'\"\n                class=\"token-label\"\n                (click)=\"tokenSelected.next(token)\">\n                {{ token.label }}\n            </a>\n            <span\n                *ngIf=\"removableTokens && !token.notRemovable\"\n                [id]=\"token.id + '-remove'\"\n                class=\"token-icon fa fa-fw fa-close\"\n                (click)=\"tokenRemoved.next(token)\">\n            </span>\n        </span>\n    </ng-container>\n</div>",
-            styles: [".no-pointer-events{pointer-events:none}.token-list{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;padding:0 10px;text-transform:none}.token-list .token{-ms-flex-align:center;align-items:center;background-color:#ccc;border-radius:4px;color:#333;display:-ms-flexbox;display:flex;font:400 12px/150% \"Open Sans\",sans-serif;margin:2px 5px 0 0;max-width:100%;padding:2px 8px}.token-list .token-label{max-width:50ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-list .token:focus,.token-list .token:hover{background-color:#e5eaea}.token-list .token a{text-decoration:none;color:#333}"]
+            template: "<div\n    [id]=\"id\"\n    class=\"token-list\">\n    <ng-container *ngFor=\"let token of tokens\">\n        <span\n            [id]=\"token.id\"\n            class=\"token\"\n            [ngClass]=\"{\n                'no-pointer-events': hidePointerEvents,\n                'token--disabled': token.disabled\n            }\">\n            <a\n                [id]=\"(token.id || 'token') + '-label'\"\n                class=\"token-label\"\n                (click)=\"onTokenSelected(token)\">\n                {{ token.label }}\n            </a>\n            <span\n                *ngIf=\"removableTokens && !token.notRemovable\"\n                [id]=\"token.id + '-remove'\"\n                class=\"token-icon fa fa-fw fa-close\"\n                (click)=\"onTokenRemoved(token)\">\n            </span>\n        </span>\n    </ng-container>\n</div>",
+            styles: [".no-pointer-events{pointer-events:none}.token-list{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;padding:0 10px;text-transform:none}.token-list .token{-ms-flex-align:center;align-items:center;background-color:#e5eaea;border:1px solid #697882;border-radius:4px;color:#333;display:-ms-flexbox;display:flex;font:400 12px/150% \"Open Sans\",sans-serif;margin:2px 5px 0 0;max-width:100%;padding:2px 8px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.token-list .token-label{max-width:50ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-list .token:not(.token--disabled):focus,.token-list .token:not(.token--disabled):hover{background-color:#ccc}.token-list .token a{text-decoration:none;color:#333}.token-list .token--disabled{opacity:50%}.token-list .token--disabled a{cursor:default}"]
         })
     ], TokenListComponent);
     return TokenListComponent;