@theseam/ui-common 0.2.10 → 0.2.14

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"PopoverComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"seam-popover","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":24,"character":4},"arguments":["slideDown",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":25,"character":6},"arguments":[":enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":25,"character":27},"arguments":[{"__symbolic":"reference","name":"popoverExpandIn"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":26,"character":6},"arguments":[":leave",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":26,"character":27},"arguments":[{"__symbolic":"reference","name":"popoverExpandOut"}]}]}]]}],"host":{"class":"popover show m-2 position-static","[@slideDown]":"{\n      value: _state,\n      params: {\n        enterAnimationDuration: enterAnimationDuration,\n        exitAnimationDuration: exitAnimationDuration\n      }\n    }","(@slideDown.start)":"_onAnimationStart($event)","(@slideDown.done)":"_animationDone.next($event)","[style.width]":"_popoverWidth","$quoted$":["[@slideDown]","(@slideDown.start)","(@slideDown.done)","[style.width]"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":42,"character":19},"member":"OnPush"},"template":"<div class=\"popover-body\">\n  <ng-container *ngIf=\"template; else noTemplate\">\n    <ng-template [ngTemplateOutlet]=\"template\"></ng-template>\n  </ng-container>\n\n  <ng-template #noTemplate>\n    Example\n    <!-- <ng-content></ng-content> -->\n  </ng-template>\n</div>\n","styles":[":host{display:block;max-width:800px;min-width:100%}"]}]}],"members":{"_role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":73,"character":3},"arguments":["attr.role"]}]}],"_tabindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":75,"character":3},"arguments":["attr.tabindex"]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"popoverClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"baseWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":100,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_startExiting":[{"__symbolic":"method"}],"_onAnimationStart":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":171,"character":3},"arguments":["keydown",["$event"]]}]}]}},"TheSeamPopoverModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"PopoverComponent"},{"__symbolic":"reference","name":"TheSeamPopoverDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":18,"character":4}],"entryComponents":[{"__symbolic":"reference","name":"PopoverComponent"}],"exports":[{"__symbolic":"reference","name":"TheSeamPopoverDirective"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":27,"character":4}]}]}],"members":{}},"TheSeamPopoverDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":15,"character":1},"arguments":[{"selector":"[seamPopover]","host":{"aria-haspopup":"true","[attr.aria-expanded]":"popoverOpen() || null","$quoted$":["aria-haspopup","[attr.aria-expanded]"]},"exportAs":"seamPopover"}]}],"members":{"seamPopover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"seamPopoverBaseWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"seamPopoverDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"_onMouseDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":81,"character":3},"arguments":["mousedown",["$event"]]}]}],"_onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":90,"character":3},"arguments":["click",["$event"]]}]}],"_onDocumentKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":95,"character":3},"arguments":["document:keydown",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":103,"character":36,"context":{"typeName":"HTMLElement"},"module":"./popover.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":104,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":105,"character":22},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":106,"character":27}]}],"ngOnDestroy":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"openPopover":[{"__symbolic":"method"}],"closePopover":[{"__symbolic":"method"}],"popoverOpen":[{"__symbolic":"method"}],"getOverlayPosition":[{"__symbolic":"method"}],"getPositions":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_resetPopover":[{"__symbolic":"method"}],"_popoverClosingActions":[{"__symbolic":"method"}]}},"popoverSlideIn":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":2,"character":30},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":3,"character":2},"arguments":[":self",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":4,"character":4},"arguments":[{"opacity":0,"transform":"translateY(-70%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":8,"character":4},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":9,"character":6},"arguments":["170ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":9,"character":30},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":10,"character":6},"arguments":["220ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":10,"character":28},"arguments":[{"transform":"translateY(0)"}]}]}]]}]]}]]},"popoverSlideOut":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":15,"character":31},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":16,"character":2},"arguments":[":self",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":17,"character":4},"arguments":[{"opacity":1,"transform":"translateY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":21,"character":4},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":22,"character":6},"arguments":["170ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":22,"character":30},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":23,"character":6},"arguments":["220ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":23,"character":28},"arguments":[{"transform":"translateY(-70%)"}]}]}]]}]]}]]},"popoverExpandIn":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":28,"character":31},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":29,"character":2},"arguments":[{"opacity":0,"transform":"scale(0.8)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":33,"character":2},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":34,"character":4},"arguments":["100ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":34,"character":28},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":35,"character":4},"arguments":["120ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":35,"character":26},"arguments":[{"transform":"scale(1)"}]}]}]]}]]},"popoverExpandOut":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":39,"character":32},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":40,"character":2},"arguments":[{"opacity":1,"transform":"scale(1)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":44,"character":2},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":45,"character":4},"arguments":["100ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":45,"character":28},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":46,"character":4},"arguments":["120ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":46,"character":26},"arguments":[{"transform":"scale(0.8)"}]}]}]]}]]}},"origins":{"PopoverComponent":"./popover/popover.component","TheSeamPopoverModule":"./popover.module","TheSeamPopoverDirective":"./popover.directive","popoverSlideIn":"./popover-animations","popoverSlideOut":"./popover-animations","popoverExpandIn":"./popover-animations","popoverExpandOut":"./popover-animations"},"importAs":"@theseam/ui-common/popover"}
+{"__symbolic":"module","version":4,"metadata":{"PopoverComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"seam-popover","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":24,"character":4},"arguments":["slideDown",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":25,"character":6},"arguments":[":enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":25,"character":27},"arguments":[{"__symbolic":"reference","name":"popoverExpandIn"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":26,"character":6},"arguments":[":leave",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":26,"character":27},"arguments":[{"__symbolic":"reference","name":"popoverExpandOut"}]}]}]]}],"host":{"class":"popover show m-2 position-static","[@slideDown]":"{\n      value: _state,\n      params: {\n        enterAnimationDuration: enterAnimationDuration,\n        exitAnimationDuration: exitAnimationDuration\n      }\n    }","(@slideDown.start)":"_onAnimationStart($event)","(@slideDown.done)":"_animationDone.next($event)","[style.width]":"_popoverWidth","$quoted$":["[@slideDown]","(@slideDown.start)","(@slideDown.done)","[style.width]"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":42,"character":19},"member":"OnPush"},"template":"<div class=\"popover-body\">\n  <ng-container *ngIf=\"template; else noTemplate\">\n    <ng-template [ngTemplateOutlet]=\"template\"></ng-template>\n  </ng-container>\n\n  <ng-template #noTemplate>\n    Example\n    <!-- <ng-content></ng-content> -->\n  </ng-template>\n</div>\n","styles":[":host{display:block;max-width:800px;min-width:100%}\n"]}]}],"members":{"_role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":73,"character":3},"arguments":["attr.role"]}]}],"_tabindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":75,"character":3},"arguments":["attr.tabindex"]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"popoverClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"baseWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":100,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_startExiting":[{"__symbolic":"method"}],"_onAnimationStart":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":171,"character":3},"arguments":["keydown",["$event"]]}]}]}},"TheSeamPopoverModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"PopoverComponent"},{"__symbolic":"reference","name":"TheSeamPopoverDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":18,"character":4}],"entryComponents":[{"__symbolic":"reference","name":"PopoverComponent"}],"exports":[{"__symbolic":"reference","name":"TheSeamPopoverDirective"},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":27,"character":4}]}]}],"members":{}},"TheSeamPopoverDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":15,"character":1},"arguments":[{"selector":"[seamPopover]","host":{"aria-haspopup":"true","[attr.aria-expanded]":"popoverOpen() || null","$quoted$":["aria-haspopup","[attr.aria-expanded]"]},"exportAs":"seamPopover"}]}],"members":{"seamPopover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"seamPopoverBaseWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"seamPopoverDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"_onMouseDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":81,"character":3},"arguments":["mousedown",["$event"]]}]}],"_onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":90,"character":3},"arguments":["click",["$event"]]}]}],"_onDocumentKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":95,"character":3},"arguments":["document:keydown",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":103,"character":36,"context":{"typeName":"HTMLElement"},"module":"./popover.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":104,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":105,"character":22},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":106,"character":27}]}],"ngOnDestroy":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"openPopover":[{"__symbolic":"method"}],"closePopover":[{"__symbolic":"method"}],"popoverOpen":[{"__symbolic":"method"}],"getOverlayPosition":[{"__symbolic":"method"}],"getPositions":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_resetPopover":[{"__symbolic":"method"}],"_popoverClosingActions":[{"__symbolic":"method"}]}},"popoverSlideIn":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":2,"character":30},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":3,"character":2},"arguments":[":self",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":4,"character":4},"arguments":[{"opacity":0,"transform":"translateY(-70%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":8,"character":4},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":9,"character":6},"arguments":["170ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":9,"character":30},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":10,"character":6},"arguments":["220ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":10,"character":28},"arguments":[{"transform":"translateY(0)"}]}]}]]}]]}]]},"popoverSlideOut":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":15,"character":31},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":16,"character":2},"arguments":[":self",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":17,"character":4},"arguments":[{"opacity":1,"transform":"translateY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":21,"character":4},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":22,"character":6},"arguments":["170ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":22,"character":30},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":23,"character":6},"arguments":["220ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":23,"character":28},"arguments":[{"transform":"translateY(-70%)"}]}]}]]}]]}]]},"popoverExpandIn":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":28,"character":31},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":29,"character":2},"arguments":[{"opacity":0,"transform":"scale(0.8)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":33,"character":2},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":34,"character":4},"arguments":["100ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":34,"character":28},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":35,"character":4},"arguments":["120ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":35,"character":26},"arguments":[{"transform":"scale(1)"}]}]}]]}]]},"popoverExpandOut":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":39,"character":32},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":40,"character":2},"arguments":[{"opacity":1,"transform":"scale(1)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":44,"character":2},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":45,"character":4},"arguments":["100ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":45,"character":28},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":46,"character":4},"arguments":["120ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":46,"character":26},"arguments":[{"transform":"scale(0.8)"}]}]}]]}]]}},"origins":{"PopoverComponent":"./popover/popover.component","TheSeamPopoverModule":"./popover.module","TheSeamPopoverDirective":"./popover.directive","popoverSlideIn":"./popover-animations","popoverSlideOut":"./popover-animations","popoverExpandIn":"./popover-animations","popoverExpandOut":"./popover-animations"},"importAs":"@theseam/ui-common/popover"}

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"calcDashoffset":{"__symbolic":"function"},"ProgressCircleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"seam-progress-circle","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":21,"character":17},"member":"None"},"template":"<div class=\"seam-progress-circle\" *ngIf=\"_progressInfo as p\"\n  [class.seam-progress-circle--in-complete]=\"p.percent < 100\"\n  [class.seam-progress-circle--fill-bg]=\"fillBackground\">\n  <div class=\"seam-progress-circle-inner\">\n    <ng-container *ngIf=\"p.percent > 0 || !hiddenOnEmpty\">\n      <svg class=\"seam-progress-circle--icon-spinner\" viewBox=\"0 0 40 40\" [attr.data-percent]=\"p.percent\">\n        <circle class=\"seam-progress-circle--icon-spinner-path seam-progress-circle--icon-spinner-path-bg\" cx=\"20\" cy=\"20\" r=\"15\" fill=\"none\"\n          stroke-width=\"4\">\n        </circle>\n        <circle class=\"seam-progress-circle--icon-spinner-path\" cx=\"20\" cy=\"20\" r=\"15\" fill=\"none\"\n          transform=\"rotate(-90, 20, 20)\"\n          stroke-width=\"4\"\n          stroke-miterlimit=\"10\"\n          [attr.stroke-dashoffset]=\"p.dashoffset\"\n          [style.stroke-dasharray]=\"p.circumference\">\n        </circle>\n        <!-- Checkmark -->\n        <path *ngIf=\"!pending && p.percent === 100\"\n          class=\"seam-progress-circle--icon-spinner-path\"\n          fill=\"none\"\n          stroke-width=\"4\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          d=\"M 11,22 L 18,28 L 28.5,17\">\n        </path>\n        <!-- Hourglass -->\n        <!-- `p.percent === 101` is still here for backwards compatability, but planing to be removed. -->\n        <path *ngIf=\"pending || p.percent === 101\"\n          class=\"seam-progress-circle--icon-hourglass\"\n          fill=\"none\"\n          d=\"M27.3,25.8c-0.2-2.5-1.6-4.6-3.6-5.8c2-1.2,3.4-3.3,3.6-5.8c0.7-0.3,1.2-1,1.2-1.8c0-1.1-0.9-2-2-2h-13\n          c-1.1,0-2,0.9-2,2c0,0.8,0.5,1.6,1.2,1.8c0.2,2.5,1.6,4.6,3.6,5.8c-2,1.2-3.4,3.3-3.6,5.8c-0.7,0.3-1.2,1-1.2,1.8c0,1.1,0.9,2,2,2\n          h13c1.1,0,2-0.9,2-2C28.6,26.9,28,26.1,27.3,25.8z M24.3,25.7h-8.5c0.3-2.1,2.1-3.6,4.2-3.6S24,23.6,24.3,25.7z M20,18\n          c-2.1,0-3.9-1.6-4.2-3.6h8.5C24,16.5,22.2,18,20,18z\">\n        </path>\n      </svg>\n    </ng-container>\n    <div class=\"seam-progress-circle--icon-text\" *ngIf=\"showText && !pending && p.percent > 0 && p.percent < 100\">\n      <span>{{ p.percent }}</span>\n    </div>\n  </div>\n</div>\n","styles":["seam-progress-circle{display:block}seam-progress-circle .seam-progress-circle,seam-progress-circle .seam-progress-circle--absolute-fill,seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-center,seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner,seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-text{position:absolute;top:0;bottom:0;left:0;right:0}seam-progress-circle .seam-progress-circle{padding:5px}seam-progress-circle .seam-progress-circle .seam-progress-circle-inner{position:relative;height:100%;width:100%}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-check{padding-top:4px;font-size:1.3rem;line-height:1.3rem;color:#55c83c}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-text{text-align:center;align-items:center;display:flex;flex-direction:row;justify-content:center;color:#55c83c;font-size:19px;font-weight:700;transform:translateZ(0)}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-center{transform-origin:center center;text-align:center;align-items:center;display:flex;flex-direction:row;justify-content:center}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner{margin:auto}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path{stroke-linecap:round;stroke:#55c83c;transition:.5s}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path:not(path){stroke-dasharray:0}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-hourglass{fill:#55c83c;transition:.5s}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path-bg{stroke-linecap:round;stroke:#e0f5db}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path{stroke:#f57a15}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path-bg{stroke:#fde9d9}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner[data-percent=\"0\"] .seam-progress-circle--icon-spinner-path{stroke:#6c757d}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner[data-percent=\"0\"] .seam-progress-circle--icon-spinner-path-bg{stroke:#d8dbdd}seam-progress-circle .seam-progress-circle--fill-bg .seam-progress-circle--icon-spinner-path-bg{fill:#fff}"]}]}],"members":{"fillBackground":[{"__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}}]}],"showText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":33,"character":12}}]}],"hiddenOnEmpty":[{"__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":"InputBoolean","line":34,"character":12}}]}],"pending":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":35,"character":12}}]}],"percentage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":37,"character":12}}]}],"__ctor__":[{"__symbolic":"constructor"}],"_getProgress":[{"__symbolic":"method"}]}},"TheSeamProgressModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ProgressCircleComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4}],"exports":[{"__symbolic":"reference","name":"ProgressCircleComponent"}]}]}],"members":{}}},"origins":{"calcDashoffset":"./progress-circle/progress-circle.component","ProgressCircleComponent":"./progress-circle/progress-circle.component","TheSeamProgressModule":"./progress.module"},"importAs":"@theseam/ui-common/progress"}
+{"__symbolic":"module","version":4,"metadata":{"calcDashoffset":{"__symbolic":"function"},"ProgressCircleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"seam-progress-circle","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":21,"character":17},"member":"None"},"template":"<div class=\"seam-progress-circle\" *ngIf=\"_progressInfo as p\"\n  [class.seam-progress-circle--in-complete]=\"p.percent < 100\"\n  [class.seam-progress-circle--fill-bg]=\"fillBackground\">\n  <div class=\"seam-progress-circle-inner\">\n    <ng-container *ngIf=\"p.percent > 0 || !hiddenOnEmpty\">\n      <svg class=\"seam-progress-circle--icon-spinner\" viewBox=\"0 0 40 40\" [attr.data-percent]=\"p.percent\">\n        <circle class=\"seam-progress-circle--icon-spinner-path seam-progress-circle--icon-spinner-path-bg\" cx=\"20\" cy=\"20\" r=\"15\" fill=\"none\"\n          stroke-width=\"4\">\n        </circle>\n        <circle class=\"seam-progress-circle--icon-spinner-path\" cx=\"20\" cy=\"20\" r=\"15\" fill=\"none\"\n          transform=\"rotate(-90, 20, 20)\"\n          stroke-width=\"4\"\n          stroke-miterlimit=\"10\"\n          [attr.stroke-dashoffset]=\"p.dashoffset\"\n          [style.stroke-dasharray]=\"p.circumference\">\n        </circle>\n        <!-- Checkmark -->\n        <path *ngIf=\"!pending && p.percent === 100\"\n          class=\"seam-progress-circle--icon-spinner-path\"\n          fill=\"none\"\n          stroke-width=\"4\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          d=\"M 11,22 L 18,28 L 28.5,17\">\n        </path>\n        <!-- Hourglass -->\n        <!-- `p.percent === 101` is still here for backwards compatability, but planing to be removed. -->\n        <path *ngIf=\"pending || p.percent === 101\"\n          class=\"seam-progress-circle--icon-hourglass\"\n          fill=\"none\"\n          d=\"M27.3,25.8c-0.2-2.5-1.6-4.6-3.6-5.8c2-1.2,3.4-3.3,3.6-5.8c0.7-0.3,1.2-1,1.2-1.8c0-1.1-0.9-2-2-2h-13\n          c-1.1,0-2,0.9-2,2c0,0.8,0.5,1.6,1.2,1.8c0.2,2.5,1.6,4.6,3.6,5.8c-2,1.2-3.4,3.3-3.6,5.8c-0.7,0.3-1.2,1-1.2,1.8c0,1.1,0.9,2,2,2\n          h13c1.1,0,2-0.9,2-2C28.6,26.9,28,26.1,27.3,25.8z M24.3,25.7h-8.5c0.3-2.1,2.1-3.6,4.2-3.6S24,23.6,24.3,25.7z M20,18\n          c-2.1,0-3.9-1.6-4.2-3.6h8.5C24,16.5,22.2,18,20,18z\">\n        </path>\n      </svg>\n    </ng-container>\n    <div class=\"seam-progress-circle--icon-text\" *ngIf=\"showText && !pending && p.percent > 0 && p.percent < 100\">\n      <span>{{ p.percent }}</span>\n    </div>\n  </div>\n</div>\n","styles":["seam-progress-circle{display:block}seam-progress-circle .seam-progress-circle--absolute-fill,seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner,seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-center,seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-text,seam-progress-circle .seam-progress-circle{position:absolute;top:0;bottom:0;left:0;right:0}seam-progress-circle .seam-progress-circle{padding:5px}seam-progress-circle .seam-progress-circle .seam-progress-circle-inner{position:relative;height:100%;width:100%}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-check{padding-top:4px;font-size:1.3rem;line-height:1.3rem;color:#55c83c}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-text{text-align:center;align-items:center;display:flex;flex-direction:row;justify-content:center;color:#55c83c;font-size:19px;font-weight:700;transform:translateZ(0)}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-center{transform-origin:center center;text-align:center;align-items:center;display:flex;flex-direction:row;justify-content:center}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner{margin:auto}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path{stroke-linecap:round;stroke:#55c83c;transition:.5s}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path:not(path){stroke-dasharray:0}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-hourglass{fill:#55c83c;transition:.5s}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path-bg{stroke-linecap:round;stroke:#e0f5db}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path{stroke:#f57a15}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path-bg{stroke:#fde9d9}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner[data-percent=\"0\"] .seam-progress-circle--icon-spinner-path{stroke:#6c757d}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner[data-percent=\"0\"] .seam-progress-circle--icon-spinner-path-bg{stroke:#d8dbdd}seam-progress-circle .seam-progress-circle--fill-bg .seam-progress-circle--icon-spinner-path-bg{fill:#fff}\n"]}]}],"members":{"fillBackground":[{"__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}}]}],"showText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":33,"character":12}}]}],"hiddenOnEmpty":[{"__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":"InputBoolean","line":34,"character":12}}]}],"pending":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":35,"character":12}}]}],"percentage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":37,"character":12}}]}],"__ctor__":[{"__symbolic":"constructor"}],"_getProgress":[{"__symbolic":"method"}]}},"TheSeamProgressModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ProgressCircleComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4}],"exports":[{"__symbolic":"reference","name":"ProgressCircleComponent"}]}]}],"members":{}}},"origins":{"calcDashoffset":"./progress-circle/progress-circle.component","ProgressCircleComponent":"./progress-circle/progress-circle.component","TheSeamProgressModule":"./progress.module"},"importAs":"@theseam/ui-common/progress"}

