@firestitch/list 18.0.57 → 18.0.59

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.
@@ -1,6 +1,6 @@
1
1
  import { BehaviorSubject } from 'rxjs';
2
- import { BaseRow } from './_base-row';
3
2
  import { RowType } from '../../enums/row-type.enum';
3
+ import { BaseRow } from './_base-row';
4
4
  export class GroupRow extends BaseRow {
5
5
  _rowType = RowType.Group;
6
6
  _children = [];
@@ -38,4 +38,4 @@ export class GroupRow extends BaseRow {
38
38
  });
39
39
  }
40
40
  }
41
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAtcm93LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2RlbHMvcm93L2dyb3VwLXJvdy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFjLE1BQU0sTUFBTSxDQUFDO0FBRW5ELE9BQU8sRUFBRSxPQUFPLEVBQVksTUFBTSxhQUFhLENBQUM7QUFDaEQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBZXBELE1BQU0sT0FBTyxRQUFTLFNBQVEsT0FBc0I7SUFFL0IsUUFBUSxHQUFrQixPQUFPLENBQUMsS0FBSyxDQUFDO0lBRW5ELFNBQVMsR0FBb0MsRUFBRSxDQUFDO0lBRXZDLFNBQVMsR0FBRyxJQUFJLGVBQWUsQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUVqRSxZQUNFLE9BQWUsRUFBRSxFQUNqQixhQUFhLEdBQUcsS0FBSztRQUVyQixLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFWixJQUFJLGFBQWEsRUFBRSxDQUFDO1lBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ3JDLENBQUM7SUFDSCxDQUFDO0lBRUQsSUFBVyxRQUFRO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBRUQsSUFBVyxZQUFZO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLFNBQVM7YUFDaEIsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUdELElBQVcsUUFBUTtRQUNqQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDbkMsQ0FBQztJQUVELElBQVcsU0FBUztRQUNsQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdkMsQ0FBQztJQUVNLHFCQUFxQjtRQUMxQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUVwQyxJQUFJLENBQUMseUJBQXlCLEVBQUUsQ0FBQztJQUNuQyxDQUFDO0lBRU0sT0FBTztRQUNaLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztRQUVuRCxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFTyx5QkFBeUI7UUFDL0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRTtZQUM3QixHQUFHLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDOUIsQ0FBQyxDQUFDLENBQUE7SUFDSixDQUFDO0NBRUYiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgQmFzZVJvdywgSUJhc2VSb3cgfSBmcm9tICcuL19iYXNlLXJvdyc7XG5pbXBvcnQgeyBSb3dUeXBlIH0gZnJvbSAnLi4vLi4vZW51bXMvcm93LXR5cGUuZW51bSc7XG5pbXBvcnQgeyBJR3JvdXBGb290ZXJSb3cgfSBmcm9tICcuL2dyb3VwLWZvb3Rlci1yb3cnO1xuaW1wb3J0IHsgSUNoaWxkUm93IH0gZnJvbSAnLi9jaGlsZC1yb3cnO1xuXG5cbmV4cG9ydCBpbnRlcmZhY2UgSUdyb3VwUm93IGV4dGVuZHMgSUJhc2VSb3cge1xuICB0eXBlOiBSb3dUeXBlLkdyb3VwO1xuXG4gIGNoaWxkcmVuRGF0YTogdW5rbm93bltdO1xuICBleHBhbmRlZDogYm9vbGVhbjtcbiAgZXhwYW5kZWQkOiBPYnNlcnZhYmxlPGJvb2xlYW4+O1xuICB0b2dnbGVSb3dFeHBhbmRTdGF0dXMoKTogdm9pZDtcbiAgY2hpbGRyZW46IChJQ2hpbGRSb3cgfCBJR3JvdXBGb290ZXJSb3cpW107XG59XG5cbmV4cG9ydCBjbGFzcyBHcm91cFJvdyBleHRlbmRzIEJhc2VSb3c8Um93VHlwZS5Hcm91cD4gaW1wbGVtZW50cyBJR3JvdXBSb3cge1xuXG4gIHByb3RlY3RlZCByZWFkb25seSBfcm93VHlwZTogUm93VHlwZS5Hcm91cCA9IFJvd1R5cGUuR3JvdXA7XG5cbiAgcHJpdmF0ZSBfY2hpbGRyZW46IChJQ2hpbGRSb3cgfCBJR3JvdXBGb290ZXJSb3cpW10gPSBbXTtcblxuICBwcml2YXRlIHJlYWRvbmx5IF9leHBhbmRlZCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIGRhdGE6IG9iamVjdCA9IHt9LFxuICAgIGluaXRpYWxFeHBhbmQgPSBmYWxzZSxcbiAgKSB7XG4gICAgc3VwZXIoZGF0YSk7XG5cbiAgICBpZiAoaW5pdGlhbEV4cGFuZCkge1xuICAgICAgdGhpcy5fZXhwYW5kZWQubmV4dChpbml0aWFsRXhwYW5kKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgZ2V0IGNoaWxkcmVuKCk6IChJQ2hpbGRSb3cgfCBJR3JvdXBGb290ZXJSb3cpW10ge1xuICAgIHJldHVybiB0aGlzLl9jaGlsZHJlbjtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgY2hpbGRyZW5EYXRhKCkge1xuICAgIHJldHVybiB0aGlzLl9jaGlsZHJlblxuICAgICAgICAubWFwKChjaGlsZCkgPT4gY2hpbGQuZGF0YSk7XG4gIH1cblxuXG4gIHB1YmxpYyBnZXQgZXhwYW5kZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2V4cGFuZGVkLmdldFZhbHVlKCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGV4cGFuZGVkJCgpOiBPYnNlcnZhYmxlPGJvb2xlYW4+IHtcbiAgICByZXR1cm4gdGhpcy5fZXhwYW5kZWQuYXNPYnNlcnZhYmxlKCk7XG4gIH1cblxuICBwdWJsaWMgdG9nZ2xlUm93RXhwYW5kU3RhdHVzKCk6IHZvaWQge1xuICAgIHRoaXMuX2V4cGFuZGVkLm5leHQoIXRoaXMuZXhwYW5kZWQpO1xuXG4gICAgdGhpcy5fdXBkYXRlQ2hpbGRyZW5WaXNpYmlsaXR5KCk7XG4gIH1cblxuICBwdWJsaWMgZGVzdHJveSgpIHtcbiAgICB0aGlzLl9jaGlsZHJlbi5mb3JFYWNoKChjaGlsZCkgPT4gY2hpbGQuZGVzdHJveSgpKTtcblxuICAgIHRoaXMuX2V4cGFuZGVkLmNvbXBsZXRlKCk7XG4gIH1cblxuICBwcml2YXRlIF91cGRhdGVDaGlsZHJlblZpc2liaWxpdHkoKTogdm9pZCB7XG4gICAgdGhpcy5fY2hpbGRyZW4uZm9yRWFjaCgocm93KSA9PiB7XG4gICAgICByb3cudmlzaWJsZSA9IHRoaXMuZXhwYW5kZWQ7XG4gICAgfSlcbiAgfVxuXG59XG4iXX0=
41
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAtcm93LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2RlbHMvcm93L2dyb3VwLXJvdy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFjLE1BQU0sTUFBTSxDQUFDO0FBRW5ELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUVwRCxPQUFPLEVBQUUsT0FBTyxFQUFZLE1BQU0sYUFBYSxDQUFDO0FBZWhELE1BQU0sT0FBTyxRQUFTLFNBQVEsT0FBc0I7SUFFL0IsUUFBUSxHQUFrQixPQUFPLENBQUMsS0FBSyxDQUFDO0lBRW5ELFNBQVMsR0FBb0MsRUFBRSxDQUFDO0lBRXZDLFNBQVMsR0FBRyxJQUFJLGVBQWUsQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUVqRSxZQUNFLE9BQWUsRUFBRSxFQUNqQixhQUFhLEdBQUcsS0FBSztRQUVyQixLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFWixJQUFJLGFBQWEsRUFBRSxDQUFDO1lBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ3JDLENBQUM7SUFDSCxDQUFDO0lBRUQsSUFBVyxRQUFRO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBRUQsSUFBVyxZQUFZO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLFNBQVM7YUFDbEIsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUdELElBQVcsUUFBUTtRQUNqQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDbkMsQ0FBQztJQUVELElBQVcsU0FBUztRQUNsQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdkMsQ0FBQztJQUVNLHFCQUFxQjtRQUMxQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUVwQyxJQUFJLENBQUMseUJBQXlCLEVBQUUsQ0FBQztJQUNuQyxDQUFDO0lBRU0sT0FBTztRQUNaLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztRQUVuRCxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFTyx5QkFBeUI7UUFDL0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRTtZQUM3QixHQUFHLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDOUIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0NBRUYiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgUm93VHlwZSB9IGZyb20gJy4uLy4uL2VudW1zL3Jvdy10eXBlLmVudW0nO1xuXG5pbXBvcnQgeyBCYXNlUm93LCBJQmFzZVJvdyB9IGZyb20gJy4vX2Jhc2Utcm93JztcbmltcG9ydCB7IElDaGlsZFJvdyB9IGZyb20gJy4vY2hpbGQtcm93JztcbmltcG9ydCB7IElHcm91cEZvb3RlclJvdyB9IGZyb20gJy4vZ3JvdXAtZm9vdGVyLXJvdyc7XG5cblxuZXhwb3J0IGludGVyZmFjZSBJR3JvdXBSb3cgZXh0ZW5kcyBJQmFzZVJvdyB7XG4gIHR5cGU6IFJvd1R5cGUuR3JvdXA7XG5cbiAgY2hpbGRyZW5EYXRhOiB1bmtub3duW107XG4gIGV4cGFuZGVkOiBib29sZWFuO1xuICBleHBhbmRlZCQ6IE9ic2VydmFibGU8Ym9vbGVhbj47XG4gIHRvZ2dsZVJvd0V4cGFuZFN0YXR1cygpOiB2b2lkO1xuICBjaGlsZHJlbjogKElDaGlsZFJvdyB8IElHcm91cEZvb3RlclJvdylbXTtcbn1cblxuZXhwb3J0IGNsYXNzIEdyb3VwUm93IGV4dGVuZHMgQmFzZVJvdzxSb3dUeXBlLkdyb3VwPiBpbXBsZW1lbnRzIElHcm91cFJvdyB7XG5cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IF9yb3dUeXBlOiBSb3dUeXBlLkdyb3VwID0gUm93VHlwZS5Hcm91cDtcblxuICBwcml2YXRlIF9jaGlsZHJlbjogKElDaGlsZFJvdyB8IElHcm91cEZvb3RlclJvdylbXSA9IFtdO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgX2V4cGFuZGVkID0gbmV3IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPihmYWxzZSk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgZGF0YTogb2JqZWN0ID0ge30sXG4gICAgaW5pdGlhbEV4cGFuZCA9IGZhbHNlLFxuICApIHtcbiAgICBzdXBlcihkYXRhKTtcblxuICAgIGlmIChpbml0aWFsRXhwYW5kKSB7XG4gICAgICB0aGlzLl9leHBhbmRlZC5uZXh0KGluaXRpYWxFeHBhbmQpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBnZXQgY2hpbGRyZW4oKTogKElDaGlsZFJvdyB8IElHcm91cEZvb3RlclJvdylbXSB7XG4gICAgcmV0dXJuIHRoaXMuX2NoaWxkcmVuO1xuICB9XG5cbiAgcHVibGljIGdldCBjaGlsZHJlbkRhdGEoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2NoaWxkcmVuXG4gICAgICAubWFwKChjaGlsZCkgPT4gY2hpbGQuZGF0YSk7XG4gIH1cblxuXG4gIHB1YmxpYyBnZXQgZXhwYW5kZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2V4cGFuZGVkLmdldFZhbHVlKCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGV4cGFuZGVkJCgpOiBPYnNlcnZhYmxlPGJvb2xlYW4+IHtcbiAgICByZXR1cm4gdGhpcy5fZXhwYW5kZWQuYXNPYnNlcnZhYmxlKCk7XG4gIH1cblxuICBwdWJsaWMgdG9nZ2xlUm93RXhwYW5kU3RhdHVzKCk6IHZvaWQge1xuICAgIHRoaXMuX2V4cGFuZGVkLm5leHQoIXRoaXMuZXhwYW5kZWQpO1xuXG4gICAgdGhpcy5fdXBkYXRlQ2hpbGRyZW5WaXNpYmlsaXR5KCk7XG4gIH1cblxuICBwdWJsaWMgZGVzdHJveSgpIHtcbiAgICB0aGlzLl9jaGlsZHJlbi5mb3JFYWNoKChjaGlsZCkgPT4gY2hpbGQuZGVzdHJveSgpKTtcblxuICAgIHRoaXMuX2V4cGFuZGVkLmNvbXBsZXRlKCk7XG4gIH1cblxuICBwcml2YXRlIF91cGRhdGVDaGlsZHJlblZpc2liaWxpdHkoKTogdm9pZCB7XG4gICAgdGhpcy5fY2hpbGRyZW4uZm9yRWFjaCgocm93KSA9PiB7XG4gICAgICByb3cudmlzaWJsZSA9IHRoaXMuZXhwYW5kZWQ7XG4gICAgfSk7XG4gIH1cblxufVxuIl19
@@ -1836,7 +1836,7 @@ var SortingDirection;
1836
1836
  SortingDirection["asc"] = "asc";
