@seniorsistemas/angular-components 16.7.2 → 16.7.3

package/bundles/seniorsistemas-angular-components.umd.js

@@ -1587,13 +1587,14 @@
             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) {
@@ -5665,6 +5666,16 @@
             this.tokenRemoved = new core.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([
@@ -5688,8 +5699,8 @@
         TokenListComponent = TokenListComponent_1 = __decorate([
             core.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;