package/styles/vendor/ngx-datatable/_ngx-datatable.scss

@@ -284,41 +284,44 @@
       }
     }
 
-    .progress-linear {
-      display: block;
-      position: absolute;
-      width: 100%;
-      height: 5px;
-      padding: 0;
-      margin: 0;
-      top: 0;
-
-      .container {
+    @if $datatable-progress-effect {
+      .progress-linear {
         display: block;
-        position: relative;
-        overflow: hidden;
+        position: absolute;
         width: 100%;
-        max-width: 100%;
         height: 5px;
-        -webkit-transform: translate(0, 0) scale(1, 1);
-        transform: translate(0, 0) scale(1, 1);
-        background-color: $datatable-progress-linear-background-color;
-
-        .bar {
-          transition: all 0.2s linear;
-          -webkit-animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
-          animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
-
-          transition: -webkit-transform 0.2s linear;
-          transition: transform 0.2s linear;
-          background-color: $datatable-progress-linear-accent-color;
-
-          position: absolute;
-          left: 0;
-          top: 0;
-          bottom: 0;
+        padding: 0;
+        margin: 0;
+        top: 0;
+
+        .container {
+          display: block;
+          position: relative;
+          overflow: hidden;
           width: 100%;
+          max-width: 100%;
           height: 5px;
+          -webkit-transform: translate(0, 0) scale(1, 1);
+          transform: translate(0, 0) scale(1, 1);
+          background-color: $datatable-progress-linear-background-color;
+
+          .bar {
+            transition: all 0.2s linear;
+            -webkit-animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
+            animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
+
+            transition: -webkit-transform 0.2s linear;
+            transition: transform 0.2s linear;
+            background-color: $datatable-progress-linear-accent-color;
+            color: $datatable-progress-linear-accent-color;
+
+            position: absolute;
+            left: 0;
+            top: 0;
+            bottom: 0;
+            width: 100%;
+            height: 5px;
+          }
         }
       }
     }
@@ -415,60 +418,62 @@
   }
 }
 
+// TODO: Update checkbox column to use seam-checkbox
+// or at least seam-checkbox styling
 /**
- * Checkboxes
+ * Checkboxes custom material theme
 **/
-.datatable-checkbox {
-  position: relative;
-  margin: 0;
-  cursor: pointer;
-  vertical-align: middle;
-  display: inline-block;
-  box-sizing: border-box;
-  padding: 0;
-
-  input[type='checkbox'] {
-    position: relative;
-    margin: 0 1rem 0 0;
-    cursor: pointer;
-    outline: none;
-
-    &:before {
-      -webkit-transition: all 0.3s ease-in-out;
-      -moz-transition: all 0.3s ease-in-out;
-      transition: all 0.3s ease-in-out;
-      content: '';
-      position: absolute;
-      left: 0;
-      z-index: 1;
-      width: 1rem;
-      height: 1rem;
-      border: 2px solid #f2f2f2;
-    }
-
-    &:checked:before {
-      -webkit-transform: rotate(-45deg);
-      -moz-transform: rotate(-45deg);
-      -ms-transform: rotate(-45deg);
-      transform: rotate(-45deg);
-      height: 0.5rem;
-      border-color: #009688;
-      border-top-style: none;
-      border-right-style: none;
-    }
-
-    &:after {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 1rem;
-      height: 1rem;
-      background: #fff;
-      cursor: pointer;
-    }
-  }
-}
+// .datatable-checkbox {
+//   position: relative;
+//   margin: 0;
+//   cursor: pointer;
+//   vertical-align: middle;
+//   display: inline-block;
+//   box-sizing: border-box;
+//   padding: 0;
+
+//   input[type='checkbox'] {
+//     position: relative;
+//     margin: 0 1rem 0 0;
+//     cursor: pointer;
+//     outline: none;
+
+//     &:before {
+//       -webkit-transition: all 0.3s ease-in-out;
+//       -moz-transition: all 0.3s ease-in-out;
+//       transition: all 0.3s ease-in-out;
+//       content: '';
+//       position: absolute;
+//       left: 0;
+//       z-index: 1;
+//       width: 1rem;
+//       height: 1rem;
+//       border: 2px solid #f2f2f2;
+//     }
+
+//     &:checked:before {
+//       -webkit-transform: rotate(-45deg);
+//       -moz-transform: rotate(-45deg);
+//       -ms-transform: rotate(-45deg);
+//       transform: rotate(-45deg);
+//       height: 0.5rem;
+//       border-color: #009688;
+//       border-top-style: none;
+//       border-right-style: none;
+//     }
+
+//     &:after {
+//       content: '';
+//       position: absolute;
+//       top: 0;
+//       left: 0;
+//       width: 1rem;
+//       height: 1rem;
+//       background: #fff;
+//       cursor: pointer;
+//     }
+//   }
+// }
 
 .datatable-action-button {
   color: $datatable-action-button-color;

package/styles/vendor/ngx-datatable/_themes/bootstrap/_variables.scss

@@ -59,6 +59,7 @@ $datatable-header-resize-handle-bottom: 12px !default;
 $datatable-header-resize-handle-left: 0 !default;
 $datatable-header-resize-handle-width: 02px !default;
 
+$datatable-progress-effect: false !default;
 $datatable-progress-linear-background-color: rgb(170, 209, 249) !default;
 $datatable-progress-linear-accent-color: rgb(16, 108, 200) !default;
 
@@ -75,7 +76,7 @@ $datatable-row-border-color: #d1d4d7 !default;
 $datatable-body-margin: -1px 0 0 0 !default;
 
 $datatable-body-cell-color: $body-color !default;
-$datatable-body-cell-font-size: 16px !default;
+$datatable-body-cell-font-size: $datatable-font-size !default;
 $datatable-body-cell-font-weight: 400 !default;
 $datatable-body-cell-text-align: left !default;
 $datatable-body-cell-padding: 12px !default;
@@ -127,7 +128,7 @@ $datatable-footer-border-right-width: $datatable-default-border-width !default;
 $datatable-footer-border-bottom-width: $datatable-default-border-width !default;
 $datatable-footer-border-left-width: $datatable-default-border-width !default;
 $datatable-footer-border-color: #dee2e6 !default;
-$datatable-footer-font-size: 16px !default;
+$datatable-footer-font-size: $datatable-font-size !default;
 $datatable-footer-font-weight: 400 !default;
 $datatable-footer-color: $body-color !default;
 $datatable-footer-margin: 0 !default;

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TheSeamTabbedModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":17,"character":4}],"declarations":[{"__symbolic":"reference","name":"TabbedComponent"},{"__symbolic":"reference","name":"TabbedTabContentDirective"},{"__symbolic":"reference","name":"TabbedTabDirective"},{"__symbolic":"reference","name":"TabbedItemComponent"},{"__symbolic":"reference","name":"TabbedContentComponent"},{"__symbolic":"reference","name":"TabbedContentComponent"}],"exports":[{"__symbolic":"reference","name":"TabbedComponent"},{"__symbolic":"reference","name":"TabbedTabContentDirective"},{"__symbolic":"reference","name":"TabbedTabDirective"},{"__symbolic":"reference","name":"TabbedItemComponent"},{"__symbolic":"reference","name":"TabbedContentComponent"}]}]}],"members":{}},"TabbedComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"seam-tabbed","providers":[{"__symbolic":"reference","name":"TabbedService"}],"template":"<div [fxLayout]=\"(direction === 'horizontal') ? 'column' : 'row'\" fxFlexFill>\n\n  <!-- Tabs -->\n  <div *ngIf=\"!hideTabs\"\n    [fxLayout]=\"(direction === 'horizontal') ? 'row' : 'column'\"\n    style=\"position: relative;\">\n    <ng-container *ngFor=\"let tabbedItem of tabbedItems\">\n      <div class=\"tabbed-tab pt-2 pb-2 pl-4 pr-4 bg-light text-nowrap\"\n        [class.tab-dir-horizontal]=\"direction === 'horizontal'\"\n        [class.tab-dir-vertical]=\"direction === 'vertical'\"\n        (click)=\"onClickTab($event, tabbedItem)\"\n        [class.active]=\"tabbedItem === selectedTab\">\n        <ng-template *ngIf=\"tabbedItem.tabbedTabTpl; else tabLabelTpl\" [ngTemplateOutlet]=\"tabbedItem.tabbedTabTpl\"></ng-template>\n        <ng-template #tabLabelTpl>{{ tabbedItem?.label }}</ng-template>\n      </div>\n    </ng-container>\n    <!-- <div class=\"active-indicator\"\n      [class.active-indicator-horizontal]=\"direction === 'horizontal'\"\n      [class.active-indicator-vertical]=\"direction === 'vertical'\">\n    </div> -->\n  </div>\n\n  <!-- Tabs Content -->\n  <div class=\"tabbed-tabs-content bg-light\">\n    <ng-container *ngIf=\"onlyRouteContent; else notOnlyRouteContent\">\n      <!-- <app-slide-over-router-outlet></app-slide-over-router-outlet> -->\n      <router-outlet></router-outlet>\n    </ng-container>\n    <ng-template #notOnlyRouteContent>\n      <ng-container *ngIf=\"!selectedTab; else findContentTpl\">\n        <seam-tabbed-content fxFlexFill [tabbedItem]=\"tabbedItems?.first\"></seam-tabbed-content>\n      </ng-container>\n      <ng-template #findContentTpl>\n        <ng-container *ngFor=\"let tabbedItem of tabbedItems\">\n          <ng-container *ngIf=\"selectedTab === tabbedItem\">\n            <seam-tabbed-content fxFlexFill [tabbedItem]=\"tabbedItem\"></seam-tabbed-content>\n          </ng-container>\n        </ng-container>\n      </ng-template>\n    </ng-template>\n  </div>\n\n</div>\n","styles":[":host{display:block}.tabbed-tab{box-sizing:border-box;font-weight:400;font-size:10pt;min-width:130px;transform:translateZ(0);overflow:hidden;border:1px solid #dee2e6}.tabbed-tab:not(.active){background-color:#fff!important}.tabbed-tab.active{font-weight:700;color:#357ebd}.tabbed-tab:hover{cursor:pointer}.tabbed-tab.tab-dir-horizontal{border-bottom:0}.tabbed-tab.tab-dir-horizontal:first-child{border-top-left-radius:.25rem}.tabbed-tab.tab-dir-horizontal:last-child{border-top-right-radius:.25rem}.tabbed-tab.tab-dir-horizontal:not(:last-child){border-right:0}.tabbed-tab.tab-dir-horizontal.active{margin-bottom:-2px}.tabbed-tab.tab-dir-vertical{border-right:0}.tabbed-tab.tab-dir-vertical:first-child{border-top-left-radius:.25rem}.tabbed-tab.tab-dir-vertical:last-child{border-bottom-left-radius:.25rem}.tabbed-tab.tab-dir-vertical:not(:last-child){border-bottom:0}.tabbed-tab.tab-dir-vertical.active{margin-right:-2px}.tabbed-tabs-content{display:block;flex:1 1 auto;overflow:hidden;border:1px solid #dee2e6;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}app-slide-over-router-outlet{width:100%;height:100%;min-width:0;min-height:0}"]}]}],"members":{"tabbedItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":19,"character":3},"arguments":[{"__symbolic":"reference","name":"TabbedItemComponent"}]}]}],"tabChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"hideTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"onlyRouteContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"activeTabName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TabbedService"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":73,"character":20},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":74,"character":19}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"onClickTab":[{"__symbolic":"method"}],"selectTab":[{"__symbolic":"method"}]}},"TabbedItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"seam-tabbed-item","template":"<p>\n  tabbed-item works!\n</p>","styles":[""]}]}],"members":{"tabbedTabTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":16,"character":3},"arguments":[{"__symbolic":"reference","name":"TabbedTabDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":16,"character":44},"static":true}]}]}],"tabbedContentTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":19,"character":3},"arguments":[{"__symbolic":"reference","name":"TabbedTabContentDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":19,"character":51},"static":true}]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"contentFromRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":24,"character":12}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TabbedContentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"seam-tabbed-content","template":"<!-- <div class=\"fade-left\" fxFlexFill> -->\n<div fxFlexFill>\n  <ng-container *ngIf=\"tabbedItem\">\n    <ng-template *ngIf=\"tabbedItem.tabbedContentTpl\" [ngTemplateOutlet]=\"tabbedItem.tabbedContentTpl\"></ng-template>\n    <ng-container *ngIf=\"tabbedItem.contentFromRoute\"><router-outlet></router-outlet></ng-container>\n  </ng-container>\n</div>\n","styles":[""]}]}],"members":{"tabbedItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TabbedTabContentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamTabbedTabContent]","exportAs":"seamTabbedTabContent"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"TabbedTabDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[seamTabbedTab]","exportAs":"seamTabbedTab"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":17,"character":23},{"__symbolic":"reference","name":"TabbedService"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"TabsDirection":{"__symbolic":"interface"},"TabbedService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"registerTab":[{"__symbolic":"method"}],"unregisterTab":[{"__symbolic":"method"}]}}},"origins":{"TheSeamTabbedModule":"./tabbed.module","TabbedComponent":"./tabbed.component","TabbedItemComponent":"./tabbed-item/tabbed-item.component","TabbedContentComponent":"./tabbed-content/tabbed-content.component","TabbedTabContentDirective":"./directives/tabbed-tab-content.directive","TabbedTabDirective":"./directives/tabbed-tab.directive","TabsDirection":"./tabbed.service","TabbedService":"./tabbed.service"},"importAs":"@theseam/ui-common/tabbed"}
+{"__symbolic":"module","version":4,"metadata":{"TheSeamTabbedModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":17,"character":4}],"declarations":[{"__symbolic":"reference","name":"TabbedComponent"},{"__symbolic":"reference","name":"TabbedTabContentDirective"},{"__symbolic":"reference","name":"TabbedTabDirective"},{"__symbolic":"reference","name":"TabbedItemComponent"},{"__symbolic":"reference","name":"TabbedContentComponent"},{"__symbolic":"reference","name":"TabbedContentComponent"}],"exports":[{"__symbolic":"reference","name":"TabbedComponent"},{"__symbolic":"reference","name":"TabbedTabContentDirective"},{"__symbolic":"reference","name":"TabbedTabDirective"},{"__symbolic":"reference","name":"TabbedItemComponent"},{"__symbolic":"reference","name":"TabbedContentComponent"}]}]}],"members":{}},"TabbedComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"seam-tabbed","providers":[{"__symbolic":"reference","name":"TabbedService"}],"template":"<div [fxLayout]=\"(direction === 'horizontal') ? 'column' : 'row'\" fxFlexFill>\n\n  <!-- Tabs -->\n  <div *ngIf=\"!hideTabs\"\n    [fxLayout]=\"(direction === 'horizontal') ? 'row' : 'column'\"\n    style=\"position: relative;\">\n    <ng-container *ngFor=\"let tabbedItem of tabbedItems\">\n      <div class=\"tabbed-tab pt-2 pb-2 pl-4 pr-4 bg-light text-nowrap\"\n        [class.tab-dir-horizontal]=\"direction === 'horizontal'\"\n        [class.tab-dir-vertical]=\"direction === 'vertical'\"\n        (click)=\"onClickTab($event, tabbedItem)\"\n        [class.active]=\"tabbedItem === selectedTab\">\n        <ng-template *ngIf=\"tabbedItem.tabbedTabTpl; else tabLabelTpl\" [ngTemplateOutlet]=\"tabbedItem.tabbedTabTpl\"></ng-template>\n        <ng-template #tabLabelTpl>{{ tabbedItem?.label }}</ng-template>\n      </div>\n    </ng-container>\n    <!-- <div class=\"active-indicator\"\n      [class.active-indicator-horizontal]=\"direction === 'horizontal'\"\n      [class.active-indicator-vertical]=\"direction === 'vertical'\">\n    </div> -->\n  </div>\n\n  <!-- Tabs Content -->\n  <div class=\"tabbed-tabs-content bg-light\">\n    <ng-container *ngIf=\"onlyRouteContent; else notOnlyRouteContent\">\n      <!-- <app-slide-over-router-outlet></app-slide-over-router-outlet> -->\n      <router-outlet></router-outlet>\n    </ng-container>\n    <ng-template #notOnlyRouteContent>\n      <ng-container *ngIf=\"!selectedTab; else findContentTpl\">\n        <seam-tabbed-content fxFlexFill [tabbedItem]=\"tabbedItems?.first\"></seam-tabbed-content>\n      </ng-container>\n      <ng-template #findContentTpl>\n        <ng-container *ngFor=\"let tabbedItem of tabbedItems\">\n          <ng-container *ngIf=\"selectedTab === tabbedItem\">\n            <seam-tabbed-content fxFlexFill [tabbedItem]=\"tabbedItem\"></seam-tabbed-content>\n          </ng-container>\n        </ng-container>\n      </ng-template>\n    </ng-template>\n  </div>\n\n</div>\n","styles":[":host{display:block}.tabbed-tab{box-sizing:border-box;font-weight:normal;font-size:10pt;min-width:130px;transform:translateZ(0);overflow:hidden;border:1px solid #dee2e6}.tabbed-tab:not(.active){background-color:#fff!important}.tabbed-tab.active{font-weight:bold;color:#357ebd}.tabbed-tab:hover{cursor:pointer}.tabbed-tab.tab-dir-horizontal{border-bottom:0}.tabbed-tab.tab-dir-horizontal:first-child{border-top-left-radius:.25rem}.tabbed-tab.tab-dir-horizontal:last-child{border-top-right-radius:.25rem}.tabbed-tab.tab-dir-horizontal:not(:last-child){border-right:0}.tabbed-tab.tab-dir-horizontal.active{margin-bottom:-2px}.tabbed-tab.tab-dir-vertical{border-right:0}.tabbed-tab.tab-dir-vertical:first-child{border-top-left-radius:.25rem}.tabbed-tab.tab-dir-vertical:last-child{border-bottom-left-radius:.25rem}.tabbed-tab.tab-dir-vertical:not(:last-child){border-bottom:0}.tabbed-tab.tab-dir-vertical.active{margin-right:-2px}.tabbed-tabs-content{display:block;flex:1 1 auto;overflow:hidden;border:1px solid #dee2e6;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}app-slide-over-router-outlet{width:100%;height:100%;min-width:0;min-height:0}\n"]}]}],"members":{"tabbedItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":19,"character":3},"arguments":[{"__symbolic":"reference","name":"TabbedItemComponent"}]}]}],"tabChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"hideTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"onlyRouteContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"activeTabName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TabbedService"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":73,"character":20},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":74,"character":19}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"onClickTab":[{"__symbolic":"method"}],"selectTab":[{"__symbolic":"method"}]}},"TabbedItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"seam-tabbed-item","template":"<p>\n  tabbed-item works!\n</p>","styles":[""]}]}],"members":{"tabbedTabTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":16,"character":3},"arguments":[{"__symbolic":"reference","name":"TabbedTabDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":16,"character":44},"static":true}]}]}],"tabbedContentTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":19,"character":3},"arguments":[{"__symbolic":"reference","name":"TabbedTabContentDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":19,"character":51},"static":true}]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"contentFromRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":24,"character":12}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TabbedContentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"seam-tabbed-content","template":"<!-- <div class=\"fade-left\" fxFlexFill> -->\n<div fxFlexFill>\n  <ng-container *ngIf=\"tabbedItem\">\n    <ng-template *ngIf=\"tabbedItem.tabbedContentTpl\" [ngTemplateOutlet]=\"tabbedItem.tabbedContentTpl\"></ng-template>\n    <ng-container *ngIf=\"tabbedItem.contentFromRoute\"><router-outlet></router-outlet></ng-container>\n  </ng-container>\n</div>\n","styles":[""]}]}],"members":{"tabbedItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TabbedTabContentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamTabbedTabContent]","exportAs":"seamTabbedTabContent"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"TabbedTabDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[seamTabbedTab]","exportAs":"seamTabbedTab"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":17,"character":23},{"__symbolic":"reference","name":"TabbedService"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"TabsDirection":{"__symbolic":"interface"},"TabbedService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"registerTab":[{"__symbolic":"method"}],"unregisterTab":[{"__symbolic":"method"}]}}},"origins":{"TheSeamTabbedModule":"./tabbed.module","TabbedComponent":"./tabbed.component","TabbedItemComponent":"./tabbed-item/tabbed-item.component","TabbedContentComponent":"./tabbed-content/tabbed-content.component","TabbedTabContentDirective":"./directives/tabbed-tab-content.directive","TabbedTabDirective":"./directives/tabbed-tab.directive","TabsDirection":"./tabbed.service","TabbedService":"./tabbed.service"},"importAs":"@theseam/ui-common/tabbed"}

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TrackByFunction":{"__symbolic":"interface"},"ITableColumn":{"__symbolic":"interface"},"TableComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"seam-table","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":27,"character":19},"member":"OnPush"},"template":"<table cdk-table [dataSource]=\"displayedRows\" class=\"table table-header-divider-indented mb-0\"\n  [class.table-striped]=\"rows && rows.length > 0\"\n  [class.table-sm]=\"size === 'sm'\"\n  [class.table-no-header]=\"!hasHeader\">\n  <ng-container *ngFor=\"let r of displayedRecords; first as isFirst; trackBy:_trackByRecords\">\n    <ng-container [cdkColumnDef]=\"r.prop\">\n      <th cdk-header-cell *cdkHeaderCellDef>\n        <ng-container *ngIf=\"hasHeader\">\n          {{ r.name }}\n        </ng-container>\n      </th>\n      <td cdk-cell *cdkCellDef=\"let element; index as rowIndex\"\n        [attr.colspan]=\"element?._emptyDisplay && isFirst ? 2 : undefined\"\n        [class.border-top-0]=\"element?._emptyDisplay && isFirst\"\n        [class.d-none]=\"element?._emptyDisplay && !isFirst\"\n        [style]=\"$any(r)?.cellTypeConfig?.styles\">\n\n        <span [style]=\"$any(r)?.cellTypeConfig?.styles\"></span>\n\n        <ng-container *ngIf=\"element?._emptyDisplay && isFirst; else hasDataTpl\">\n          No records found\n        </ng-container>\n\n        <ng-template #hasDataTpl>\n          <seam-table-cell-type-selector *ngIf=\"$any(r)?.cellType; else noCellType\"\n            [type]=\"$any(r)?.cellType\"\n            [value]=\"element[r.prop]\"\n            [rowIndex]=\"rowIndex\"\n            [row]=\"element\"\n            [colData]=\"r\">\n          </seam-table-cell-type-selector>\n          <ng-template #noCellType>\n            <div class=\"td-text-truncate\" [title]=\"element[r.prop]\">\n              {{ element[r.prop] }}\n            </div>\n          </ng-template>\n        </ng-template>\n\n      </td>\n    </ng-container>\n  </ng-container>\n\n  <tr cdk-header-row *cdkHeaderRowDef=\"displayedColumns\"></tr>\n  <tr cdk-row *cdkRowDef=\"let row; columns: displayedColumns;\"></tr>\n</table>\n","styles":[":host{display:block}:host .table-no-header ::ng-deep thead{display:none}"]}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"trackBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"hasHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":62,"character":12}}]}],"actionRefreshRequest":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":67,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":70,"character":24}]}],"ngOnInit":[{"__symbolic":"method"}],"_setColumns":[{"__symbolic":"method"}],"triggerActionRefreshRequest":[{"__symbolic":"method"}],"_trackByRecords":[{"__symbolic":"method"}]}},"TheSeamTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TableComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/cdk/table","name":"CdkTableModule","line":14,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TheSeamTableCellTypeModule","line":15,"character":4}],"exports":[{"__symbolic":"reference","name":"TableComponent"}]}]}],"members":{}}},"origins":{"TrackByFunction":"./table/table.component","ITableColumn":"./table/table.component","TableComponent":"./table/table.component","TheSeamTableModule":"./table.module"},"importAs":"@theseam/ui-common/table"}
+{"__symbolic":"module","version":4,"metadata":{"TrackByFunction":{"__symbolic":"interface"},"ITableColumn":{"__symbolic":"interface"},"TableComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"seam-table","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":27,"character":19},"member":"OnPush"},"template":"<table cdk-table [dataSource]=\"displayedRows\" class=\"table table-header-divider-indented mb-0\"\n  [class.table-striped]=\"rows && rows.length > 0\"\n  [class.table-sm]=\"size === 'sm'\"\n  [class.table-no-header]=\"!hasHeader\">\n  <ng-container *ngFor=\"let r of displayedRecords; first as isFirst; trackBy:_trackByRecords\">\n    <ng-container [cdkColumnDef]=\"r.prop\">\n      <th cdk-header-cell *cdkHeaderCellDef>\n        <ng-container *ngIf=\"hasHeader\">\n          {{ r.name }}\n        </ng-container>\n      </th>\n      <td cdk-cell *cdkCellDef=\"let element; index as rowIndex\"\n        [attr.colspan]=\"element?._emptyDisplay && isFirst ? 2 : undefined\"\n        [class.border-top-0]=\"element?._emptyDisplay && isFirst\"\n        [class.d-none]=\"element?._emptyDisplay && !isFirst\"\n        [style]=\"$any(r)?.cellTypeConfig?.styles\">\n\n        <span [style]=\"$any(r)?.cellTypeConfig?.styles\"></span>\n\n        <ng-container *ngIf=\"element?._emptyDisplay && isFirst; else hasDataTpl\">\n          No records found\n        </ng-container>\n\n        <ng-template #hasDataTpl>\n          <seam-table-cell-type-selector *ngIf=\"$any(r)?.cellType; else noCellType\"\n            [type]=\"$any(r)?.cellType\"\n            [value]=\"element[r.prop]\"\n            [rowIndex]=\"rowIndex\"\n            [row]=\"element\"\n            [colData]=\"r\">\n          </seam-table-cell-type-selector>\n          <ng-template #noCellType>\n            <div class=\"td-text-truncate\" [title]=\"element[r.prop]\">\n              {{ element[r.prop] }}\n            </div>\n          </ng-template>\n        </ng-template>\n\n      </td>\n    </ng-container>\n  </ng-container>\n\n  <tr cdk-header-row *cdkHeaderRowDef=\"displayedColumns\"></tr>\n  <tr cdk-row *cdkRowDef=\"let row; columns: displayedColumns;\"></tr>\n</table>\n","styles":[":host{display:block}:host .table-no-header ::ng-deep thead{display:none}\n"]}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"trackBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"hasHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":62,"character":12}}]}],"actionRefreshRequest":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":67,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":70,"character":24}]}],"ngOnInit":[{"__symbolic":"method"}],"_setColumns":[{"__symbolic":"method"}],"triggerActionRefreshRequest":[{"__symbolic":"method"}],"_trackByRecords":[{"__symbolic":"method"}]}},"TheSeamTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TableComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/cdk/table","name":"CdkTableModule","line":14,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TheSeamTableCellTypeModule","line":15,"character":4}],"exports":[{"__symbolic":"reference","name":"TableComponent"}]}]}],"members":{}}},"origins":{"TrackByFunction":"./table/table.component","ITableColumn":"./table/table.component","TableComponent":"./table/table.component","TheSeamTableModule":"./table.module"},"importAs":"@theseam/ui-common/table"}

