@theseam/ui-common 0.2.12 → 0.2.16

package/buttons/theseam-ui-common-buttons.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"BadgeButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ButtonComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"button[seamBadgeButton]","exportAs":"seamBadgeButton","inputs":["disabled","theme","size"],"host":{"[attr.type]":"type","class":"btn","[attr.aria-disabled]":"disabled.toString()","[attr.disabled]":"disabled || null","$quoted$":["[attr.type]","class","[attr.aria-disabled]","[attr.disabled]"]},"template":"<ng-content></ng-content>\n<span class=\"ml-2 badge badge-{{ badgeTheme }}\">{{ badgeText }}</span>\n","styles":[""]}]}],"members":{"_textNoWrap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":24,"character":3},"arguments":["class.text-nowrap"]}]}],"badgeTheme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"badgeText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":17},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":31,"character":19},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":32,"character":15}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"AnchorBadgeButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AnchorButtonComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":40,"character":1},"arguments":[{"selector":"a[seamBadgeButton]","exportAs":"seamBadgeButton,seamBadgeButtonAnchor","inputs":["disabled","theme","size"],"host":{"class":"btn","[attr.tabindex]":"disabled ? -1 : (tabIndex || 0)","[attr.disabled]":"disabled || null","[attr.aria-disabled]":"disabled.toString()","(click)":"_haltDisabledEvents($event)","$quoted$":["class","[attr.tabindex]","[attr.disabled]","[attr.aria-disabled]","(click)"]},"template":"<ng-content></ng-content>\n<span class=\"ml-2 badge badge-{{ badgeTheme }}\">{{ badgeText }}</span>\n","styles":[""]}]}],"members":{"_textNoWrap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":59,"character":3},"arguments":["class.text-nowrap"]}]}],"badgeTheme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"badgeText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":17},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":31,"character":19},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":32,"character":15}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":58,"character":37,"module":"./button/button.component"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":41,"character":1},"arguments":[{"selector":"button[seamButton]","exportAs":"seamButton","inputs":["disabled","theme","size"],"host":{"[attr.type]":"type","class":"btn","[attr.aria-disabled]":"disabled.toString()","[attr.disabled]":"disabled || null","$quoted$":["[attr.type]","class","[attr.aria-disabled]","[attr.disabled]"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":56,"character":19},"member":"OnPush"},"template":"<ng-content></ng-content>\n","styles":[""]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":64,"character":17},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":65,"character":19},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":66,"character":15}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"AnchorButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":92,"character":43,"module":"./button/button.component"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":74,"character":1},"arguments":[{"selector":"a[seamButton]","exportAs":"seamButton,seamButtonBaseAnchor","inputs":["disabled","theme","size"],"host":{"class":"btn","[attr.tabindex]":"disabled ? -1 : (tabIndex || 0)","[attr.disabled]":"disabled || null","[attr.aria-disabled]":"disabled.toString()","(click)":"_haltDisabledEvents($event)","$quoted$":["class","[attr.tabindex]","[attr.disabled]","[attr.aria-disabled]","(click)"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":90,"character":19},"member":"OnPush"},"template":"<ng-content></ng-content>\n","styles":[""]}]}],"members":{"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":64,"character":17},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":65,"character":19},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":66,"character":15}]}],"ngOnDestroy":[{"__symbolic":"method"}],"_haltDisabledEvents":[{"__symbolic":"method"}]}},"ProgressCircleButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ButtonComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"button[seamProgressCircleButton]","exportAs":"seamProgressCircleButton","inputs":["disabled","theme","size"],"host":{"[attr.type]":"type","class":"btn","[attr.aria-disabled]":"disabled.toString()","[attr.disabled]":"disabled || null","$quoted$":["[attr.type]","class","[attr.aria-disabled]","[attr.disabled]"]},"template":"<ng-content></ng-content>\n<seam-progress-circle\n  class=\"progress-circle-btn--icon\"\n  [fillBackground]=\"fillBackground\"\n  [showText]=\"showText\"\n  [hiddenOnEmpty]=\"hiddenOnEmpty\"\n  [percentage]=\"percentage\">\n</seam-progress-circle>\n","styles":[":host{padding-right:45px;position:relative}:host.btn-sm{padding-right:40px}:host.btn-sm ::ng-deep .seam-progress-circle{padding:8px}:host.btn-lg{padding-right:50px}:host.btn-lg ::ng-deep .seam-progress-circle{padding:0}:host seam-progress-circle.progress-circle-btn--icon{top:0;right:0;height:100%;width:45px;position:absolute}"]}]}],"members":{"fillBackground":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":30,"character":12}}]}],"showText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":31,"character":12}}]}],"hiddenOnEmpty":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":32,"character":12}}]}],"percentage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":34,"character":12},"arguments":[0]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":37,"character":26},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":38,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":39,"character":24}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"TOGGLE_BUTTON_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":11},"useExisting":{"__symbolic":"reference","name":"ToggleButtonComponent"},"multi":true},"ToggleButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ButtonComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"button[seamToggleButton]","exportAs":"seamToggleButton","inputs":["disabled","theme","size"],"host":{"[attr.type]":"type","class":"btn","[attr.aria-disabled]":"disabled.toString()","[attr.disabled]":"disabled || null","(click)":"_toggleValue()","$quoted$":["[attr.type]","class","[attr.aria-disabled]","[attr.disabled]","(click)"]},"providers":[{"__symbolic":"reference","name":"TOGGLE_BUTTON_VALUE_ACCESSOR"}],"template":"<ng-content></ng-content>\n","styles":[""]}]}],"members":{"val":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3},"arguments":["value"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":42,"character":19}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":3}}]}],"_activeCssClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":49,"character":3},"arguments":["class.active"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":53,"character":26},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":54,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":55,"character":24}]}],"ngOnDestroy":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"_toggleValue":[{"__symbolic":"method"}]}},"TheSeamButtonsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BadgeButtonComponent"},{"__symbolic":"reference","name":"ProgressCircleButtonComponent"},{"__symbolic":"reference","name":"ToggleButtonComponent"},{"__symbolic":"reference","name":"ButtonComponent"},{"__symbolic":"reference","name":"AnchorButtonComponent"},{"__symbolic":"reference","name":"AnchorBadgeButtonComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/progress","name":"TheSeamProgressModule","line":21,"character":4}],"exports":[{"__symbolic":"reference","name":"BadgeButtonComponent"},{"__symbolic":"reference","name":"ProgressCircleButtonComponent"},{"__symbolic":"reference","name":"ToggleButtonComponent"},{"__symbolic":"reference","name":"ButtonComponent"},{"__symbolic":"reference","name":"AnchorButtonComponent"},{"__symbolic":"reference","name":"AnchorBadgeButtonComponent"}]}]}],"members":{}}},"origins":{"BadgeButtonComponent":"./badge-button/badge-button.component","AnchorBadgeButtonComponent":"./badge-button/badge-button.component","ButtonComponent":"./button/button.component","AnchorButtonComponent":"./button/button.component","ProgressCircleButtonComponent":"./progress-circle-button/progress-circle-button.component","TOGGLE_BUTTON_VALUE_ACCESSOR":"./toggle-button/toggle-button.component","ToggleButtonComponent":"./toggle-button/toggle-button.component","TheSeamButtonsModule":"./buttons.module"},"importAs":"@theseam/ui-common/buttons"}
+{"__symbolic":"module","version":4,"metadata":{"BadgeButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ButtonComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"button[seamBadgeButton]","exportAs":"seamBadgeButton","inputs":["disabled","theme","size"],"host":{"[attr.type]":"type","class":"btn","[attr.aria-disabled]":"disabled.toString()","[attr.disabled]":"disabled || null","$quoted$":["[attr.type]","class","[attr.aria-disabled]","[attr.disabled]"]},"template":"<ng-content></ng-content>\n<span class=\"ml-2 badge badge-{{ badgeTheme }}\">{{ badgeText }}</span>\n","styles":[""]}]}],"members":{"_textNoWrap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":24,"character":3},"arguments":["class.text-nowrap"]}]}],"badgeTheme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"badgeText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":17},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":31,"character":19},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":32,"character":15}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"AnchorBadgeButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AnchorButtonComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":40,"character":1},"arguments":[{"selector":"a[seamBadgeButton]","exportAs":"seamBadgeButton,seamBadgeButtonAnchor","inputs":["disabled","theme","size"],"host":{"class":"btn","[attr.tabindex]":"disabled ? -1 : (tabIndex || 0)","[attr.disabled]":"disabled || null","[attr.aria-disabled]":"disabled.toString()","(click)":"_haltDisabledEvents($event)","$quoted$":["class","[attr.tabindex]","[attr.disabled]","[attr.aria-disabled]","(click)"]},"template":"<ng-content></ng-content>\n<span class=\"ml-2 badge badge-{{ badgeTheme }}\">{{ badgeText }}</span>\n","styles":[""]}]}],"members":{"_textNoWrap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":59,"character":3},"arguments":["class.text-nowrap"]}]}],"badgeTheme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"badgeText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":17},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":31,"character":19},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":32,"character":15}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":58,"character":37,"module":"./button/button.component"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":41,"character":1},"arguments":[{"selector":"button[seamButton]","exportAs":"seamButton","inputs":["disabled","theme","size"],"host":{"[attr.type]":"type","class":"btn","[attr.aria-disabled]":"disabled.toString()","[attr.disabled]":"disabled || null","$quoted$":["[attr.type]","class","[attr.aria-disabled]","[attr.disabled]"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":56,"character":19},"member":"OnPush"},"template":"<ng-content></ng-content>\n","styles":[""]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":64,"character":17},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":65,"character":19},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":66,"character":15}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"AnchorButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":92,"character":43,"module":"./button/button.component"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":74,"character":1},"arguments":[{"selector":"a[seamButton]","exportAs":"seamButton,seamButtonBaseAnchor","inputs":["disabled","theme","size"],"host":{"class":"btn","[attr.tabindex]":"disabled ? -1 : (tabIndex || 0)","[attr.disabled]":"disabled || null","[attr.aria-disabled]":"disabled.toString()","(click)":"_haltDisabledEvents($event)","$quoted$":["class","[attr.tabindex]","[attr.disabled]","[attr.aria-disabled]","(click)"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":90,"character":19},"member":"OnPush"},"template":"<ng-content></ng-content>\n","styles":[""]}]}],"members":{"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":64,"character":17},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":65,"character":19},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":66,"character":15}]}],"ngOnDestroy":[{"__symbolic":"method"}],"_haltDisabledEvents":[{"__symbolic":"method"}]}},"ProgressCircleButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ButtonComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"button[seamProgressCircleButton]","exportAs":"seamProgressCircleButton","inputs":["disabled","theme","size"],"host":{"[attr.type]":"type","class":"btn","[attr.aria-disabled]":"disabled.toString()","[attr.disabled]":"disabled || null","$quoted$":["[attr.type]","class","[attr.aria-disabled]","[attr.disabled]"]},"template":"<ng-content></ng-content>\n<seam-progress-circle\n  class=\"progress-circle-btn--icon\"\n  [fillBackground]=\"fillBackground\"\n  [showText]=\"showText\"\n  [hiddenOnEmpty]=\"hiddenOnEmpty\"\n  [percentage]=\"percentage\">\n</seam-progress-circle>\n","styles":[":host{padding-right:45px;position:relative}:host.btn-sm{padding-right:40px}:host.btn-sm ::ng-deep .seam-progress-circle{padding:8px}:host.btn-lg{padding-right:50px}:host.btn-lg ::ng-deep .seam-progress-circle{padding:0}:host seam-progress-circle.progress-circle-btn--icon{top:0;right:0;height:100%;width:45px;position:absolute}\n"]}]}],"members":{"fillBackground":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":30,"character":12}}]}],"showText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":31,"character":12}}]}],"hiddenOnEmpty":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":32,"character":12}}]}],"percentage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":34,"character":12},"arguments":[0]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":37,"character":26},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":38,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":39,"character":24}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"TOGGLE_BUTTON_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":14,"character":11},"useExisting":{"__symbolic":"reference","name":"ToggleButtonComponent"},"multi":true},"ToggleButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ButtonComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"button[seamToggleButton]","exportAs":"seamToggleButton","inputs":["disabled","theme","size"],"host":{"[attr.type]":"type","class":"btn","[attr.aria-disabled]":"disabled.toString()","[attr.disabled]":"disabled || null","(click)":"_toggleValue()","$quoted$":["[attr.type]","class","[attr.aria-disabled]","[attr.disabled]","(click)"]},"providers":[{"__symbolic":"reference","name":"TOGGLE_BUTTON_VALUE_ACCESSOR"}],"template":"<ng-content></ng-content>\n","styles":[""]}]}],"members":{"val":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3},"arguments":["value"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":42,"character":19}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":3}}]}],"_activeCssClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":49,"character":3},"arguments":["class.active"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":53,"character":26},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":54,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":55,"character":24}]}],"ngOnDestroy":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"_toggleValue":[{"__symbolic":"method"}]}},"TheSeamButtonsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BadgeButtonComponent"},{"__symbolic":"reference","name":"ProgressCircleButtonComponent"},{"__symbolic":"reference","name":"ToggleButtonComponent"},{"__symbolic":"reference","name":"ButtonComponent"},{"__symbolic":"reference","name":"AnchorButtonComponent"},{"__symbolic":"reference","name":"AnchorBadgeButtonComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/progress","name":"TheSeamProgressModule","line":21,"character":4}],"exports":[{"__symbolic":"reference","name":"BadgeButtonComponent"},{"__symbolic":"reference","name":"ProgressCircleButtonComponent"},{"__symbolic":"reference","name":"ToggleButtonComponent"},{"__symbolic":"reference","name":"ButtonComponent"},{"__symbolic":"reference","name":"AnchorButtonComponent"},{"__symbolic":"reference","name":"AnchorBadgeButtonComponent"}]}]}],"members":{}}},"origins":{"BadgeButtonComponent":"./badge-button/badge-button.component","AnchorBadgeButtonComponent":"./badge-button/badge-button.component","ButtonComponent":"./button/button.component","AnchorButtonComponent":"./button/button.component","ProgressCircleButtonComponent":"./progress-circle-button/progress-circle-button.component","TOGGLE_BUTTON_VALUE_ACCESSOR":"./toggle-button/toggle-button.component","ToggleButtonComponent":"./toggle-button/toggle-button.component","TheSeamButtonsModule":"./buttons.module"},"importAs":"@theseam/ui-common/buttons"}

package/card/theseam-ui-common-card.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"CardActionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"seam-card-action","template":"<button type=\"button\"\n  class=\"btn border-0 h-100\"\n  [seamHoverClassToggle]=\"{ default: 'btn-outline-lightgray', hover: 'btn-outline-' + theme }\"\n  [attr.title]=\"title\"\n  [attr.data-last-action]=\"isLastAction ? 'true' : 'false'\">\n  <ng-content></ng-content>\n</button>\n","styles":[":host{display:block}.btn{transition:.5s ease-in-out}.btn:not([data-last-action=true]){border-radius:0}.btn[data-last-action=true]{border-radius:.25rem;border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:0}"]}]}],"members":{"_cssClassBorderLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":14,"character":3},"arguments":["class.border-left"]}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"isLastAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":20,"character":12}}]}]}},"CardBodyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"seam-card-body","template":"<div class=\"card-content p-2\">\n  <ng-content></ng-content>\n</div>\n<div class=\"card--actions\">\n  <ng-content select=\"seam-card-action\"></ng-content>\n</div>\n","styles":[":host{display:flex;flex-direction:row}.card-content{flex:1 1 auto}.card--actions,.card-content{display:flex;flex-direction:row}"]}]}],"members":{"_cssClassCardBody":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":13,"character":3},"arguments":["class.card-body"]}]}],"_cssClassP0":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":14,"character":3},"arguments":["class.p-0"]}]}],"cardActionComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":16,"character":3},"arguments":[{"__symbolic":"reference","name":"CardActionComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"CardFooterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-card-footer","template":"<p>\n  card-footer works!\n</p>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"CardHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-card-header","template":"<ng-content></ng-content>\n","styles":[""]}]}],"members":{"_cssClassCardHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":9,"character":3},"arguments":["class.card-header"]}]}],"_cssClassPY0":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":10,"character":3},"arguments":["class.py-0"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"CardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-card","template":"<ng-content select=\"seam-card-header\"></ng-content>\n<ng-content select=\"seam-card-body\"></ng-content>\n","styles":[""]}]}],"members":{"_cssClassCard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":9,"character":3},"arguments":["class.card"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TheSeamCardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CardComponent"},{"__symbolic":"reference","name":"CardHeaderComponent"},{"__symbolic":"reference","name":"CardBodyComponent"},{"__symbolic":"reference","name":"CardFooterComponent"},{"__symbolic":"reference","name":"CardActionComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/shared","name":"TheSeamSharedModule","line":21,"character":4}],"exports":[{"__symbolic":"reference","name":"CardComponent"},{"__symbolic":"reference","name":"CardHeaderComponent"},{"__symbolic":"reference","name":"CardBodyComponent"},{"__symbolic":"reference","name":"CardFooterComponent"},{"__symbolic":"reference","name":"CardActionComponent"}]}]}],"members":{}}},"origins":{"CardActionComponent":"./card-action/card-action.component","CardBodyComponent":"./card-body/card-body.component","CardFooterComponent":"./card-footer/card-footer.component","CardHeaderComponent":"./card-header/card-header.component","CardComponent":"./card.component","TheSeamCardModule":"./card.module"},"importAs":"@theseam/ui-common/card"}
+{"__symbolic":"module","version":4,"metadata":{"CardActionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"seam-card-action","template":"<button type=\"button\"\n  class=\"btn border-0 h-100\"\n  [seamHoverClassToggle]=\"{ default: 'btn-outline-lightgray', hover: 'btn-outline-' + theme }\"\n  [attr.title]=\"title\"\n  [attr.data-last-action]=\"isLastAction ? 'true' : 'false'\">\n  <ng-content></ng-content>\n</button>\n","styles":[":host{display:block}.btn{transition:.5s ease-in-out}.btn:not([data-last-action=true]){border-radius:0}.btn[data-last-action=true]{border-radius:0 0 .25rem}\n"]}]}],"members":{"_cssClassBorderLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":14,"character":3},"arguments":["class.border-left"]}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"isLastAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":20,"character":12}}]}]}},"CardBodyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"seam-card-body","template":"<div class=\"card-content p-2\">\n  <ng-content></ng-content>\n</div>\n<div class=\"card--actions\">\n  <ng-content select=\"seam-card-action\"></ng-content>\n</div>\n","styles":[":host{display:flex;flex-direction:row}.card-content{flex:1 1 auto;display:flex;flex-direction:row}.card--actions{display:flex;flex-direction:row}\n"]}]}],"members":{"_cssClassCardBody":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":13,"character":3},"arguments":["class.card-body"]}]}],"_cssClassP0":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":14,"character":3},"arguments":["class.p-0"]}]}],"cardActionComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":16,"character":3},"arguments":[{"__symbolic":"reference","name":"CardActionComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"CardFooterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-card-footer","template":"<p>\n  card-footer works!\n</p>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"CardHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-card-header","template":"<ng-content></ng-content>\n","styles":[""]}]}],"members":{"_cssClassCardHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":9,"character":3},"arguments":["class.card-header"]}]}],"_cssClassPY0":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":10,"character":3},"arguments":["class.py-0"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"CardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-card","template":"<ng-content select=\"seam-card-header\"></ng-content>\n<ng-content select=\"seam-card-body\"></ng-content>\n","styles":[""]}]}],"members":{"_cssClassCard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":9,"character":3},"arguments":["class.card"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TheSeamCardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CardComponent"},{"__symbolic":"reference","name":"CardHeaderComponent"},{"__symbolic":"reference","name":"CardBodyComponent"},{"__symbolic":"reference","name":"CardFooterComponent"},{"__symbolic":"reference","name":"CardActionComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/shared","name":"TheSeamSharedModule","line":21,"character":4}],"exports":[{"__symbolic":"reference","name":"CardComponent"},{"__symbolic":"reference","name":"CardHeaderComponent"},{"__symbolic":"reference","name":"CardBodyComponent"},{"__symbolic":"reference","name":"CardFooterComponent"},{"__symbolic":"reference","name":"CardActionComponent"}]}]}],"members":{}}},"origins":{"CardActionComponent":"./card-action/card-action.component","CardBodyComponent":"./card-body/card-body.component","CardFooterComponent":"./card-footer/card-footer.component","CardHeaderComponent":"./card-header/card-header.component","CardComponent":"./card.component","TheSeamCardModule":"./card.module"},"importAs":"@theseam/ui-common/card"}

package/data-filters/data-filter.d.ts

@@ -1,6 +1,6 @@
 import { InjectionToken } from '@angular/core';
 import { Observable } from 'rxjs';
-export declare type IDataFilterFunction = <T>(data: T[]) => Observable<T[]>;
+export declare type DataFilterFunction = <T>(data: T[]) => Observable<T[]>;
 /**
  * State of the filter that would allow an external operation to apply the
  * filtering.
@@ -19,7 +19,7 @@ export interface DataFilterState {
         [key: string]: any;
     };
 }
-export interface IDataFilter {
+export interface DataFilter {
     /**
      * Name used when referencing filter by string.
      */
@@ -42,8 +42,12 @@ export interface IDataFilter {
      */
     filterState(): DataFilterState;
 }
-export declare const THESEAM_DATA_FILTER: InjectionToken<IDataFilter>;
+export declare const THESEAM_DATA_FILTER: InjectionToken<DataFilter>;
 export declare const THESEAM_DATA_FILTER_OPTIONS: InjectionToken<{}>;
-export declare function filterOperator<T>(filterFn: IDataFilterFunction): (source$: Observable<T[]>) => Observable<T[]>;
-export declare function composeDataFilters(filters: IDataFilter[]): (source$: Observable<any>) => Observable<any>;
-export declare function composeDataFilterStates(filters: IDataFilter[]): Observable<DataFilterState[]>;
+export declare function filterOperator<T>(filterFn: DataFilterFunction): (source$: Observable<T[]>) => Observable<T[]>;
+export declare function composeDataFilters(filters: DataFilter[]): (source$: Observable<any>) => Observable<any>;
+export declare function composeDataFilterStates(filters: DataFilter[]): Observable<DataFilterState[]>;
+/** @deprecated Use `DataFilter` instead. */
+export declare type IDataFilter = DataFilter;
+/** @deprecated Use `IDataFilterFunction` instead. */
+export declare type IDataFilterFunction = DataFilterFunction;

package/data-filters/theseam-ui-common-data-filters.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"IDataFilterFunction":{"__symbolic":"interface"},"DataFilterState":{"__symbolic":"interface"},"IDataFilter":{"__symbolic":"interface"},"THESEAM_DATA_FILTER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":56,"character":39},"arguments":["TheSeamDataFilter"]},"THESEAM_DATA_FILTER_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":57,"character":47},"arguments":["TheSeamDataFilterOptions"]},"filterOperator":{"__symbolic":"function","parameters":["filterFn"],"value":{"__symbolic":"error","message":"Lambda not supported","line":60,"character":9,"module":"./data-filter"}},"composeDataFilters":{"__symbolic":"function"},"composeDataFilterStates":{"__symbolic":"function","parameters":["filters"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"rxjs","name":"combineLatest","line":76,"character":9},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"filters"},"member":"map"},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":76,"character":35,"module":"./data-filter"}]}]}},"TheSeamDataFiltersModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":27,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DataFilterSearchComponent"},{"__symbolic":"reference","name":"DataFilterTextComponent"},{"__symbolic":"reference","name":"DataFilterToggleButtonsComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":32,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":33,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/form-field","name":"TheSeamFormFieldModule","line":34,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":35,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/toggle-group","name":"TheSeamToggleGroupModule","line":36,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/icon","name":"TheSeamIconModule","line":37,"character":4}],"providers":[{"provide":{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_DEF"},"useValue":{"name":"search","component":{"__symbolic":"reference","name":"DataFilterSearchComponent"}},"multi":true},{"provide":{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_DEF"},"useValue":{"name":"text","component":{"__symbolic":"reference","name":"DataFilterTextComponent"}},"multi":true},{"provide":{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_DEF"},"useValue":{"name":"toggle-buttons","component":{"__symbolic":"reference","name":"DataFilterToggleButtonsComponent"}},"multi":true}],"exports":[{"__symbolic":"reference","name":"DataFilterSearchComponent"},{"__symbolic":"reference","name":"DataFilterTextComponent"},{"__symbolic":"reference","name":"DataFilterToggleButtonsComponent"}],"entryComponents":[{"__symbolic":"reference","name":"DataFilterSearchComponent"},{"__symbolic":"reference","name":"DataFilterTextComponent"},{"__symbolic":"reference","name":"DataFilterToggleButtonsComponent"}]}]}],"members":{}},"IDataFilterDef":{"__symbolic":"interface"},"THESEAM_DATA_FILTER_DEF":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":14,"character":43},"arguments":["TheSeamDataFilter"]},"DataFilterContainer":{"__symbolic":"interface"},"THESEAM_DATA_FILTER_CONTAINER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":11,"character":49},"arguments":["DataFilterContainer"]},"DATA_FILTER_SEARCH":{"provide":{"__symbolic":"reference","name":"THESEAM_DATA_FILTER"},"useExisting":{"__symbolic":"reference","name":"DataFilterSearchComponent"},"multi":true},"DefaultSearchFilterOptions":{"properties":{"__symbolic":"reference","name":"undefined"},"omitProperties":{"__symbolic":"reference","name":"undefined"},"exact":false,"caseSensitive":false},"searchDataFilter":{"__symbolic":"function","parameters":["data","values","options"],"defaults":[null,null,{"__symbolic":"reference","name":"DefaultSearchFilterOptions"}],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"textDataFilter"},"arguments":[{"__symbolic":"reference","name":"data"},{"__symbolic":"reference","name":"values"},{"__symbolic":"reference","name":"options"}]}},"DataFilterSearchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":40,"character":1},"arguments":[{"selector":"seam-data-filter-search","providers":[{"__symbolic":"reference","name":"DATA_FILTER_SEARCH"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":45,"character":19},"member":"OnPush"},"template":"<div class=\"position-relative\"\n  [class.data-filter-search-has-icon]=\"iconTpl || icon\"\n  (click)=\"inp.focus()\">\n  <label [attr.for]=\"inp.id\" class=\"sr-only\">Search filter</label>\n  <input seamInput #inp=\"seamInput\" seamInputSize=\"sm\" [formControl]=\"_control\" [placeholder]=\"placeholder\">\n  <ng-container *ngIf=\"iconTpl; else searchIconTpl\">\n    <div class=\"data-filter-search--icon-wrapper\">\n      <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\n    </div>\n  </ng-container>\n  <ng-template #searchIconTpl>\n    <ng-container *ngIf=\"icon\">\n      <div class=\"data-filter-search--icon-wrapper\">\n        <seam-icon [icon]=\"icon\" class=\"text-muted\"></seam-icon>\n      </div>\n    </ng-container>\n  </ng-template>\n</div>\n","styles":[":host{display:flex;flex:0 1 300px}.data-filter-search-has-icon{width:100%}.data-filter-search-has-icon>input{padding-left:30px}.data-filter-search-has-icon .data-filter-search--icon-wrapper{position:absolute;top:3px;left:10px;bottom:0}.data-filter-search-has-icon .data-filter-search--icon-wrapper ::ng-deep .svg-inline--fa{vertical-align:middle}"]}]}],"members":{"properties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"omitProperties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"exact":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":58,"character":12}}]}],"caseSensitive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":59,"character":12}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"iconTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":76,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_CONTAINER"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":77,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":77,"character":17},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","name":"DataFilterContainer"},{"__symbolic":"reference","name":"ISearchFilterOptions"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_optDefault":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}],"filterState":[{"__symbolic":"method"}]}},"ISearchFilterOptions":{"__symbolic":"interface"},"DATA_FILTER_TEXT":{"provide":{"__symbolic":"reference","name":"THESEAM_DATA_FILTER"},"useExisting":{"__symbolic":"reference","name":"DataFilterTextComponent"},"multi":true},"DefaultTextFilterOptions":{"properties":{"__symbolic":"reference","name":"undefined"},"omitProperties":{"__symbolic":"reference","name":"undefined"},"exact":false,"caseSensitive":false},"textDataFilter":{"__symbolic":"function"},"DataFilterTextComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":75,"character":1},"arguments":[{"selector":"seam-data-filter-text","providers":[{"__symbolic":"reference","name":"DATA_FILTER_TEXT"}],"template":"<div class=\"position-relative\"\n  [class.data-filter-text-has-icon]=\"iconTpl\"\n  (click)=\"inp.focus()\">\n  <label [attr.for]=\"inp.id\" class=\"sr-only\">Text filter</label>\n  <input seamInput #inp=\"seamInput\" seamInputSize=\"sm\" [formControl]=\"_control\" [placeholder]=\"placeholder\">\n  <ng-container *ngIf=\"iconTpl\">\n    <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\n  </ng-container>\n</div>\n","styles":[":host{display:block}.data-filter-text-has-icon>input{padding-left:30px}.data-filter-text-has-icon ::ng-deep fa-icon{position:absolute;top:3px;left:10px;bottom:0}.data-filter-text-has-icon ::ng-deep fa-icon .svg-inline--fa{vertical-align:middle}"]}]}],"members":{"properties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"omitProperties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"exact":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":92,"character":12}}]}],"caseSensitive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":93,"character":12}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"iconTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":109,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_CONTAINER"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":110,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":110,"character":17},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","name":"DataFilterContainer"},{"__symbolic":"reference","name":"ITextFilterOptions"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_optDefault":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}],"filterState":[{"__symbolic":"method"}]}},"ITextFilterOptions":{"__symbolic":"interface"},"DATA_FILTER_TOGGLE_BUTTON":{"provide":{"__symbolic":"reference","name":"THESEAM_DATA_FILTER"},"useExisting":{"__symbolic":"reference","name":"DataFilterToggleButtonsComponent"},"multi":true},"IToggleButton":{"__symbolic":"interface"},"IToggleButtonsFilterOptions":{"__symbolic":"interface"},"DefaultToggleButtonsFilterOptions":{"properties":{"__symbolic":"reference","name":"undefined"},"omitProperties":{"__symbolic":"reference","name":"undefined"},"multiple":false,"selectionToggleable":false,"buttons":[],"exact":false,"caseSensitive":false},"toggleButtonsFilter":{"__symbolic":"function"},"DataFilterToggleButtonsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":89,"character":1},"arguments":[{"selector":"seam-data-filter-toggle-buttons","providers":[{"__symbolic":"reference","name":"DATA_FILTER_TOGGLE_BUTTON"}],"template":"<div class=\"btn-group\" role=\"group\" aria-label=\"Progress Filter\"\n  *ngIf=\"options as opts\"\n  [formControl]=\"_control\"\n  seamToggleGroup\n  [multiple]=\"opts.multiple\"\n  [selectionToggleable]=\"opts.selectionToggleable\">\n  <ng-container *ngFor=\"let btn of buttons\">\n    <button type=\"button\" class=\"btn btn-sm px-4\"\n      [seamToggleGroupOption]=\"btn.value\"\n      #opt=\"seamToggleGroupOption\"\n      [class.btn-lightgray]=\"!opt.selected\"\n      [class.btn-primary]=\"opt.selected\"\n      (click)=\"opt.selected=!opt.selected\">\n      {{ btn.name || btn.value }}\n    </button>\n  </ng-container>\n</div>\n","styles":[""]}]}],"members":{"properties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}}]}],"omitProperties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}}]}],"selectionToggleable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3}}]}],"buttons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3}}]}],"exact":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}}]}],"caseSensitive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":122,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_CONTAINER"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":123,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":123,"character":17},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","name":"DataFilterContainer"},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_optDefault":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}],"filterState":[{"__symbolic":"method"}]}}},"origins":{"IDataFilterFunction":"./data-filter","DataFilterState":"./data-filter","IDataFilter":"./data-filter","THESEAM_DATA_FILTER":"./data-filter","THESEAM_DATA_FILTER_OPTIONS":"./data-filter","filterOperator":"./data-filter","composeDataFilters":"./data-filter","composeDataFilterStates":"./data-filter","TheSeamDataFiltersModule":"./data-filters.module","IDataFilterDef":"./data-filter-def","THESEAM_DATA_FILTER_DEF":"./data-filter-def","DataFilterContainer":"./data-filter-container","THESEAM_DATA_FILTER_CONTAINER":"./data-filter-container","DATA_FILTER_SEARCH":"./filters/data-filter-search/data-filter-search.component","DefaultSearchFilterOptions":"./filters/data-filter-search/data-filter-search.component","searchDataFilter":"./filters/data-filter-search/data-filter-search.component","DataFilterSearchComponent":"./filters/data-filter-search/data-filter-search.component","ISearchFilterOptions":"./filters/data-filter-search/search-filter-options","DATA_FILTER_TEXT":"./filters/data-filter-text/data-filter-text.component","DefaultTextFilterOptions":"./filters/data-filter-text/data-filter-text.component","textDataFilter":"./filters/data-filter-text/data-filter-text.component","DataFilterTextComponent":"./filters/data-filter-text/data-filter-text.component","ITextFilterOptions":"./filters/data-filter-text/text-filter-options","DATA_FILTER_TOGGLE_BUTTON":"./filters/data-filter-toggle-buttons/data-filter-toggle-buttons.component","IToggleButton":"./filters/data-filter-toggle-buttons/data-filter-toggle-buttons.component","IToggleButtonsFilterOptions":"./filters/data-filter-toggle-buttons/data-filter-toggle-buttons.component","DefaultToggleButtonsFilterOptions":"./filters/data-filter-toggle-buttons/data-filter-toggle-buttons.component","toggleButtonsFilter":"./filters/data-filter-toggle-buttons/data-filter-toggle-buttons.component","DataFilterToggleButtonsComponent":"./filters/data-filter-toggle-buttons/data-filter-toggle-buttons.component"},"importAs":"@theseam/ui-common/data-filters"}
+{"__symbolic":"module","version":4,"metadata":{"DataFilterFunction":{"__symbolic":"interface"},"DataFilterState":{"__symbolic":"interface"},"DataFilter":{"__symbolic":"interface"},"THESEAM_DATA_FILTER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":56,"character":39},"arguments":["TheSeamDataFilter"]},"THESEAM_DATA_FILTER_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":57,"character":47},"arguments":["TheSeamDataFilterOptions"]},"filterOperator":{"__symbolic":"function","parameters":["filterFn"],"value":{"__symbolic":"error","message":"Lambda not supported","line":60,"character":9,"module":"./data-filter"}},"composeDataFilters":{"__symbolic":"function"},"composeDataFilterStates":{"__symbolic":"function"},"IDataFilter":{"__symbolic":"interface"},"IDataFilterFunction":{"__symbolic":"interface"},"TheSeamDataFiltersModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":27,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DataFilterSearchComponent"},{"__symbolic":"reference","name":"DataFilterTextComponent"},{"__symbolic":"reference","name":"DataFilterToggleButtonsComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":32,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":33,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/form-field","name":"TheSeamFormFieldModule","line":34,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":35,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/toggle-group","name":"TheSeamToggleGroupModule","line":36,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/icon","name":"TheSeamIconModule","line":37,"character":4}],"providers":[{"provide":{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_DEF"},"useValue":{"name":"search","component":{"__symbolic":"reference","name":"DataFilterSearchComponent"}},"multi":true},{"provide":{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_DEF"},"useValue":{"name":"text","component":{"__symbolic":"reference","name":"DataFilterTextComponent"}},"multi":true},{"provide":{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_DEF"},"useValue":{"name":"toggle-buttons","component":{"__symbolic":"reference","name":"DataFilterToggleButtonsComponent"}},"multi":true}],"exports":[{"__symbolic":"reference","name":"DataFilterSearchComponent"},{"__symbolic":"reference","name":"DataFilterTextComponent"},{"__symbolic":"reference","name":"DataFilterToggleButtonsComponent"}],"entryComponents":[{"__symbolic":"reference","name":"DataFilterSearchComponent"},{"__symbolic":"reference","name":"DataFilterTextComponent"},{"__symbolic":"reference","name":"DataFilterToggleButtonsComponent"}]}]}],"members":{}},"IDataFilterDef":{"__symbolic":"interface"},"THESEAM_DATA_FILTER_DEF":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":14,"character":43},"arguments":["TheSeamDataFilter"]},"DataFilterContainer":{"__symbolic":"interface"},"THESEAM_DATA_FILTER_CONTAINER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":11,"character":49},"arguments":["DataFilterContainer"]},"DATA_FILTER_SEARCH":{"provide":{"__symbolic":"reference","name":"THESEAM_DATA_FILTER"},"useExisting":{"__symbolic":"reference","name":"DataFilterSearchComponent"},"multi":true},"DefaultSearchFilterOptions":{"properties":{"__symbolic":"reference","name":"undefined"},"omitProperties":{"__symbolic":"reference","name":"undefined"},"exact":false,"caseSensitive":false},"searchDataFilter":{"__symbolic":"function","parameters":["data","values","options"],"defaults":[null,null,{"__symbolic":"reference","name":"DefaultSearchFilterOptions"}],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"textDataFilter"},"arguments":[{"__symbolic":"reference","name":"data"},{"__symbolic":"reference","name":"values"},{"__symbolic":"reference","name":"options"}]}},"DataFilterSearchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":40,"character":1},"arguments":[{"selector":"seam-data-filter-search","providers":[{"__symbolic":"reference","name":"DATA_FILTER_SEARCH"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":45,"character":19},"member":"OnPush"},"template":"<div class=\"position-relative\"\n  [class.data-filter-search-has-icon]=\"iconTpl || icon\"\n  (click)=\"inp.focus()\">\n  <label [attr.for]=\"inp.id\" class=\"sr-only\">Search filter</label>\n  <input seamInput #inp=\"seamInput\" seamInputSize=\"sm\" [formControl]=\"_control\" [placeholder]=\"placeholder\">\n  <ng-container *ngIf=\"iconTpl; else searchIconTpl\">\n    <div class=\"data-filter-search--icon-wrapper\">\n      <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\n    </div>\n  </ng-container>\n  <ng-template #searchIconTpl>\n    <ng-container *ngIf=\"icon\">\n      <div class=\"data-filter-search--icon-wrapper\">\n        <seam-icon [icon]=\"icon\" class=\"text-muted\"></seam-icon>\n      </div>\n    </ng-container>\n  </ng-template>\n</div>\n","styles":[":host{display:flex;flex:0 1 300px}.data-filter-search-has-icon{width:100%}.data-filter-search-has-icon>input{padding-left:30px}.data-filter-search-has-icon .data-filter-search--icon-wrapper{position:absolute;top:3px;left:10px;bottom:0px}.data-filter-search-has-icon .data-filter-search--icon-wrapper ::ng-deep .svg-inline--fa{vertical-align:middle}\n"]}]}],"members":{"properties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"omitProperties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"exact":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":58,"character":12}}]}],"caseSensitive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":59,"character":12}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"iconTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":76,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_CONTAINER"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":77,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":77,"character":17},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","name":"DataFilterContainer"},{"__symbolic":"reference","name":"ISearchFilterOptions"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_optDefault":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}],"filterState":[{"__symbolic":"method"}]}},"ISearchFilterOptions":{"__symbolic":"interface"},"DATA_FILTER_TEXT":{"provide":{"__symbolic":"reference","name":"THESEAM_DATA_FILTER"},"useExisting":{"__symbolic":"reference","name":"DataFilterTextComponent"},"multi":true},"DefaultTextFilterOptions":{"properties":{"__symbolic":"reference","name":"undefined"},"omitProperties":{"__symbolic":"reference","name":"undefined"},"exact":false,"caseSensitive":false},"textDataFilter":{"__symbolic":"function"},"DataFilterTextComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":75,"character":1},"arguments":[{"selector":"seam-data-filter-text","providers":[{"__symbolic":"reference","name":"DATA_FILTER_TEXT"}],"template":"<div class=\"position-relative\"\n  [class.data-filter-text-has-icon]=\"iconTpl\"\n  (click)=\"inp.focus()\">\n  <label [attr.for]=\"inp.id\" class=\"sr-only\">Text filter</label>\n  <input seamInput #inp=\"seamInput\" seamInputSize=\"sm\" [formControl]=\"_control\" [placeholder]=\"placeholder\">\n  <ng-container *ngIf=\"iconTpl\">\n    <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\n  </ng-container>\n</div>\n","styles":[":host{display:block}.data-filter-text-has-icon>input{padding-left:30px}.data-filter-text-has-icon ::ng-deep fa-icon{position:absolute;top:3px;left:10px;bottom:0px}.data-filter-text-has-icon ::ng-deep fa-icon .svg-inline--fa{vertical-align:middle}\n"]}]}],"members":{"properties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"omitProperties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"exact":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":92,"character":12}}]}],"caseSensitive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":93,"character":12}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"iconTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":109,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_CONTAINER"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":110,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":110,"character":17},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","name":"DataFilterContainer"},{"__symbolic":"reference","name":"ITextFilterOptions"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_optDefault":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}],"filterState":[{"__symbolic":"method"}]}},"ITextFilterOptions":{"__symbolic":"interface"},"DATA_FILTER_TOGGLE_BUTTON":{"provide":{"__symbolic":"reference","name":"THESEAM_DATA_FILTER"},"useExisting":{"__symbolic":"reference","name":"DataFilterToggleButtonsComponent"},"multi":true},"IToggleButton":{"__symbolic":"interface"},"IToggleButtonsFilterOptions":{"__symbolic":"interface"},"DefaultToggleButtonsFilterOptions":{"properties":{"__symbolic":"reference","name":"undefined"},"omitProperties":{"__symbolic":"reference","name":"undefined"},"multiple":false,"selectionToggleable":false,"buttons":[],"exact":false,"caseSensitive":false},"toggleButtonsFilter":{"__symbolic":"function"},"DataFilterToggleButtonsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":89,"character":1},"arguments":[{"selector":"seam-data-filter-toggle-buttons","providers":[{"__symbolic":"reference","name":"DATA_FILTER_TOGGLE_BUTTON"}],"template":"<div class=\"btn-group\" role=\"group\" aria-label=\"Progress Filter\"\n  *ngIf=\"options as opts\"\n  [formControl]=\"_control\"\n  seamToggleGroup\n  [multiple]=\"opts.multiple\"\n  [selectionToggleable]=\"opts.selectionToggleable\">\n  <ng-container *ngFor=\"let btn of buttons\">\n    <button type=\"button\" class=\"btn btn-sm px-4\"\n      [seamToggleGroupOption]=\"btn.value\"\n      #opt=\"seamToggleGroupOption\"\n      [class.btn-lightgray]=\"!opt.selected\"\n      [class.btn-primary]=\"opt.selected\"\n      (click)=\"opt.selected=!opt.selected\">\n      {{ btn.name || btn.value }}\n    </button>\n  </ng-container>\n</div>\n","styles":[""]}]}],"members":{"properties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}}]}],"omitProperties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}}]}],"selectionToggleable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3}}]}],"buttons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3}}]}],"exact":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}}]}],"caseSensitive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":122,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_CONTAINER"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":123,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":123,"character":17},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","name":"DataFilterContainer"},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_optDefault":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}],"filterState":[{"__symbolic":"method"}]}}},"origins":{"DataFilterFunction":"./data-filter","DataFilterState":"./data-filter","DataFilter":"./data-filter","THESEAM_DATA_FILTER":"./data-filter","THESEAM_DATA_FILTER_OPTIONS":"./data-filter","filterOperator":"./data-filter","composeDataFilters":"./data-filter","composeDataFilterStates":"./data-filter","IDataFilter":"./data-filter","IDataFilterFunction":"./data-filter","TheSeamDataFiltersModule":"./data-filters.module","IDataFilterDef":"./data-filter-def","THESEAM_DATA_FILTER_DEF":"./data-filter-def","DataFilterContainer":"./data-filter-container","THESEAM_DATA_FILTER_CONTAINER":"./data-filter-container","DATA_FILTER_SEARCH":"./filters/data-filter-search/data-filter-search.component","DefaultSearchFilterOptions":"./filters/data-filter-search/data-filter-search.component","searchDataFilter":"./filters/data-filter-search/data-filter-search.component","DataFilterSearchComponent":"./filters/data-filter-search/data-filter-search.component","ISearchFilterOptions":"./filters/data-filter-search/search-filter-options","DATA_FILTER_TEXT":"./filters/data-filter-text/data-filter-text.component","DefaultTextFilterOptions":"./filters/data-filter-text/data-filter-text.component","textDataFilter":"./filters/data-filter-text/data-filter-text.component","DataFilterTextComponent":"./filters/data-filter-text/data-filter-text.component","ITextFilterOptions":"./filters/data-filter-text/text-filter-options","DATA_FILTER_TOGGLE_BUTTON":"./filters/data-filter-toggle-buttons/data-filter-toggle-buttons.component","IToggleButton":"./filters/data-filter-toggle-buttons/data-filter-toggle-buttons.component","IToggleButtonsFilterOptions":"./filters/data-filter-toggle-buttons/data-filter-toggle-buttons.component","DefaultToggleButtonsFilterOptions":"./filters/data-filter-toggle-buttons/data-filter-toggle-buttons.component","toggleButtonsFilter":"./filters/data-filter-toggle-buttons/data-filter-toggle-buttons.component","DataFilterToggleButtonsComponent":"./filters/data-filter-toggle-buttons/data-filter-toggle-buttons.component"},"importAs":"@theseam/ui-common/data-filters"}

