@skyux/tiles 5.0.0-beta.1 → 5.0.2

package/skyux-tiles.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"SkyTileModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":37,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":44,"character":4},{"__symbolic":"reference","module":"@skyux/indicators","name":"SkyChevronModule","line":45,"character":4},{"__symbolic":"reference","module":"@skyux/i18n","name":"SkyI18nModule","line":46,"character":4},{"__symbolic":"reference","module":"@skyux/indicators","name":"SkyIconModule","line":47,"character":4},{"__symbolic":"reference","module":"@skyux/theme","name":"SkyThemeModule","line":48,"character":4},{"__symbolic":"reference","name":"ɵe"}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"SkyTileContentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":20,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":26,"character":4},{"__symbolic":"reference","module":"@skyux/theme","name":"SkyThemeModule","line":27,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"}]}]}],"members":{}},"SkyTileDashboardMessage":{"__symbolic":"interface"},"SkyTileDashboardMessageType":{"ExpandAll":0,"CollapseAll":1},"SkyTileDashboardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵh"}],"providers":[{"__symbolic":"reference","module":"ng2-dragula","name":"DragulaService","line":13,"character":4}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","name":"SkyTileDashboardColumnModule"}],"exports":[{"__symbolic":"reference","name":"ɵh"}]}]}],"members":{}},"SkyTileDashboardService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":55,"character":1}}],"members":{"dashboardInitialized":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":71,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ng2-dragula","name":"DragulaService","line":89,"character":28},{"__symbolic":"reference","module":"@skyux/core","name":"SkyMediaQueryService","line":90,"character":24},{"__symbolic":"reference","module":"@skyux/core","name":"SkyUIConfigService","line":91,"character":29}]}],"init":[{"__symbolic":"method"}],"addTileComponent":[{"__symbolic":"method"}],"tileIsCollapsed":[{"__symbolic":"method"}],"setAllTilesCollapsed":[{"__symbolic":"method"}],"setTileCollapsed":[{"__symbolic":"method"}],"getTileComponentType":[{"__symbolic":"method"}],"changeColumnMode":[{"__symbolic":"method"}],"getTileComponent":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}],"moveTileOnKeyDown":[{"__symbolic":"method"}],"getTileId":[{"__symbolic":"method"}],"getTileOrRemoveFromLayout":[{"__symbolic":"method"}],"checkReadyAndLoadTiles":[{"__symbolic":"method"}],"loadTiles":[{"__symbolic":"method"}],"loadTileIntoColumn":[{"__symbolic":"method"}],"moveTilesToSingleColumn":[{"__symbolic":"method"}],"moveTilesToMultiColumn":[{"__symbolic":"method"}],"moveTilesToColumn":[{"__symbolic":"method"}],"getConfigForUIState":[{"__symbolic":"method"}],"getSingleColumnLayoutForUIState":[{"__symbolic":"method"}],"getMultiColumnLayoutForUIState":[{"__symbolic":"method"}],"getTilesInEl":[{"__symbolic":"method"}],"initMediaQueries":[{"__symbolic":"method"}],"initDragula":[{"__symbolic":"method"}],"getColumnEl":[{"__symbolic":"method"}],"findTile":[{"__symbolic":"method"}],"findTileColumn":[{"__symbolic":"method"}],"initToDefaults":[{"__symbolic":"method"}],"setUserConfig":[{"__symbolic":"method"}],"checkForNewTiles":[{"__symbolic":"method"}]}},"SkyTileDashboardColumnModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵi"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"ng2-dragula","name":"DragulaModule","line":13,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵi"}]}]}],"members":{}},"SkyTileDashboardConfig":{"__symbolic":"interface"},"SkyTileDashboardConfigLayout":{"__symbolic":"interface"},"SkyTileDashboardConfigLayoutColumn":{"__symbolic":"interface"},"SkyTileDashboardConfigLayoutTile":{"__symbolic":"interface"},"SkyTileDashboardConfigReorderData":{"__symbolic":"interface"},"SkyTileDashboardConfigTile":{"__symbolic":"interface"},"SkyTilesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4}],"exports":[{"__symbolic":"reference","name":"SkyTileContentModule"},{"__symbolic":"reference","name":"SkyTileModule"},{"__symbolic":"reference","name":"SkyTileDashboardColumnModule"},{"__symbolic":"reference","name":"SkyTileDashboardModule"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"sky-tile","animations":[{"__symbolic":"reference","module":"@skyux/animations","name":"skyAnimationSlide","line":35,"character":15}],"template":"<section\n  class=\"sky-tile\"\n  [ngClass]=\"{\n    'sky-tile-collapsed': isCollapsed\n  }\"\n  [skyThemeClass]=\"{\n    'sky-box sky-elevation-1-bordered sky-padding-even-xl' : 'modern'\n  }\"\n>\n  <header class=\"sky-tile-header\">\n    <div\n      class=\"sky-tile-header-content\"\n      (click)=\"titleClick()\"\n    >\n      <div\n        class=\"sky-tile-header-title\"\n        #titleContainer\n      >\n        <ng-content select=\"sky-tile-title\"></ng-content>\n      </div>\n      <div\n        class=\"sky-tile-summary\"\n        [skyThemeClass]=\"{\n          'sky-font-display-3' : 'modern',\n          'sky-headline' : 'default'\n        }\"\n      >\n        <ng-content select=\"sky-tile-summary\"></ng-content>\n      </div>\n    </div>\n    <div class=\"sky-tile-header-column-tools\">\n      <div class=\"sky-tile-tools\">\n        <ng-container *skyThemeIf=\"'default'\">\n          <button *ngIf=\"hasHelp\"\n            class=\"sky-btn sky-tile-tools-control sky-tile-help\"\n            type=\"button\"\n            [attr.aria-label]=\"'skyux_tile_help' | skyLibResources\"\n            [skyThemeClass]=\"{\n              'sky-btn-icon-borderless' : 'modern'\n            }\"\n            (click)=\"helpButtonClicked();\"\n          >\n            <sky-icon\n              icon=\"question-circle\"\n            ></sky-icon>\n          </button>\n        </ng-container>\n        <sky-chevron\n          [direction]=\"isCollapsed ? 'down' : 'up'\"\n          [skyThemeClass]=\"{\n            'sky-tile-tools-control' : 'default',\n            'sky-margin-inline-default' : 'modern'\n          }\"\n          (directionChange)=\"chevronDirectionChange($event)\"\n        >\n        </sky-chevron>\n        <button *ngIf=\"hasSettings\"\n          class=\"sky-btn sky-tile-settings\"\n          type=\"button\"\n          [attr.aria-label]=\"'skyux_tile_settings' | skyLibResources\"\n          [skyThemeClass]=\"{\n            'sky-tile-tools-control' : 'default',\n            'sky-btn-icon-borderless sky-margin-inline-default' : 'modern'\n          }\"\n          (click)=\"settingsButtonClicked();\"\n        >\n          <sky-icon *skyThemeIf=\"'default'\"\n            icon=\"cog\"\n          ></sky-icon>\n          <sky-icon *skyThemeIf=\"'modern'\"\n            icon=\"cog-line\"\n            iconType=\"skyux\"\n          ></sky-icon>\n        </button>\n        <button *ngIf=\"isInDashboardColumn\"\n          class=\"sky-btn sky-tile-grab-handle\"\n          [attr.aria-label]=\"'skyux_tile_grab_handle' | skyLibResources\"\n          [skyThemeClass]=\"{\n            'sky-tile-tools-control' : 'default',\n            'sky-btn-icon-borderless' : 'modern'\n          }\"\n          (click)=\"$event.stopPropagation()\"\n          (keydown)=\"moveTile($event)\"\n          #grabHandle\n        >\n          <sky-icon *skyThemeIf=\"'default'\"\n            icon=\"th\"\n          ></sky-icon>\n          <sky-icon *skyThemeIf=\"'modern'\"\n            icon=\"tile-drag\"\n            iconType=\"skyux\"\n          ></sky-icon>\n        </button>\n      </div>\n    </div>\n  </header>\n  <div class=\"sky-tile-content\" [@skyAnimationSlide]=\"isCollapsed ? 'up' : 'down'\">\n    <ng-content select=\"sky-tile-content\"></ng-content>\n  </div>\n</section>\n","styles":[".sky-tile{background-color:#fff;margin-bottom:20px}.sky-tile-header{border-color:#cdcfd2;border-style:solid solid none;border-width:4px 0 0;display:flex}.sky-tile-header-content{display:flex;flex:1;align-items:baseline;cursor:pointer}.sky-tile-header-title{display:inline-flex}.sky-tile-summary{color:#0974a1;opacity:0;padding-right:15px;transition:opacity .25s;max-height:30px;overflow:hidden}.sky-tile-collapsed .sky-tile-summary{opacity:1}.sky-tile-header-column-tools{display:flex;align-items:center;flex:0 0 auto}.sky-tile-tools{display:flex;padding-right:15px}.sky-tile-tools-control{color:#cdcfd2;cursor:pointer;border:0;width:24px;height:24px;padding:0;display:block;margin:0 0 0 9px}.sky-tile-tools-control:hover{color:#979ba2;transition:color .15s}.sky-tile-grab-handle{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;font-size:15px}.sky-tile-content{border-color:#e2e3e4;-o-border-image:none;border-image:none;border-style:solid solid none;border-width:1px 0}.sky-theme-modern .sky-tile-header,.sky-theme-modern .sky-tile-content,:host-context(.sky-theme-modern) .sky-tile-header,:host-context(.sky-theme-modern) .sky-tile-content{border:none}.sky-theme-modern .sky-tile-header-column-tools,:host-context(.sky-theme-modern) .sky-tile-header-column-tools{align-items:flex-start}.sky-theme-modern .sky-tile-tools,:host-context(.sky-theme-modern) .sky-tile-tools{padding:0}.sky-theme-modern .sky-tile-tools-control,:host-context(.sky-theme-modern) .sky-tile-tools-control{font-size:18px;color:#686c73}.sky-theme-modern .sky-tile-grab-handle,:host-context(.sky-theme-modern) .sky-tile-grab-handle{font-size:16px}.sky-theme-modern .sky-tile-content ::ng-deep .sky-tile-content-section,:host-context(.sky-theme-modern) .sky-tile-content ::ng-deep .sky-tile-content-section{border-bottom:1px dotted #c0c2c5}.sky-theme-modern .sky-tile-content ::ng-deep sky-tile-content-section:first-child .sky-tile-content-section,:host-context(.sky-theme-modern) .sky-tile-content ::ng-deep sky-tile-content-section:first-child .sky-tile-content-section{margin-top:15px}.sky-theme-modern .sky-tile-content ::ng-deep sky-tile-content-section:last-child .sky-tile-content-section,:host-context(.sky-theme-modern) .sky-tile-content ::ng-deep sky-tile-content-section:last-child .sky-tile-content-section{padding-bottom:0;border-bottom:none}.sky-theme-modern :host .sky-tile,:host-context(.sky-theme-modern) :host .sky-tile{border-radius:0}.sky-theme-modern :host-context(.sky-responsive-container-xs) .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-sm) .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-md) .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-lg) .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-xs) .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm) .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md) .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg) .sky-tile{border-radius:0}@media (min-width: 768px){.sky-theme-modern :host .sky-tile,:host-context(.sky-theme-modern) :host .sky-tile{border-radius:6px}}.sky-theme-modern :host-context(.sky-responsive-container-sm) .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-md) .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-lg) .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm) .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md) .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg) .sky-tile{border-radius:6px}\n"]}]}],"members":{"showSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"showHelp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"settingsClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":3}}]}],"isCollapsedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":66,"character":3}}]}],"helpClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":3}}]}],"isCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"grabHandle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":102,"character":3},"arguments":["grabHandle",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":103,"character":10},"static":false}]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":108,"character":3},"arguments":["titleContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":109,"character":10},"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":121,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":119,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":120,"character":28},{"__symbolic":"reference","name":"SkyTileDashboardService"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"settingsButtonClicked":[{"__symbolic":"method"}],"helpButtonClicked":[{"__symbolic":"method"}],"titleClick":[{"__symbolic":"method"}],"chevronDirectionChange":[{"__symbolic":"method"}],"moveTile":[{"__symbolic":"method"}],"focusHandle":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sky-tile-summary","template":"<ng-content></ng-content>\n"}]}],"members":{}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sky-tile-title","template":"<h2\n  class=\"sky-tile-title\"\n  [skyThemeClass]=\"{\n    'sky-font-heading-2' : 'modern',\n    'sky-section-heading' : 'default'\n  }\"\n>\n  <ng-content></ng-content>\n</h2>\n","styles":[".sky-tile-title{margin:0;padding:10px 15px}.sky-theme-modern .sky-tile-title,:host-context(.sky-theme-modern) .sky-tile-title{margin:0 30px 0 0;padding:0}\n"]}]}],"members":{}},"ɵd":{"__symbolic":"class","members":{"getString":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":30,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","module":"@skyux/i18n","name":"SkyI18nModule","line":31,"character":12}],"providers":[{"provide":{"__symbolic":"reference","module":"@skyux/i18n","name":"SKY_LIB_RESOURCES_PROVIDERS","line":33,"character":13},"useClass":{"__symbolic":"reference","name":"ɵd"},"multi":true}]}]}],"members":{}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sky-tile-content","template":"<ng-content></ng-content>\n","styles":[":host ::ng-deep sky-tile-content-section:not(:last-child) .sky-tile-content-section{border-bottom:1px solid #e2e3e4}\n"]}]}],"members":{}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sky-tile-content-section","template":"<div\n  class=\"sky-tile-content-section\"\n  [skyThemeClass]=\"{\n    'sky-padding-even-large' : 'default'\n  }\"\n>\n  <ng-content></ng-content>\n</div>\n","styles":[".sky-theme-modern .sky-tile-content-section,:host-context(.sky-theme-modern) .sky-tile-content-section{padding:15px 0}\n"]}]}],"members":{}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":53,"character":1},"arguments":[{"selector":"sky-tile-dashboard","providers":[{"__symbolic":"reference","name":"SkyTileDashboardService"}],"template":"<span\n  aria-live=\"assertive\"\n  class=\"sky-assistive-text\"\n>\n  {{ tileMovedReport }}\n</span>\n<sky-tile-dashboard-column\n  *ngFor=\"let column of config?.layout?.multiColumn\"\n  class=\"sky-tile-dashboard-layout-multi\"\n  [ngStyle]=\"{\n    'flex-basis': (100 / config?.layout?.multiColumn.length) + '%'\n  }\"\n>\n</sky-tile-dashboard-column>\n<sky-tile-dashboard-column class=\"sky-tile-dashboard-layout-single\" #singleColumn>\n</sky-tile-dashboard-column>\n<ng-content></ng-content>\n","styles":[":host{display:block;padding:0}:host .sky-tile-dashboard-layout-multi{display:none}:host .sky-tile-dashboard-layout-single{display:block}:host .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile{margin-bottom:0}:host-context(.sky-responsive-container-xs),:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){display:block;padding:0}:host-context(.sky-responsive-container-xs) .sky-tile-dashboard-layout-multi,:host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-multi,:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-multi,:host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-multi{display:none}:host-context(.sky-responsive-container-xs) .sky-tile-dashboard-layout-single,:host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-single,:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-single,:host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-single{display:block}:host-context(.sky-responsive-container-xs) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-responsive-container-xs) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile{margin-bottom:0}@media (min-width: 768px){:host .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile{margin-bottom:20px}:host :host-context(.sky-theme-default){padding-top:20px}}:host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile{margin-bottom:20px}:host-context(.sky-responsive-container-sm) :host-context(.sky-theme-default),:host-context(.sky-responsive-container-md) :host-context(.sky-theme-default),:host-context(.sky-responsive-container-lg) :host-context(.sky-theme-default){padding-top:20px}@media (min-width: 992px){:host{display:flex;padding:0 10px}:host .sky-tile-dashboard-layout-multi{display:block}:host .sky-tile-dashboard-layout-single{display:none}}:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){display:flex;padding:0 10px}:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-multi,:host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-multi{display:block}:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-single,:host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-single{display:none}@media screen{.sky-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}}:host-context(.sky-theme-default){background-color:#eeeeef}@media (min-width: 768px){.sky-theme-modern :host .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,.sky-theme-modern :host .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-theme-modern) :host .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-theme-modern) :host .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile{margin-bottom:30px}}.sky-theme-modern :host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile{margin-bottom:30px}\n"]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"messageStream":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"settingsKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"configChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":100,"character":3}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":103,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵi"}]}]}],"singleColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":106,"character":3},"arguments":["singleColumn",{"read":{"__symbolic":"reference","name":"ɵi"},"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":125,"character":5}}]],"parameters":[{"__symbolic":"reference","name":"SkyTileDashboardService"},{"__symbolic":"reference","module":"@skyux/core","name":"SkyMediaQueryService","line":124,"character":24},{"__symbolic":"reference","module":"@skyux/i18n","name":"SkyLibResourcesService","line":125,"character":43}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"checkReady":[{"__symbolic":"method"}],"handleIncomingMessages":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"sky-tile-dashboard-column","template":"<div class=\"sky-tile-dashboard-column\" [dragula]=\"bagId\">\n  <div #content></div>\n</div>\n","styles":[":host{display:flex;flex-grow:1;overflow:hidden}:host{padding:0}:host-context(.sky-responsive-container-xs),:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0}@media (min-width: 768px){:host{padding:0 10px}}:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0 10px}.sky-tile-dashboard-column{min-height:100px;width:100%}@media (min-width: 768px){.sky-theme-modern :host,:host-context(.sky-theme-modern) :host{padding:0 15px}}.sky-theme-modern :host-context(.sky-responsive-container-sm),.sky-theme-modern :host-context(.sky-responsive-container-md),.sky-theme-modern :host-context(.sky-responsive-container-lg),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg){padding:0 15px}\n"]}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":3},"arguments":["content",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":29,"character":10},"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":35,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":36,"character":21},{"__symbolic":"reference","name":"SkyTileDashboardService"}]}]}}},"origins":{"SkyTileModule":"./modules/tiles/tile/tile.module","SkyTileContentModule":"./modules/tiles/tile-content/tile-content.module","SkyTileDashboardMessage":"./modules/tiles/tile-dashboard/tile-dashboard-message","SkyTileDashboardMessageType":"./modules/tiles/tile-dashboard/tile-dashboard-message-type","SkyTileDashboardModule":"./modules/tiles/tile-dashboard/tile-dashboard.module","SkyTileDashboardService":"./modules/tiles/tile-dashboard/tile-dashboard.service","SkyTileDashboardColumnModule":"./modules/tiles/tile-dashboard-column/tile-dashboard-column.module","SkyTileDashboardConfig":"./modules/tiles/tile-dashboard-config/tile-dashboard-config","SkyTileDashboardConfigLayout":"./modules/tiles/tile-dashboard-config/tile-dashboard-config-layout","SkyTileDashboardConfigLayoutColumn":"./modules/tiles/tile-dashboard-config/tile-dashboard-config-layout-column","SkyTileDashboardConfigLayoutTile":"./modules/tiles/tile-dashboard-config/tile-dashboard-config-layout-tile","SkyTileDashboardConfigReorderData":"./modules/tiles/tile-dashboard-config/tile-dashboard-config-reorder-data","SkyTileDashboardConfigTile":"./modules/tiles/tile-dashboard-config/tile-dashboard-config-tile","SkyTilesModule":"./modules/tiles/tiles.module","ɵa":"./modules/tiles/tile/tile.component","ɵb":"./modules/tiles/tile/tile-summary.component","ɵc":"./modules/tiles/tile/tile-title.component","ɵd":"./modules/shared/sky-tiles-resources.module","ɵe":"./modules/shared/sky-tiles-resources.module","ɵf":"./modules/tiles/tile-content/tile-content.component","ɵg":"./modules/tiles/tile-content/tile-content-section.component","ɵh":"./modules/tiles/tile-dashboard/tile-dashboard.component","ɵi":"./modules/tiles/tile-dashboard-column/tile-dashboard-column.component"},"importAs":"@skyux/tiles"}