package/table-cell-types/public-api.d.ts

@@ -1,13 +1,20 @@
 export * from './table-cell-type-manifests';
+export * from './table-cell-type-currency/table-cell-type-currency-config';
+export * from './table-cell-type-currency/table-cell-type-currency.component';
+export * from './table-cell-type-currency/table-cell-type-currency';
 export * from './table-cell-type-date/table-cell-type-date-config';
 export * from './table-cell-type-date/table-cell-type-date.component';
 export * from './table-cell-type-date/table-cell-type-date';
 export * from './table-cell-type-decimal/table-cell-type-decimal-config';
+export * from './table-cell-type-decimal/table-cell-type-decimal.component';
+export * from './table-cell-type-decimal/table-cell-type-decimal';
 export * from './table-cell-type-icon/table-cell-type-icon-config';
 export * from './table-cell-type-icon/table-cell-type-icon.component';
 export * from './table-cell-type-progress-circle/table-cell-type-progress-circle.component';
 export * from './table-cell-type-progress-circle-icon/table-cell-type-progress-circle-icon.component';
 export * from './table-cell-type-integer/table-cell-type-integer-config';
+export * from './table-cell-type-integer/table-cell-type-integer.component';
+export * from './table-cell-type-integer/table-cell-type-integer';
 export * from './table-cell-type-phone/table-cell-type-phone-config';
 export * from './table-cell-type-phone/table-cell-type-phone.component';
 export * from './table-cell-type-string/table-cell-type-string-config';

