@sumaris-net/ngx-components 18.14.2 → 18.14.4

package/fesm2022/sumaris-net.ngx-components.mjs

@@ -26365,22 +26365,16 @@ class DecoratorUtils {
     static createPropertyName(prefix, propertyKey) {
         return `${prefix}${this.capitalize(propertyKey)}`;
     }
-    static validateStateProperty(target, stateVarName) {
-        if (!production && stateVarName !== 'this') {
-            return `
-        if (!${stateVarName}) {
-          throw new Error('Missing state! Please add a RxState in class: ' + this.constructor.name);
+    static validateStateProperty(target, stateObject) {
+        if (!production && !stateObject) {
+            throw new Error(`Missing state! Please add a RxState in class: ${target.constructor.name}`);
         }
-      `;
-        }
-        return '';
     }
 }
 const STATE_VAR_NAME_KEY = '__stateName';
 const DEFAULT_STATE_VAR_NAME = '_state';
 /**
  * Decorator to register the RxState property in a component
- * Must be used once per class hierarchy
  */
 function RxStateRegister() {
     return function (target, key) {
@@ -26397,49 +26391,36 @@ function RxStateRegister() {
 }
 /**
  * Decorator for RxState properties with getter/setter access
- * Creates reactive properties that sync with RxState
  */
 function RxStateProperty(statePropertyName, projectValueReducer) {
     return function (target, key) {
-        // Vérification de type au runtime (optionnelle)
-        const descriptor = Object.getOwnPropertyDescriptor(target, key);
-        if (descriptor && typeof descriptor.value !== 'undefined') {
-            // On peut ajouter ici des vérifications de type runtime si nécessaire
-        }
         const finalStatePropertyName = statePropertyName || key;
         const stateVarName = target instanceof RxState ? null : target[STATE_VAR_NAME_KEY] || DEFAULT_STATE_VAR_NAME;
-        const stateObject = stateVarName ? `this.${stateVarName}` : 'this';
-        // Generate method names
-        const getMethodName = DecoratorUtils.createMethodName('_get', key);
-        const setMethodName = DecoratorUtils.createMethodName('_set', key);
-        const reducerMethodName = DecoratorUtils.createMethodName('_reduce', key);
-        // State validation (only in development)
-        const stateValidation = DecoratorUtils.validateStateProperty(target, stateObject);
-        // Create reducer logic
-        const reducerLogic = projectValueReducer ? `(state) => this.${reducerMethodName}(state, value)` : '() => value';
-        // Create dynamic methods using Function constructor for better performance
-        const getter = new Function(`
-      return function ${getMethodName}() {
-        ${stateValidation}
-        return ${stateObject}.get('${finalStatePropertyName}');
-      }
-    `)();
-        const setter = new Function(`
-      return function ${setMethodName}(value) {
-        ${stateValidation}
-        ${stateObject}.set('${finalStatePropertyName}', ${reducerLogic});
-      }
-    `)();
-        // Attach methods to prototype
-        target[getMethodName] = getter;
-        target[setMethodName] = setter;
-        if (projectValueReducer) {
-            target[reducerMethodName] = projectValueReducer;
-        }
+        // Create unique property names to avoid conflicts
+        const privateValueKey = `__${key}_value`;
+        const privateInitializedKey = `__${key}_initialized`;
         // Define property with getter/setter
         Object.defineProperty(target, key, {
-            get: getter,
-            set: setter,
+            get: function () {
+                const stateObject = stateVarName ? this[stateVarName] : this;
+                DecoratorUtils.validateStateProperty(target, stateObject);
+                if (!this[privateInitializedKey]) {
+                    this[privateValueKey] = stateObject.get(finalStatePropertyName);
+                    this[privateInitializedKey] = true;
+                }
+                return this[privateValueKey];
+            },
+            set: function (value) {
+                const stateObject = stateVarName ? this[stateVarName] : this;
+                DecoratorUtils.validateStateProperty(target, stateObject);
+                this[privateValueKey] = value;
+                if (projectValueReducer) {
+                    stateObject.set(finalStatePropertyName, (state) => projectValueReducer(state, value));
+                }
+                else {
+                    stateObject.set(finalStatePropertyName, () => value);
+                }
+            },
             enumerable: true,
             configurable: true,
         });
@@ -26451,117 +26432,79 @@ function RxStateProperty(statePropertyName, projectValueReducer) {
 }
 /**
  * Decorator for RxState observable selectors
- * Creates observable properties that select from RxState
- *
- * ⚠️ IMPORTANT: La propriété décorée DOIT être typée comme Observable<T>
- *
- * @example
- * ```typescript
- * @RxStateSelect()
- * protected pmfms$: Observable<IPmfm[]>; // ✅ Correct
- *
- * @RxStateSelect()
- * protected badProperty: boolean; // ❌ TypeScript Error
- * ```
  */
 function RxStateSelect(statePropertyName, opts) {
     return function (target, key) {
-        // Vérification simple basée sur la convention (optionnelle)
+        // Convention check
         if (!production && !key.endsWith('$')) {
             console.warn(`[RxStateSelect] Convention: Property ${target.constructor?.name}.${key} should end with '$' to indicate it's an Observable`);
         }
-        // Determine state property name (remove trailing $ if present)
+        // Determine state property name
         const finalStatePropertyName = statePropertyName || key.replace(/\$$/, '');
         // Determine state object
         const stateVarName = target instanceof RxState ? null : target[STATE_VAR_NAME_KEY] || opts?.stateName || DEFAULT_STATE_VAR_NAME;
-        const stateObject = stateVarName ? `this.${stateVarName}` : 'this';
         // Create cache property name
-        const cachePropertyName = `_${key}`;
-        // Generate method name
-        const getMethodName = DecoratorUtils.createMethodName('_get', key.replace(/\$$/, '') + '$');
-        // Create observable selector logic
-        const observableSelector = finalStatePropertyName === '$'
-            ? `${stateObject}.$`
-            : finalStatePropertyName.includes('.')
-                ? `${stateObject}.select('${finalStatePropertyName.split('.').join("', '")}')`
-                : `${stateObject}.select('${finalStatePropertyName}')`;
-        // State validation
-        const stateValidation = DecoratorUtils.validateStateProperty(target, stateObject);
-        // Create getter with caching
-        const getter = new Function(`
-      return function ${getMethodName}() {
-        ${stateValidation}
-        if (!this.${cachePropertyName}) {
-          this.${cachePropertyName} = ${observableSelector};
-        }
-        return this.${cachePropertyName};
-      }
-    `)();
-        // Attach method to prototype
-        target[getMethodName] = getter;
+        const cachePropertyName = `__${key}_cache`;
         // Define property with getter only
         Object.defineProperty(target, key, {
-            get: getter,
+            get: function () {
+                const stateObject = stateVarName ? this[stateVarName] : this;
+                DecoratorUtils.validateStateProperty(target, stateObject);
+                if (!this[cachePropertyName]) {
+                    if (finalStatePropertyName === '$') {
+                        this[cachePropertyName] = stateObject.$;
+                    }
+                    else if (finalStatePropertyName.includes('.')) {
+                        const path = finalStatePropertyName.split('.');
+                        this[cachePropertyName] = stateObject.select(...path);
+                    }
+                    else {
+                        this[cachePropertyName] = stateObject.select(finalStatePropertyName);
+                    }
+                }
+                return this[cachePropertyName];
+            },
             enumerable: true,
             configurable: false,
         });
         // Development logging
         if (!production) {
-            console.debug(`[RxStateSelect] ${target.constructor?.name}.${key} -> ${observableSelector}`);
+            console.debug(`[RxStateSelect] ${target.constructor?.name}.${key} -> state.select('${finalStatePropertyName}')`);
         }
     };
 }
 /**
  * Utility decorator to create computed observables from state
- *
- * ⚠️ IMPORTANT: La propriété décorée DOIT être typée comme Observable<T>
  */
 function RxStateComputed(dependencies, computeFn, opts) {
     return function (target, key) {
-        // Vérification simple basée sur la convention (optionnelle)
+        // Convention check
         if (!production && !key.endsWith('$')) {
             console.warn(`[RxStateComputed] Convention: Property ${target.constructor?.name}.${key} should end with '$' to indicate it's an Observable`);
         }
         const stateVarName = target instanceof RxState ? null : target[STATE_VAR_NAME_KEY] || opts?.stateName || DEFAULT_STATE_VAR_NAME;
-        const stateObject = stateVarName ? `this.${stateVarName}` : 'this';
-        const cachePropertyName = `_${key}`;
-        const getMethodName = DecoratorUtils.createMethodName('_get', key.replace(/\$$/, '') + '$');
-        const computeMethodName = DecoratorUtils.createMethodName('_compute', key);
-        const keyCompareMapPropertyName = DecoratorUtils.createPropertyName(`_compareMap`, key);
-        // State validation
-        const stateValidation = DecoratorUtils.validateStateProperty(target, stateObject);
-        // Create dependencies array as string for code generation
-        const dependenciesStr = dependencies.map((dep) => `'${dep}'`).join(', ');
-        // Create the compute method as string, for code generation
-        const computeMethodNameStr = computeFn ? `, (slice) => this.${computeMethodName}(slice)` : '';
-        // Create the comparator map function as string, for code generation
-        const keyCompareMapStr = opts?.keyCompareMap ? `, this.${keyCompareMapPropertyName}` : '';
-        // Create getter with caching using RxState's native multi-select + pipe(map())
-        const getter = new Function(`
-      return function ${getMethodName}() {
-        ${stateValidation}
-        if (!this.${cachePropertyName}) {
-          const { map } = require('rxjs/operators');
-          this.${cachePropertyName} = ${stateObject}.select([${dependenciesStr}]${computeMethodNameStr}${keyCompareMapStr});
-        }
-        return this.${cachePropertyName};
-      }
-    `)();
-        // Attach compute method, optional keyCompareMap with unique name, and getter to prototype
-        if (computeFn)
-            target[computeMethodName] = computeFn;
-        if (opts?.keyCompareMap)
-            target[keyCompareMapPropertyName] = opts.keyCompareMap;
-        target[getMethodName] = getter;
+        const cachePropertyName = `__${key}_cache`;
         // Define property with getter only
         Object.defineProperty(target, key, {
-            get: getter,
+            get: function () {
+                const stateObject = stateVarName ? this[stateVarName] : this;
+                DecoratorUtils.validateStateProperty(target, stateObject);
+                if (!this[cachePropertyName]) {
+                    let observable = stateObject.select(dependencies, opts?.keyCompareMap);
+                    if (computeFn) {
+                        const { map } = require('rxjs/operators');
+                        observable = observable.pipe(map(computeFn));
+                    }
+                    this[cachePropertyName] = observable;
+                }
+                return this[cachePropertyName];
+            },
             enumerable: true,
             configurable: false,
         });
         // Development logging
         if (!production) {
-            console.debug(`[RxStateComputed] ${target.constructor?.name}.${key} -> ${stateObject}.select([${dependenciesStr}]).pipe(map(computeFn))`);
+            console.debug(`[RxStateComputed] ${target.constructor?.name}.${key} -> state.select([${dependencies.map((d) => `'${d}'`).join(', ')}])`);
         }
     };
 }
@@ -33709,10 +33652,17 @@ class FeedsComponent {
     platform = inject(PlatformService);
     router = inject(Router);
     version;
-    feeds$;
-    hasFeeds$;
-    feeds;
-    hasFeeds;
+    feeds$ = this._state.select('feeds');
+    hasFeeds$ = this._state.select('hasFeeds');
+    set feeds(value) {
+        this._state.set('feeds', () => value);
+    }
+    get feeds() {
+        return this._state.get('feeds');
+    }
+    get hasFeeds() {
+        return this._state.get('hasFeeds');
+    }
     showHeader = true;
     headerTextColor = 'light';
     constructor(environment, feedService) {
@@ -33768,18 +33718,6 @@ class FeedsComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeedsComponent, deps: [{ token: ENVIRONMENT }, { token: APP_FEED_SERVICE, optional: true }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FeedsComponent, selector: "app-feeds", inputs: { feeds: "feeds", showHeader: "showHeader", headerTextColor: "headerTextColor" }, providers: [RxState], ngImport: i0, template: "@if (feeds | isNotEmptyArray) {\n  <div class=\"feed ion-padding-horizontal ion-no-padding ion-padding-top\">\n\n    <!-- feeds -->\n    @for (feed of feeds$ | push; track feed.feed_url) {\n\n      <!-- top header -->\n      @if (showHeader) {\n        <ion-item lines=\"none\" color=\"secondary\">\n          <ion-icon slot=\"start\" name=\"megaphone\"></ion-icon>\n          <ion-label>\n            <b>{{ feed.title || ('SOCIAL.FEED.NEWS'|translate) }}</b>\n          </ion-label>\n          <ion-button slot=\"end\" fill=\"clear\" (click)=\"openFeedHome()\">\n            <ion-label translate>SOCIAL.FEED.SHOW_ALL_FEED</ion-label>\n            <ion-icon slot=\"end\" name=\"chevron-forward-outline\"></ion-icon>\n          </ion-button>\n        </ion-item>\n      }\n\n\n      <!-- items -->\n      @for (item of feed.items; track item.id) {\n        <ion-card>\n          <ion-card-header>\n            <ion-card-subtitle style=\"vertical-align: middle\">\n\n              <!-- Authors -->\n              @for (author of (item.authors || feed.authors); track author) {\n                @if (author.name || author.avatar) {\n                  <ion-chip (click)=\"openUrl(author.url)\" tappable>\n                    @if (author.avatar) {\n                      <ion-avatar>\n                        <ion-img [src]=\"author.avatar\" [alt]=\"author.name\"></ion-img>\n                      </ion-avatar>\n                    }\n                    @if (author.name) {\n                      <ion-label color=\"medium\">{{ author.name }}</ion-label>\n                    }\n                  </ion-chip>\n                }\n              }\n              <ion-note class=\"ion-float-end\">\n                <small>{{ item.date_published | dateFromNow }}</small>\n              </ion-note>\n            </ion-card-subtitle>\n\n            <!-- title -->\n            <ion-card-title (click)=\"openUrl(item.url || feed.feed_url)\" tappable>{{ item?.title }}</ion-card-title>\n\n            <!-- tags -->\n            @let tags = item | map: getTags;\n            @if (tags | isNotEmptyArray) {\n              <div class=\"tags\">\n                @for (tag of tags; track tag; let last = $last) {\n                  <a (click)=\"openTag(feed, tag)\" tappable>\n                    <ion-text>#{{ tag }}</ion-text>\n                  </a>@if (!last) {\n                    &nbsp;\n                  }\n                }\n              </div>\n            }\n          </ion-card-header>\n\n          <!-- Feed content -->\n          <ion-card-content>\n            <ion-text [feed]=\"item.url || feed.feed_url\">\n              @if (item.content_html) {\n                <p [innerHTML]=\"item.content_html\"></p>\n              } @else if (item.content_text) {\n                <p [innerText]=\"item.content_text\"></p>\n              }\n            </ion-text>\n          </ion-card-content>\n\n          <ion-button (click)=\"openUrl(item.url)\" class=\"ion-float-end\" fill=\"clear\">\n            <ion-label>{{ (item.truncated ? 'SOCIAL.FEED.READ_MORE' : 'COMMON.BTN_SHOW') | translate }}</ion-label>\n            <ion-icon slot=\"end\" name=\"chevron-forward-outline\"></ion-icon>\n          </ion-button>\n        </ion-card>\n      }\n    }\n  </div>\n}\n", styles: [".feed ion-item{border-radius:12px 12px 0 0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.feed ion-item ion-icon[slot=start]{-webkit-margin-end:8px;margin-inline-end:8px}.feed .tags{display:inline}.feed .tags a{color:var(--ion-color-step-600, #666666)!important}.feed ion-card{--ion-card-background: rgba(var(--ion-background-color-rgb), .6);--ion-card-color: var(--ion-text-color);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);margin:0 0 16px}.feed ion-card ion-card-header ion-card-title{--color: var(--ion-text-color)}.feed ion-card ion-card-header ion-card-subtitle{--color: var(--ion-color-step-50)}.feed ion-card ion-card-header ion-chip{--background: transparent;--border-color: transparent;--border-width: 0}.feed ion-card ion-card-header ion-chip ion-avatar{border:1px solid var(--ion-color-primary)}.feed ion-card ion-card-header ion-chip ion-label{color:var(--color)}.feed ion-button{text-transform:unset;color:var(--ion-color-step-400)}.feed a:hover{color:var(--ion-color-medium)}\n"], dependencies: [{ kind: "component", type: i2$1.IonAvatar, selector: "ion-avatar" }, { kind: "component", type: i2$1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2$1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2$1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i2$1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i2$1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: i2$1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i2$1.IonChip, selector: "ion-chip", inputs: ["color", "disabled", "mode", "outline"] }, { kind: "component", type: i2$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2$1.IonImg, selector: "ion-img", inputs: ["alt", "src"] }, { kind: "component", type: i2$1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2$1.IonNote, selector: "ion-note", inputs: ["color", "mode"] }, { kind: "component", type: i2$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: FeedDirective, selector: "feed,[feed]", inputs: ["feed"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i19.RxPush, name: "push" }, { kind: "pipe", type: DateFromNowPipe, name: "dateFromNow" }, { kind: "pipe", type: NotEmptyArrayPipe, name: "isNotEmptyArray" }, { kind: "pipe", type: MapPipe, name: "map" }] });
 }
-__decorate([
-    RxStateSelect()
-], FeedsComponent.prototype, "feeds$", void 0);
-__decorate([
-    RxStateSelect()
-], FeedsComponent.prototype, "hasFeeds$", void 0);
-__decorate([
-    RxStateProperty()
-], FeedsComponent.prototype, "feeds", void 0);
-__decorate([
-    RxStateProperty()
-], FeedsComponent.prototype, "hasFeeds", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeedsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-feeds', providers: [RxState], template: "@if (feeds | isNotEmptyArray) {\n  <div class=\"feed ion-padding-horizontal ion-no-padding ion-padding-top\">\n\n    <!-- feeds -->\n    @for (feed of feeds$ | push; track feed.feed_url) {\n\n      <!-- top header -->\n      @if (showHeader) {\n        <ion-item lines=\"none\" color=\"secondary\">\n          <ion-icon slot=\"start\" name=\"megaphone\"></ion-icon>\n          <ion-label>\n            <b>{{ feed.title || ('SOCIAL.FEED.NEWS'|translate) }}</b>\n          </ion-label>\n          <ion-button slot=\"end\" fill=\"clear\" (click)=\"openFeedHome()\">\n            <ion-label translate>SOCIAL.FEED.SHOW_ALL_FEED</ion-label>\n            <ion-icon slot=\"end\" name=\"chevron-forward-outline\"></ion-icon>\n          </ion-button>\n        </ion-item>\n      }\n\n\n      <!-- items -->\n      @for (item of feed.items; track item.id) {\n        <ion-card>\n          <ion-card-header>\n            <ion-card-subtitle style=\"vertical-align: middle\">\n\n              <!-- Authors -->\n              @for (author of (item.authors || feed.authors); track author) {\n                @if (author.name || author.avatar) {\n                  <ion-chip (click)=\"openUrl(author.url)\" tappable>\n                    @if (author.avatar) {\n                      <ion-avatar>\n                        <ion-img [src]=\"author.avatar\" [alt]=\"author.name\"></ion-img>\n                      </ion-avatar>\n                    }\n                    @if (author.name) {\n                      <ion-label color=\"medium\">{{ author.name }}</ion-label>\n                    }\n                  </ion-chip>\n                }\n              }\n              <ion-note class=\"ion-float-end\">\n                <small>{{ item.date_published | dateFromNow }}</small>\n              </ion-note>\n            </ion-card-subtitle>\n\n            <!-- title -->\n            <ion-card-title (click)=\"openUrl(item.url || feed.feed_url)\" tappable>{{ item?.title }}</ion-card-title>\n\n            <!-- tags -->\n            @let tags = item | map: getTags;\n            @if (tags | isNotEmptyArray) {\n              <div class=\"tags\">\n                @for (tag of tags; track tag; let last = $last) {\n                  <a (click)=\"openTag(feed, tag)\" tappable>\n                    <ion-text>#{{ tag }}</ion-text>\n                  </a>@if (!last) {\n                    &nbsp;\n                  }\n                }\n              </div>\n            }\n          </ion-card-header>\n\n          <!-- Feed content -->\n          <ion-card-content>\n            <ion-text [feed]=\"item.url || feed.feed_url\">\n              @if (item.content_html) {\n                <p [innerHTML]=\"item.content_html\"></p>\n              } @else if (item.content_text) {\n                <p [innerText]=\"item.content_text\"></p>\n              }\n            </ion-text>\n          </ion-card-content>\n\n          <ion-button (click)=\"openUrl(item.url)\" class=\"ion-float-end\" fill=\"clear\">\n            <ion-label>{{ (item.truncated ? 'SOCIAL.FEED.READ_MORE' : 'COMMON.BTN_SHOW') | translate }}</ion-label>\n            <ion-icon slot=\"end\" name=\"chevron-forward-outline\"></ion-icon>\n          </ion-button>\n        </ion-card>\n      }\n    }\n  </div>\n}\n", styles: [".feed ion-item{border-radius:12px 12px 0 0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.feed ion-item ion-icon[slot=start]{-webkit-margin-end:8px;margin-inline-end:8px}.feed .tags{display:inline}.feed .tags a{color:var(--ion-color-step-600, #666666)!important}.feed ion-card{--ion-card-background: rgba(var(--ion-background-color-rgb), .6);--ion-card-color: var(--ion-text-color);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);margin:0 0 16px}.feed ion-card ion-card-header ion-card-title{--color: var(--ion-text-color)}.feed ion-card ion-card-header ion-card-subtitle{--color: var(--ion-color-step-50)}.feed ion-card ion-card-header ion-chip{--background: transparent;--border-color: transparent;--border-width: 0}.feed ion-card ion-card-header ion-chip ion-avatar{border:1px solid var(--ion-color-primary)}.feed ion-card ion-card-header ion-chip ion-label{color:var(--color)}.feed ion-button{text-transform:unset;color:var(--ion-color-step-400)}.feed a:hover{color:var(--ion-color-medium)}\n"] }]
@@ -33791,9 +33729,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }, {
                     type: Inject,
                     args: [APP_FEED_SERVICE]
-                }] }], propDecorators: { feeds$: [], hasFeeds$: [], feeds: [{
+                }] }], propDecorators: { feeds: [{
                 type: Input
-            }], hasFeeds: [], showHeader: [{
+            }], showHeader: [{
                 type: Input
             }], headerTextColor: [{
                 type: Input