package/datatable/datatable/datatable.component.d.ts

@@ -1,11 +1,11 @@
 import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
-import { AfterContentInit, ElementRef, EventEmitter, InjectionToken, KeyValueDiffers, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
+import { CollectionViewer, DataSource, ListRange } from '@angular/cdk/collections';
+import { ElementRef, EventEmitter, InjectionToken, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
 import { Observable } from 'rxjs';
 import { ColumnMode, ContextmenuType, DataTableColumnCellTreeToggle, DataTableColumnDirective, DataTableColumnHeaderDirective, DatatableComponent as NgxDatatableComponent, DatatableRowDetailDirective, SortType, TreeStatus } from '@marklb/ngx-datatable';
 import type { SelectionType } from '@marklb/ngx-datatable';
-import { DataFilterState, IDataFilter } from '@theseam/ui-common/data-filters';
+import { DataFilter, DataFilterState } from '@theseam/ui-common/data-filters';
 import { IElementResizedEvent } from '@theseam/ui-common/shared';
-import { CollectionViewer, DataSource, ListRange } from '@angular/cdk/collections';
 import { DatatableActionMenuComponent } from '../datatable-action-menu/datatable-action-menu.component';
 import { DatatableColumnComponent } from '../datatable-column/datatable-column.component';
 import { TheSeamDatatableFooterDirective } from '../datatable-footer/datatable-footer.directive';
@@ -17,9 +17,9 @@ import { TheSeamPageInfo } from '../models/page-info';
 import { SortEvent } from '../models/sort-event';
 import { SortItem } from '../models/sort-item';
 import { TheSeamDatatableColumn } from '../models/table-column';
-import { DatatableColumnChangesService } from '../services/datatable-column-changes.service';
+import { ColumnsManagerService } from '../services/columns-manager.service';
 import { DatatablePreferencesService } from '../services/datatable-preferences.service';
-export declare function _setColumnDefaults(columns: TheSeamDatatableColumn[]): void;
+import { ColumnsAlterationsManagerService } from '../services/columns-alterations-manager.service';
 /**
  * NOTE: This is still being worked on. I am trying to figure out this model
  * because `ngx-datatable` just uses an untyped object and sets properties in
@@ -46,13 +46,13 @@ export interface ICellContext {
 /**
  * Intended for internal classes declared by the `TheSeamDatatableModule`.
  */
-export declare const THESEAM_DATATABLE: InjectionToken<IDataFilter>;
+export declare const THESEAM_DATATABLE: InjectionToken<DataFilter>;
 export declare const _THESEAM_DATATABLE: any;
 export declare const _THESEAM_DATATABLE_ACCESSOR: any;
-export declare class DatatableComponent implements OnInit, OnDestroy, AfterContentInit, TheSeamDatatableAccessor, CollectionViewer {
-    private readonly _columnChangesService;
-    private readonly _differs;
+export declare class DatatableComponent implements OnInit, OnDestroy, TheSeamDatatableAccessor, CollectionViewer {
     private readonly _preferences;
+    private readonly _columnsManager;
+    private readonly _columnsAlterationsManager;
     static ngAcceptInputType_externalPaging: BooleanInput;
     static ngAcceptInputType_externalSorting: BooleanInput;
     static ngAcceptInputType_externalFiltering: BooleanInput;
@@ -74,23 +74,21 @@ export declare class DatatableComponent implements OnInit, OnDestroy, AfterConte
     static ngAcceptInputType_summaryHeight: NumberInput;
     static ngAcceptInputType_columns: TheSeamDatatableColumn[] | undefined | null;
     static ngAcceptInputType_sorts: SortItem[] | undefined | null;
-    faChevronDown: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    faChevronRight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    faSpinner: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    readonly _faChevronDown: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    readonly _faChevronRight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    readonly _faSpinner: import("@fortawesome/fontawesome-common-types").IconDefinition;
     private readonly _ngUnsubscribe;
     private readonly _filtersSubject;
-    private readonly _columnsObservable;
     private readonly _dataSourceSubject;
+    private _resizing;
     readonly filterStates: Observable<DataFilterState[]>;
-    get filters(): IDataFilter[];
-    readonly filters$: Observable<IDataFilter[]>;
+    get filters(): DataFilter[];
+    readonly filters$: Observable<DataFilter[]>;
     get preferencesKey(): string | undefined | null;
     set preferencesKey(value: string | undefined | null);
     private _preferencesKey;
     targetMarkerTemplate: any;
-    get columns(): TheSeamDatatableColumn[];
     set columns(value: TheSeamDatatableColumn[]);
-    private _columns;
     get rows(): any[];
     set rows(value: any[]);
     private _rows;
@@ -106,10 +104,13 @@ export declare class DatatableComponent implements OnInit, OnDestroy, AfterConte
     count: number;
     offset: number;
     loadingIndicator: boolean;
-    selectionType: SelectionType | undefined | null;
+    get selectionType(): SelectionType | undefined | null;
+    set selectionType(value: SelectionType | undefined | null);
     reorderable: boolean;
     swapColumns: boolean;
-    sortType: SortType | undefined | null;
+    get sortType(): SortType;
+    set sortType(value: SortType);
+    _sortType: SortType;
     get sorts(): SortItem[];
     set sorts(value: SortItem[]);
     _sorts: SortItem[];
@@ -149,9 +150,11 @@ export declare class DatatableComponent implements OnInit, OnDestroy, AfterConte
     readonly treeAction: EventEmitter<any>;
     readonly actionRefreshRequest: EventEmitter<void>;
     readonly hiddenColumnsChange: EventEmitter<string[]>;
-    columnComponents?: QueryList<DatatableColumnComponent>;
+    set columnComponents(value: QueryList<DatatableColumnComponent> | undefined);
     actionMenu?: DatatableActionMenuComponent;
-    rowActionItem?: DatatableRowActionItemDirective;
+    get rowActionItem(): DatatableRowActionItemDirective | undefined;
+    set rowActionItem(value: DatatableRowActionItemDirective | undefined);
+    private _rowActionItem;
     rowDetail?: TheSeamDatatableRowDetailDirective;
     footer?: TheSeamDatatableFooterDirective;
     get menuBarComponent(): DatatableMenuBarComponent | undefined;
@@ -161,11 +164,21 @@ export declare class DatatableComponent implements OnInit, OnDestroy, AfterConte
     ngxDatatable?: NgxDatatableComponent;
     ngxDatatableElement?: ElementRef;
     ngxRowDetail?: DatatableRowDetailDirective;
-    actionMenuCellTpl?: TemplateRef<DataTableColumnDirective>;
-    treeToggleTpl?: TemplateRef<DataTableColumnCellTreeToggle>;
-    headerTpl?: TemplateRef<DataTableColumnHeaderDirective>;
-    blankHeaderTpl?: TemplateRef<DataTableColumnHeaderDirective>;
-    cellTypeSelectorTpl?: TemplateRef<DataTableColumnDirective>;
+    get actionMenuCellTpl(): TemplateRef<DataTableColumnDirective> | undefined;
+    set actionMenuCellTpl(value: TemplateRef<DataTableColumnDirective> | undefined);
+    private _actionMenuCellTpl;
+    get treeToggleTpl(): TemplateRef<DataTableColumnCellTreeToggle> | undefined;
+    set treeToggleTpl(value: TemplateRef<DataTableColumnCellTreeToggle> | undefined);
+    private _treeToggleTpl;
+    get headerTpl(): TemplateRef<DataTableColumnHeaderDirective> | undefined;
+    set headerTpl(value: TemplateRef<DataTableColumnHeaderDirective> | undefined);
+    private _headerTpl;
+    get blankHeaderTpl(): TemplateRef<DataTableColumnHeaderDirective> | undefined;
+    set blankHeaderTpl(value: TemplateRef<DataTableColumnHeaderDirective> | undefined);
+    private _blankHeaderTpl;
+    get cellTypeSelectorTpl(): TemplateRef<DataTableColumnDirective> | undefined;
+    set cellTypeSelectorTpl(value: TemplateRef<DataTableColumnDirective> | undefined);
+    private _cellTypeSelectorTpl;
     columnComponents$?: Observable<DatatableColumnComponent[]>;
     private _colDiffersInp;
     private _colDiffersTpl;
@@ -173,14 +186,10 @@ export declare class DatatableComponent implements OnInit, OnDestroy, AfterConte
     readonly displayColumns$: Observable<TheSeamDatatableColumn[]>;
     viewChange: Observable<ListRange>;
     private _rowDetailToggleSubscription;
-    constructor(_columnChangesService: DatatableColumnChangesService, _differs: KeyValueDiffers, _preferences: DatatablePreferencesService);
+    _dblClick(event: any): void;
+    constructor(_preferences: DatatablePreferencesService, _columnsManager: ColumnsManagerService, _columnsAlterationsManager: ColumnsAlterationsManagerService);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    ngAfterContentInit(): void;
-    private _getMergedTplAndInpColumns;
-    private _hasPrevColDiff;
-    private _getColDiff;
-    private _removeUnusedDiffs;
     private _setMenuBarFilters;
     getColumnComponent(propName: string): DatatableColumnComponent | null;
     _columnData(col: any): {
@@ -191,7 +200,12 @@ export declare class DatatableComponent implements OnInit, OnDestroy, AfterConte
     trackByFnColumn(index: number, item: any): any;
     onDatatableResize(event: IElementResizedEvent): void;
     _onResize(event: any): void;
+    _onReorder(event: any): void;
+    _onSort(event: any): void;
     _onTreeAction(event: any): void;
     triggerActionRefreshRequest(): void;
+    /**
+     * Returns the page info from the wrapped NgxDatatable instance or defaults.
+     */
     get pageInfo(): TheSeamPageInfo;
 }

package/datatable/datatable-column/datatable-column.component.d.ts

@@ -1,36 +1,37 @@
 import { OnChanges, OnInit, PipeTransform, SimpleChanges, TemplateRef } from '@angular/core';
+import { TableColumnProp } from '@marklb/ngx-datatable';
 import { DatatableCellTplDirective } from '../directives/datatable-cell-tpl.directive';
 import { DatatableColumnChangesService } from '../services/datatable-column-changes.service';
 declare type _PipeTransform = PipeTransform | PipeTransform;
 export declare class DatatableColumnComponent implements OnInit, OnChanges {
     private _columnChangesService;
-    name: string | undefined | null;
-    prop: string | number | undefined | null;
-    flexGrow: number | undefined | null;
-    minWidth: number | undefined | null;
-    maxWidth: number | undefined | null;
-    width: number | undefined | null;
-    resizeable: boolean | undefined | null;
-    sortable: boolean | undefined | null;
-    draggable: boolean | undefined | null;
-    canAutoResize: boolean | undefined | null;
-    comparator: ((valueA: any, valueB: any, rowA?: any, rowB?: any, sortDirection?: 'asc' | 'desc') => -1 | 0 | 1) | undefined | null;
-    headerTemplate: TemplateRef<any> | undefined | null;
-    checkboxable: boolean | undefined | null;
-    headerCheckboxable: boolean | undefined | null;
-    headerClass: string | ((data: any) => string | any) | undefined | null;
-    cellClass: string | ((data: any) => string | any) | undefined | null;
-    frozenLeft: boolean | undefined | null;
-    frozenRight: boolean | undefined | null;
-    pipe: _PipeTransform | undefined | null;
-    isTreeColumn: boolean | undefined | null;
-    treeLevelIndent: number | undefined | null;
-    summaryFunc: ((cells: any[]) => any) | undefined | null;
-    summaryTemplate: TemplateRef<any> | undefined | null;
-    hidden: boolean | undefined | null;
+    name?: string | null;
+    prop?: TableColumnProp | null;
+    flexGrow?: number | null;
+    minWidth?: number | null;
+    maxWidth?: number | null;
+    width?: number | null;
+    resizeable?: boolean | null;
+    sortable?: boolean | null;
+    draggable?: boolean | null;
+    canAutoResize?: boolean | null;
+    comparator?: ((valueA: any, valueB: any, rowA?: any, rowB?: any, sortDirection?: 'asc' | 'desc') => -1 | 0 | 1) | null;
+    headerTemplate?: TemplateRef<any> | null;
+    checkboxable?: boolean | null;
+    headerCheckboxable?: boolean | null;
+    headerClass?: string | ((data: any) => string | any) | null;
+    cellClass?: string | ((data: any) => string | any) | null;
+    frozenLeft?: boolean | null;
+    frozenRight?: boolean | null;
+    pipe?: _PipeTransform | null;
+    isTreeColumn?: boolean | null;
+    treeLevelIndent?: number | null;
+    summaryFunc?: ((cells: any[]) => any) | null;
+    summaryTemplate?: TemplateRef<any> | null;
+    hidden?: boolean | null;
     private _isFirstChange;
     cellTplDirective?: DatatableCellTplDirective;
-    _cellTemplateInput: TemplateRef<any> | undefined | null;
+    _cellTemplateInput?: TemplateRef<any> | null;
     _cellTemplateQuery?: TemplateRef<any>;
     get cellTemplate(): TemplateRef<any> | undefined | null;
     constructor(_columnChangesService: DatatableColumnChangesService);

package/datatable/datatable-column-preferences/datatable-column-preferences.component.d.ts

@@ -1,14 +1,15 @@
-import { OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { Observable } from 'rxjs';
 import { DatatableComponent } from '../datatable/datatable.component';
 import { TheSeamDatatableColumn } from '../models/table-column';
-export declare class DatatableColumnPreferencesComponent implements OnInit {
+import { ColumnsAlterationsManagerService } from '../services/columns-alterations-manager.service';
+export declare class DatatableColumnPreferencesComponent {
     private _datatable;
+    private readonly _columnsAlterationsManager;
     _columns$: Observable<TheSeamDatatableColumn[]>;
     _filterControl: FormControl;
-    constructor(_datatable: DatatableComponent);
-    ngOnInit(): void;
+    constructor(_datatable: DatatableComponent, _columnsAlterationsManager: ColumnsAlterationsManagerService);
+    private _canToggleColumn;
+    private _columnMatchesFilter;
     _onChange(event: any, col: TheSeamDatatableColumn): void;
-    _onCloseClick(): void;
 }

package/datatable/datatable-column-preferences-button/datatable-column-preferences-button.component.d.ts

@@ -1,6 +1,12 @@
+import { ConnectionPositionPair } from '@angular/cdk/overlay';
 import { OnInit } from '@angular/core';
+import { ColumnsAlterationsManagerService } from '../services/columns-alterations-manager.service';
 export declare class DatatableColumnPreferencesButtonComponent implements OnInit {
+    private readonly _columnsAlterationsManager;
     icon: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    constructor();
+    /** @ignore */
+    _actionMenuPositions: ConnectionPositionPair[];
+    constructor(_columnsAlterationsManager: ColumnsAlterationsManagerService);
     ngOnInit(): void;
+    _resetColumns(event: any): void;
 }