package/table-cell-types/table-cell-type-currency/table-cell-type-currency-config.d.ts

@@ -0,0 +1,39 @@
+import { DynamicActionLinkDef, DynamicActionModalDef, DynamicValue } from '@theseam/ui-common/dynamic';
+import { TableCellTypeConfig } from '@theseam/ui-common/table-cell-type';
+export declare type TableCellTypeCurrencyConfigAction = DynamicActionLinkDef | DynamicActionModalDef;
+export interface TableCellTypeConfigCurrency extends TableCellTypeConfig<'currency'> {
+    action?: TableCellTypeCurrencyConfigAction;
+    /**
+     * Element title attribute.
+     */
+    /**
+     * A locale code for the locale format rules to use. Defaults to `en-US`.
+     */
+    locale?: DynamicValue<string>;
+    /**
+     * A string containing the currency symbol or its name, such as "$" or "Canadian Dollar".
+     * Used in output string, but does not affect the operation of the function.
+     * Defaults to '$'
+     */
+    currency?: DynamicValue<string>;
+    /**
+     * The [ISO 4217](https://en.wikipedia.org/wiki/ISO_4217) currency code. Defaults to `USD`.
+     */
+    currencyCode?: DynamicValue<string>;
+    /**
+     * The minimum number of integer digits before the decimal point. Default is 1.
+     */
+    minIntegerDigits?: DynamicValue<number>;
+    /**
+     * The minimum number of digits after the decimal point. Default is 2.
+     */
+    minFractionDigits?: DynamicValue<number>;
+    /**
+     * The maximum number of digits after the decimal point. Default is 2.
+     */
+    maxFractionDigits?: DynamicValue<number>;
+    /**
+     * Default is 'right'.
+     */
+    textAlign?: DynamicValue<'left' | 'center' | 'right'>;
+}