1837
1837
  SortingDirection["desc"] = "desc";
1838
1838
  })(SortingDirection || (SortingDirection = {}));
1839
- const ALLOWED_DEFAULTS = [
1839
+ const allowedDefaults = [
1840
1840
  'title',
1841
1841
  'sortable',
1842
1842
  'align',
@@ -1934,7 +1934,7 @@ class Column {
1934
1934
  if (!isObject(defaults)) {
1935
1935
  defaults = {};
1936
1936
  }
1937
- ALLOWED_DEFAULTS.forEach((key) => {
1937
+ allowedDefaults.forEach((key) => {
1938
1938
  switch (key) {
1939
1939
  case 'title':
1940
1940
  {
@@ -2084,7 +2084,7 @@ class FsCellComponent {
2084
2084
  }
2085
2085
  _listenRowDataChange() {
2086
2086
  const currentRow = this.row();
2087
- if (currentRow instanceof SimpleRow) {
2087
+ if (currentRow instanceof BaseRow) {
2088
2088
  currentRow.data$
2089
2089
  .pipe(skip(1), takeUntil(this._destroy$))
2090
2090
  .subscribe(() => {
@@ -2753,7 +2753,7 @@ class FsHeadCellComponent extends FsCellComponent {
2753
2753
  this.cellContext.value = this.column.title;
2754
2754
  }
2755
2755
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsHeadCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2756
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FsHeadCellComponent, isStandalone: true, selector: "[fs-head-cell]", usesInheritance: true, ngImport: i0, template: "<div class=\"wrap\">\n <span class=\"title\">\n @if (!column.headerTemplate) {\n {{ column.title }}\n }\n @if (column.headerTemplate) {\n <ng-template\n [ngTemplateOutlet]=\"column.headerTemplate\"\n [ngTemplateOutletContext]=\"cellContext\">\n </ng-template>\n }\n </span>\n @if (column.ordered) {\n <div\n class=\"direction\"\n >\n @switch (column.sortingDirection$ | async) {\n @case ('asc') {\n <mat-icon>\n arrow_downward\n </mat-icon>\n }\n @case ('desc') {\n <mat-icon>\n arrow_upward\n </mat-icon>\n }\n }\n </div>\n }\n</div>", styles: [".wrap{display:inline-flex;align-items:center}.wrap mat-icon{font-size:14px;display:block;height:14px;width:14px}.wrap .direction{margin-left:5px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
2756
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FsHeadCellComponent, isStandalone: true, selector: "[fs-head-cell]", usesInheritance: true, ngImport: i0, template: "<div class=\"wrap\">\n <span class=\"title\">\n @if (!column.headerTemplate) {\n {{ column.title }}\n }\n @if (column.headerTemplate) {\n <ng-template\n [ngTemplateOutlet]=\"column.headerTemplate\"\n [ngTemplateOutletContext]=\"cellContext\">\n </ng-template>\n }\n </span>\n @if (column.ordered) {\n @switch (column.sortingDirection$ | async) {\n @case ('asc') {\n <mat-icon>\n arrow_downward\n </mat-icon>\n }\n @case ('desc') {\n <mat-icon>\n arrow_upward\n </mat-icon>\n }\n }\n } @else if (column.sortable) {\n <mat-icon>\n unfold_more\n </mat-icon>\n }\n</div>", styles: [".wrap{display:inline-flex;align-items:center}.wrap mat-icon{font-size:13px;display:block;height:13px;width:13px;margin-left:4px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
2757
2757
  }
2758
2758
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsHeadCellComponent, decorators: [{
2759
2759
  type: Component,
@@ -2761,7 +2761,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
2761
2761
  NgTemplateOutlet,
2762
2762
  MatIcon,
2763
2763
  AsyncPipe
2764
- ], template: "<div class=\"wrap\">\n <span class=\"title\">\n @if (!column.headerTemplate) {\n {{ column.title }}\n }\n @if (column.headerTemplate) {\n <ng-template\n [ngTemplateOutlet]=\"column.headerTemplate\"\n [ngTemplateOutletContext]=\"cellContext\">\n </ng-template>\n }\n </span>\n @if (column.ordered) {\n <div\n class=\"direction\"\n >\n @switch (column.sortingDirection$ | async) {\n @case ('asc') {\n <mat-icon>\n arrow_downward\n </mat-icon>\n }\n @case ('desc') {\n <mat-icon>\n arrow_upward\n </mat-icon>\n }\n }\n </div>\n }\n</div>", styles: [".wrap{display:inline-flex;align-items:center}.wrap mat-icon{font-size:14px;display:block;height:14px;width:14px}.wrap .direction{margin-left:5px}\n"] }]
2764
+ ], template: "<div class=\"wrap\">\n <span class=\"title\">\n @if (!column.headerTemplate) {\n {{ column.title }}\n }\n @if (column.headerTemplate) {\n <ng-template\n [ngTemplateOutlet]=\"column.headerTemplate\"\n [ngTemplateOutletContext]=\"cellContext\">\n </ng-template>\n }\n </span>\n @if (column.ordered) {\n @switch (column.sortingDirection$ | async) {\n @case ('asc') {\n <mat-icon>\n arrow_downward\n </mat-icon>\n }\n @case ('desc') {\n <mat-icon>\n arrow_upward\n </mat-icon>\n }\n }\n } @else if (column.sortable) {\n <mat-icon>\n unfold_more\n </mat-icon>\n }\n</div>", styles: [".wrap{display:inline-flex;align-items:center}.wrap mat-icon{font-size:13px;display:block;height:13px;width:13px;margin-left:4px}\n"] }]
2765
2765
  }], ctorParameters: () => [] });
2766
2766
 
2767
2767
  class SortingController {
@@ -3042,7 +3042,7 @@ class FsHeadComponent {
3042
3042
  }
3043
3043
  }
3044
3044
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsHeadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3045
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FsHeadComponent, isStandalone: true, selector: "[fs-list-head]", inputs: { sorting: "sorting", columns: "columns", hasRowActions: "hasRowActions", selection: "selection", activeFiltersCount: "activeFiltersCount", reorderEnabled: "reorderEnabled", reorderPosition: "reorderPosition", reorderStrategy: "reorderStrategy" }, viewQueries: [{ propertyName: "rowsContainer", first: true, predicate: ["rowsContainer"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<tr class=\"fs-list-row\">\n <!-- Drag -->\n @if (leftDragDropEnabled) {\n <th\n class=\"fs-list-col drag-col\">\n </th>\n }\n <!-- Selection -->\n @if (selection && !(selection.disabled$ | async)) {\n <th\n class=\"fs-list-col fs-list-col-selection\">\n <mat-checkbox\n (change)=\"selectAll($event)\"\n [checked]=\"selectedAll\">\n </mat-checkbox>\n </th>\n }\n <!-- Content -->\n @for (column of columns; track trackByFn($index, column)) {\n <th\n fs-head-cell\n (click)=\"$event.stopPropagation(); sorting.sortBy(column)\"\n [column]=\"column\"\n [class.sorting]=\"column.sortable\"\n [ngClass]=\"column.headerConfigs.classesArray\"\n [attr.colspan]=\"column.headerConfigs.colspan\"\n [attr.width]=\"column.width\">\n </th>\n }\n <!-- Drag -->\n @if (rightDragDropEnabled) {\n <th\n class=\"fs-list-col drag-col\">\n </th>\n }\n <!-- Row Actions -->\n @if (hasRowActions && !(reorderEnabled && reorderStrategy === ReorderStrategyEnum.Manual)) {\n <th\n class=\"fs-list-col actions-col\">\n </th>\n }\n</tr>", styles: ["th.fs-list-col-selection{width:1%!important;text-align:left}th.sorting{cursor:pointer}th.sorting:hover{background-color:#f6f6f6}th.sorting{background-image:none}th.left{text-align:left}th.center{text-align:center}th.right{text-align:right}\n"], dependencies: [{ kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: FsHeadCellComponent, selector: "[fs-head-cell]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
3045
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FsHeadComponent, isStandalone: true, selector: "[fs-list-head]", inputs: { sorting: "sorting", columns: "columns", hasRowActions: "hasRowActions", selection: "selection", activeFiltersCount: "activeFiltersCount", reorderEnabled: "reorderEnabled", reorderPosition: "reorderPosition", reorderStrategy: "reorderStrategy" }, viewQueries: [{ propertyName: "rowsContainer", first: true, predicate: ["rowsContainer"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<tr class=\"fs-list-row\">\n <!-- Drag -->\n @if (leftDragDropEnabled) {\n <th class=\"fs-list-col drag-col\"></th>\n }\n <!-- Selection -->\n @if (selection && !(selection.disabled$ | async)) {\n <th class=\"fs-list-col fs-list-col-selection\">\n <mat-checkbox\n (change)=\"selectAll($event)\"\n [checked]=\"selectedAll\">\n </mat-checkbox>\n </th>\n }\n <!-- Content -->\n @for (column of columns; track trackByFn($index, column)) {\n <th\n fs-head-cell\n (click)=\"$event.stopPropagation(); sorting.sortBy(column)\"\n [column]=\"column\"\n [class.sorting]=\"column.sortable\"\n [ngClass]=\"column.headerConfigs.classesArray\"\n [attr.colspan]=\"column.headerConfigs.colspan\"\n [attr.width]=\"column.width\">\n </th>\n }\n <!-- Drag -->\n @if (rightDragDropEnabled) {\n <th class=\"fs-list-col drag-col\"></th>\n }\n <!-- Row Actions -->\n @if (hasRowActions && !(reorderEnabled && reorderStrategy === ReorderStrategyEnum.Manual)) {\n <th class=\"fs-list-col actions-col\"></th>\n }\n</tr>", styles: ["th.fs-list-col-selection{width:1%!important;text-align:left}th.sorting{cursor:pointer}th.sorting:hover{background-color:#f6f6f6}th.sorting{background-image:none}th.left{text-align:left}th.center{text-align:center}th.right{text-align:right}\n"], dependencies: [{ kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: FsHeadCellComponent, selector: "[fs-head-cell]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
3046
3046
  }
3047
3047
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsHeadComponent, decorators: [{
3048
3048
  type: Component,
@@ -3051,7 +3051,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
3051
3051
  FsHeadCellComponent,
3052
3052
  NgClass,
3053
3053
  AsyncPipe
3054
- ], template: "<tr class=\"fs-list-row\">\n <!-- Drag -->\n @if (leftDragDropEnabled) {\n <th\n class=\"fs-list-col drag-col\">\n </th>\n }\n <!-- Selection -->\n @if (selection && !(selection.disabled$ | async)) {\n <th\n class=\"fs-list-col fs-list-col-selection\">\n <mat-checkbox\n (change)=\"selectAll($event)\"\n [checked]=\"selectedAll\">\n </mat-checkbox>\n </th>\n }\n <!-- Content -->\n @for (column of columns; track trackByFn($index, column)) {\n <th\n fs-head-cell\n (click)=\"$event.stopPropagation(); sorting.sortBy(column)\"\n [column]=\"column\"\n [class.sorting]=\"column.sortable\"\n [ngClass]=\"column.headerConfigs.classesArray\"\n [attr.colspan]=\"column.headerConfigs.colspan\"\n [attr.width]=\"column.width\">\n </th>\n }\n <!-- Drag -->\n @if (rightDragDropEnabled) {\n <th\n class=\"fs-list-col drag-col\">\n </th>\n }\n <!-- Row Actions -->\n @if (hasRowActions && !(reorderEnabled && reorderStrategy === ReorderStrategyEnum.Manual)) {\n <th\n class=\"fs-list-col actions-col\">\n </th>\n }\n</tr>", styles: ["th.fs-list-col-selection{width:1%!important;text-align:left}th.sorting{cursor:pointer}th.sorting:hover{background-color:#f6f6f6}th.sorting{background-image:none}th.left{text-align:left}th.center{text-align:center}th.right{text-align:right}\n"] }]
3054
+ ], template: "<tr class=\"fs-list-row\">\n <!-- Drag -->\n @if (leftDragDropEnabled) {\n <th class=\"fs-list-col drag-col\"></th>\n }\n <!-- Selection -->\n @if (selection && !(selection.disabled$ | async)) {\n <th class=\"fs-list-col fs-list-col-selection\">\n <mat-checkbox\n (change)=\"selectAll($event)\"\n [checked]=\"selectedAll\">\n </mat-checkbox>\n </th>\n }\n <!-- Content -->\n @for (column of columns; track trackByFn($index, column)) {\n <th\n fs-head-cell\n (click)=\"$event.stopPropagation(); sorting.sortBy(column)\"\n [column]=\"column\"\n [class.sorting]=\"column.sortable\"\n [ngClass]=\"column.headerConfigs.classesArray\"\n [attr.colspan]=\"column.headerConfigs.colspan\"\n [attr.width]=\"column.width\">\n </th>\n }\n <!-- Drag -->\n @if (rightDragDropEnabled) {\n <th class=\"fs-list-col drag-col\"></th>\n }\n <!-- Row Actions -->\n @if (hasRowActions && !(reorderEnabled && reorderStrategy === ReorderStrategyEnum.Manual)) {\n <th class=\"fs-list-col actions-col\"></th>\n }\n</tr>", styles: ["th.fs-list-col-selection{width:1%!important;text-align:left}th.sorting{cursor:pointer}th.sorting:hover{background-color:#f6f6f6}th.sorting{background-image:none}th.left{text-align:left}th.center{text-align:center}th.right{text-align:right}\n"] }]
3055
3055
  }], propDecorators: { sorting: [{
3056
3056
  type: Input
3057
3057
  }], columns: [{
@@ -5715,7 +5715,6 @@ class FsListComponent {
5715
5715
  */
5716
5716
  columnVisibility(name, show) {
5717
5717
  this.columnsVisibility([{ name, show }]);
5718
- // this.filterRef.updateSortings(this.list.sorting.makeSortingList());
5719
5718
  }
5720
5719
  /**
5721
5720
  * Update visibility for list of specific columns
@@ -5723,6 +5722,9 @@ class FsListComponent {
5723
5722
  columnsVisibility(columns) {
5724
5723
  this.list.columns.updateVisibilityForCols(columns);
5725
5724
  }
5725
+ get visibleColumns$() {
5726
+ return this.list.columns.visibleColumns$;
5727
+ }
5726
5728
  _emitFiltersReadyEvent() {
5727
5729
  if (!!this.filterRef && this._filterParamsReady) {
5728
5730
  this.filtersReady.emit();