package/table-cell-types/table-cell-type-currency/table-cell-type-currency.component.d.ts

@@ -0,0 +1,19 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { TableCellTypesHelpersService, TheSeamTableColumn } from '@theseam/ui-common/table-cell-type';
+import type { TableCellData } from '@theseam/ui-common/table-cell-type';
+import { TableCellTypeConfigCurrency } from './table-cell-type-currency-config';
+export declare class TableCellTypeCurrencyComponent implements OnInit, OnDestroy {
+    private _cdf;
+    private _tableCellTypeHelpers;
+    private readonly _ngUnsubscribe;
+    value: string | null | undefined;
+    row?: any;
+    rowIndex?: number;
+    colData?: TheSeamTableColumn<'currency', TableCellTypeConfigCurrency>;
+    textAlign?: 'left' | 'center' | 'right';
+    constructor(_cdf: ChangeDetectorRef, _tableCellTypeHelpers: TableCellTypesHelpersService, _tableData?: TableCellData<'currency', TableCellTypeConfigCurrency>);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private _formatCurrency;
+    private _parseConfigValue;
+}

package/table-cell-types/table-cell-type-currency/table-cell-type-currency.d.ts

@@ -0,0 +1,3 @@
+import { TheSeamTableColumn } from '@theseam/ui-common/table-cell-type';
+import { TableCellTypeConfigCurrency } from './table-cell-type-currency-config';
+export declare type TableCellTypeCurrency = TheSeamTableColumn<'currency', TableCellTypeConfigCurrency>;

package/table-cell-types/table-cell-type-decimal/table-cell-type-decimal-config.d.ts

@@ -1,3 +1,33 @@
+import { DynamicActionLinkDef, DynamicActionModalDef, DynamicValue } from '@theseam/ui-common/dynamic';
 import { TableCellTypeConfig } from '@theseam/ui-common/table-cell-type';
-export interface TableCellTypeDecimalConfig extends TableCellTypeConfig<'decimal'> {
+export declare type TableCellTypeDecimalConfigAction = DynamicActionLinkDef | DynamicActionModalDef;
+export interface TableCellTypeConfigDecimal extends TableCellTypeConfig<'decimal'> {
+    action?: TableCellTypeDecimalConfigAction;
+    /**
+     * Element title attribute.
+     */
+    /**
+     * A locale code for the locale format rules to use. Defaults to `en-US`.
+     */
+    locale?: DynamicValue<string>;
+    /**
+     * When true, pipe input through Angular `number` pipe. Default is `true`.
+     */
+    formatNumber?: DynamicValue<boolean>;
+    /**
+     * The minimum number of integer digits before the decimal point. Default is 1.
+     */
+    minIntegerDigits?: DynamicValue<number>;
+    /**
+     * The minimum number of digits after the decimal point. Default is 0.
+     */
+    minFractionDigits?: DynamicValue<number>;
+    /**
+     * The maximum number of digits after the decimal point. Default is 3.
+     */
+    maxFractionDigits?: DynamicValue<number>;
+    /**
+     * Default is 'right'.
+     */
+    textAlign?: DynamicValue<'left' | 'center' | 'right'>;
 }