@colijnit/sharedcomponents 1.0.56 → 1.0.58

package/lib/components/stock/components/stock-history/stock-history.component.d.ts

@@ -0,0 +1,13 @@
+import { IconCacheService } from "../../../../service/icon-cache.service";
+import { StockService } from "../../../../service/stock.service";
+import { StockHistoryBo } from "@colijnit/articleapi/build/model/stock-history.bo";
+import { Icon } from "../../../../enum/icon.enum";
+export declare class StockHistoryComponent {
+    iconCacheService: IconCacheService;
+    private _stockService;
+    readonly icons: typeof Icon;
+    stockHistoryInformation: StockHistoryBo[];
+    articleGoodId: string;
+    stockHistory: StockHistoryBo[];
+    constructor(iconCacheService: IconCacheService, _stockService: StockService);
+}

package/lib/components/stock/components/stock-location/stock-location.component.d.ts

@@ -0,0 +1,50 @@
+import { ChangeDetectorRef, EventEmitter, OnInit } from "@angular/core";
+import { ArticleStock as ArticleStockBo } from "@colijnit/articleapi/build/model/article-stock.bo";
+import { IconCacheService } from "../../../../service/icon-cache.service";
+import { Icon } from "../../../../enum/icon.enum";
+import { StockService } from "../../../../service/stock.service";
+import { StockManagementWarehouses } from "@colijnit/articleapi/build/model/stock-management-warehouses.bo";
+import { ArticleStockManagement } from "@colijnit/articleapi/build/model/article-stock-management";
+import { ArticleDetailsBo } from "@colijnit/articleapi/build/model/article-details.bo";
+import { StockLocation } from "@colijnit/articleapi/build/model/stock-location.bo";
+import { PrintPriceStickers } from "@colijnit/sharedapi/build/model/print-price-stickers.bo";
+import { StockStatus } from "@colijnit/articleapi/build/model/stock-status.bo";
+import { ArticleExtended } from "@colijnit/articleapi/build/model/article-extended.bo";
+import { ArticleFlat } from "@colijnit/articleapi/build/model/article-flat.bo";
+export declare class StockLocationComponent implements OnInit {
+    iconCacheService: IconCacheService;
+    private _stockService;
+    private _changeDetector;
+    readonly icons: typeof Icon;
+    articleStockInfo: ArticleDetailsBo[];
+    articleStockInformation: ArticleStockBo[];
+    set article(article: ArticleExtended);
+    articleFlat: ArticleFlat;
+    dataWareHouseCode: StockManagementWarehouses[];
+    readonly transferIconClicked: EventEmitter<ArticleStockBo>;
+    readonly sendMethodDialogClicked: EventEmitter<PrintPriceStickers>;
+    selectedWarehouse: StockManagementWarehouses;
+    articleDetails: ArticleDetailsBo;
+    showConfirmationDialog: boolean;
+    articleDetailsInformation: ArticleStockManagement;
+    stockLocations: StockLocation[];
+    stockStatus: StockStatus[];
+    selectedArticleDetailsData: ArticleDetailsBo;
+    selectedLocationNo: string;
+    private _subs;
+    constructor(iconCacheService: IconCacheService, _stockService: StockService, _changeDetector: ChangeDetectorRef);
+    ngOnInit(): void;
+    lockSelectedRow(row: any): void;
+    onLocationDropdownClick(): void;
+    locationChanged(row: ArticleDetailsBo, event: StockLocation): void;
+    amountInStockChanged(data: any): void;
+    openSendMethodDialog(data: any): void;
+    handleStockTransferClick(event: any): void;
+    onOkClickSendLocations(): void;
+    handleOkClick(): void;
+    handleStockStatusChange(status: StockStatus): void;
+    handleStockStatusRemarkChange(remark: string): void;
+    disabled(): boolean;
+    statusForId(id: number): StockStatus;
+    locationForNumber(number: number): StockLocation;
+}

package/lib/components/stock/components/stock-prognose/stock-prognose.component.d.ts

@@ -0,0 +1,11 @@
+import { IconCacheService } from "../../../../service/icon-cache.service";
+import { StockService } from "../../../../service/stock.service";
+import { Icon } from "../../../../enum/icon.enum";
+import { StockForecast } from "@colijnit/articleapi/build/model/stock-forecast.bo";
+export declare class StockPrognoseComponent {
+    iconCacheService: IconCacheService;
+    private _stockService;
+    readonly icons: typeof Icon;
+    stockPrognose: StockForecast[];
+    constructor(iconCacheService: IconCacheService, _stockService: StockService);
+}

package/lib/components/stock/components/stock-tab/stock-tab.component.d.ts

@@ -0,0 +1,9 @@
+import { EventEmitter } from "@angular/core";
+import { ArticleStock as ArticleStockBo } from "@colijnit/articleapi/build/model/article-stock.bo";
+import { StockManagementWarehouses } from "@colijnit/articleapi/build/model/stock-management-warehouses.bo";
+export declare class StockTabComponent {
+    articleStockInformation: ArticleStockBo[];
+    locationClicked: EventEmitter<StockManagementWarehouses>;
+    warehouseToShow: StockManagementWarehouses;
+    onLocationClick(data: ArticleStockBo): void;
+}

package/lib/components/stock/localization/translation.d.ts

@@ -0,0 +1,60 @@
+export declare class Translation {
+    ALLOCATED?: string;
+    ALLOCATION?: string;
+    ALREADY_IN_ORDER?: string;
+    AMOUNT?: string;
+    AMOUNT_AVAILABLE?: string;
+    AMOUNT_IN_STOCK?: string;
+    AMOUNT_LATER_AVAILABLE?: string;
+    AVAILABILITY?: string;
+    AVAILABLE_STOCK?: string;
+    BACK_TO_STOCK_LINES?: string;
+    BATCH?: string;
+    CANCEL?: string;
+    CHOICES?: string;
+    CUSTOMER?: string;
+    DATE?: string;
+    DATE_DELIVERED?: string;
+    DELIVERY_DATE?: string;
+    DELIVERY_DATE_CONFIRMED?: string;
+    DESCRIPTION?: string;
+    DOCUMENT_NUMBER?: string;
+    ECONOMICAL_STOCK?: string;
+    FREE_STOCK?: string;
+    FUTURE_FREE_STOCK?: string;
+    HISTORY?: string;
+    IN_ORDER?: string;
+    LINE?: string;
+    LOCATION?: string;
+    LOOK_AT?: string;
+    MUTATION_DATE?: string;
+    MUTATION_TIME?: string;
+    MUTATION_TYPE?: string;
+    OK?: string;
+    ORDER?: string;
+    ORDER_COMMISSION?: string;
+    ORDER_STOCK?: string;
+    OVERVIEW?: string;
+    PURCHASE_ORDER?: string;
+    PURCHASE_ORDER_DATE?: string;
+    PURCHASE_ORDER_NR?: string;
+    PURCHASE_PRICE?: string;
+    REFERENCE?: string;
+    RELATION_ID?: string;
+    RELATION_NR?: string;
+    RESERVED?: string;
+    SEARCH?: string;
+    SERIAL_NO?: string;
+    STICKER?: string;
+    STOCK?: string;
+    STOCK_DETAILS?: string;
+    STOCK_FORECAST?: string;
+    STOCK_REMARK?: string;
+    STOCK_STATE?: string;
+    STOCK_STATUS?: string;
+    SUPPLIER_NUMBER?: string;
+    TRANSFER?: string;
+    USER?: string;
+    VALUTA?: string;
+    WAREHOUSE?: string;
+}

package/lib/components/stock/stock-history-tabs/stock-history-tabs.component.d.ts

@@ -0,0 +1,7 @@
+import { Icon } from "../../../enum/icon.enum";
+import { ArticleStock as ArticleStockBo } from "@colijnit/articleapi/build/model/article-stock.bo";
+export declare class StockHistoryTabsComponent {
+    readonly icons: typeof Icon;
+    selectedTab: number;
+    stockInformation: ArticleStockBo[];
+}

package/lib/components/stock/stock-information/stock-information.component.d.ts

@@ -0,0 +1,8 @@
+import { ArticleExtended } from "@colijnit/articleapi/build/model/article-extended.bo";
+export declare class StockInformationComponent {
+    image: string;
+    article: ArticleExtended;
+    articleStockState: number;
+    allAvailableStockInformation: number;
+    allTechnicalStockInformation: number;
+}

package/lib/components/stock/stock-information-grid/stock-information-grid.component.d.ts

@@ -0,0 +1,75 @@
+import { EventEmitter } from "@angular/core";
+import { StockService } from "../../../service/stock.service";
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { Icon } from "../../../enum/icon.enum";
+import { ArticleStock as ArticleStockBo } from "@colijnit/articleapi/build/model/article-stock.bo";
+import { ArticleStock } from "@colijnit/articleapi/build/model/article-stock";
+import { StockHistoryBo } from "@colijnit/articleapi/build/model/stock-history.bo";
+import { ArticleStockManagement } from "@colijnit/articleapi/build/model/article-stock-management";
+import { ArticleDetailsBo } from "@colijnit/articleapi/build/model/article-details.bo";
+import { StockManagementWarehouses } from "@colijnit/articleapi/build/model/stock-management-warehouses.bo";
+import { CoDropDownListFields } from "../stock-transfer/co-drop-down-list-fields.interface";
+import { ArticleTransaction as ArticleTransactionBo } from "@colijnit/articleapi/build/model/article-transaction.bo";
+import { StockLocation } from "@colijnit/articleapi/build/model/stock-location.bo";
+import { ArticleExtended } from "@colijnit/articleapi/build/model/article-extended.bo";
+import { SendMethodType } from "@colijnit/mainapi/build/enum/send-method-type.enum";
+export declare class StockInformationGridComponent {
+    iconCacheService: IconCacheService;
+    private _stockService;
+    readonly icons: typeof Icon;
+    stock: StockInformationGridComponent;
+    articleStockInformation: ArticleStockBo[];
+    stockLocationData: ArticleStockBo[];
+    stockHistoryInformation: StockHistoryBo[];
+    article: ArticleExtended;
+    readonly transferIconClicked: EventEmitter<ArticleStockBo>;
+    readonly historyClicked: EventEmitter<any>;
+    readonly cancelButtonClicked: EventEmitter<any>;
+    readonly okButtonClicked: EventEmitter<any>;
+    image: string;
+    show: boolean;
+    hideOrShowLocationTab: boolean;
+    showStockHistory: boolean;
+    showSendMethodDialog: boolean;
+    inOrderInformation: ArticleTransactionBo[];
+    orderInformation: ArticleTransactionBo[];
+    hideOrShowTabs: boolean;
+    dataWareHouseCode: StockManagementWarehouses[];
+    dataWareHouseFields: CoDropDownListFields;
+    dataLocationFields: CoDropDownListFields;
+    selectedWarehouse: any;
+    selectedLocation: StockLocation;
+    stockLocations: StockLocation[];
+    articleStockSearchInfo: ArticleStock;
+    articleDetails: ArticleDetailsBo[];
+    selectedArticleDetailsData: ArticleDetailsBo;
+    showChangeStockDetails: boolean;
+    articleDetailsInformation: ArticleStockManagement;
+    sendMethod: SendMethodType[];
+    tabs: string[];
+    activeTab: string;
+    get activeTabText(): string;
+    constructor(iconCacheService: IconCacheService, _stockService: StockService);
+    handleTabClick(tabData: any): void;
+    onLocationClick(data: ArticleStockBo): void;
+    handleHistoryClick(): void;
+    backToStockInformation(): void;
+    handleStockTransferClick(event: any): void;
+    handleBackToStockClick(): Promise<void>;
+    openSendMethodDialog(data: any): void;
+    printStockStickers(): void;
+    onOkClick(): void;
+    onCancelClick(): void;
+    openDialogClick(data: any): void;
+    getArticleDetails(data: any): void;
+    getStockManagementWarehouses(data: ArticleStockBo): void;
+    onSelectWarehouse(event: any): void;
+    getInOrderData(): Promise<void>;
+    getOrderData(): Promise<void>;
+    onLocationDropdownClick(): void;
+    onLocationSelected(location: any): void;
+    onOkClickSendLocations(): Promise<void>;
+    onCancelClickSendLocations(): void;
+    amountInStockChanged(data: any): void;
+    lockSelectedRow(row: any): void;
+}

package/lib/components/stock/stock-tabs/stock-tabs.component.d.ts

@@ -0,0 +1,56 @@
+import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
+import { Icon } from "../../../enum/icon.enum";
+import { ArticleStock as ArticleStockBo } from "@colijnit/articleapi/build/model/article-stock.bo";
+import { StockService } from "../../../service/stock.service";
+import { StockHistoryBo } from "@colijnit/articleapi/build/model/stock-history.bo";
+import { Tab } from "../../tab-bar/tab.interface";
+import { ArticleTransaction as ArticleTransactionBo } from "@colijnit/articleapi/build/model/article-transaction.bo";
+import { StockManagementWarehouses } from "@colijnit/articleapi/build/model/stock-management-warehouses.bo";
+import { PrintPriceStickers } from "@colijnit/sharedapi/build/model/print-price-stickers.bo";
+import { StockForecast } from "@colijnit/articleapi/build/model/stock-forecast.bo";
+import { ArticleStockManagement } from "@colijnit/articleapi/build/model/article-stock-management";
+import { ArticleDetailsBo } from "@colijnit/articleapi/build/model/article-details.bo";
+import { LocalizeService } from '../../../localization/localize.service';
+import { ArticleExtended } from "@colijnit/articleapi/build/model/article-extended.bo";
+import { ArticleFlat } from "@colijnit/articleapi/build/model/article-flat.bo";
+export declare class StockTabsComponent implements OnInit {
+    private _stockService;
+    private _localizeService;
+    private _changeDetector;
+    readonly icons: typeof Icon;
+    stockInformation: ArticleStockBo[];
+    article: ArticleExtended;
+    articleFlat: ArticleFlat;
+    warehouses: StockManagementWarehouses[];
+    readonly transferIconClicked: EventEmitter<ArticleStockBo>;
+    readonly sendMethodDialogClicked: EventEmitter<PrintPriceStickers>;
+    selectedLocationNo: string;
+    stockHistory: StockHistoryBo[];
+    orderSupplyStockHistory: StockHistoryBo[];
+    orderCommissionStockHistory: StockHistoryBo[];
+    orderStockHistory: StockHistoryBo[];
+    orderAllocationStockHistory: StockHistoryBo[];
+    inOrderInformation: ArticleTransactionBo[];
+    orderInformation: ArticleTransactionBo[];
+    stockPrognose: StockForecast[];
+    selectedWarehouse: StockManagementWarehouses;
+    articleDetailsInformation: ArticleStockManagement;
+    showWarehouseSelection: boolean;
+    articleDetails: ArticleDetailsBo[];
+    tabs: Tab[];
+    historyTabs: Tab[];
+    constructor(_stockService: StockService, _localizeService: LocalizeService, _changeDetector: ChangeDetectorRef);
+    ngOnInit(): void;
+    handleLocationClicked(data: StockManagementWarehouses): void;
+    getStockHistory(): void;
+    getOrderSupplyStockHistory(): void;
+    getOrderCommissionStockHistory(): void;
+    getOrderStockHistory(): void;
+    getAllocationStockHistory(): void;
+    getInOrderData(): void;
+    getOrderData(): void;
+    getStockPrognose(warehouseNo: number): void;
+    handleWarehouseSelected(event: StockManagementWarehouses): void;
+    getStockData(warehouse: StockManagementWarehouses): void;
+    wareHouseForCode(code: number): StockManagementWarehouses;
+}

package/{projects/sharedcomponents/src/lib/components/stock/stock-transfer/co-drop-down-list-fields.interface.ts → lib/components/stock/stock-transfer/co-drop-down-list-fields.interface.d.ts}

@@ -1,4 +1,4 @@
 export interface CoDropDownListFields {
-  text: string;
-  value: string;
+    text: string;
+    value: string;
 }

package/lib/components/stock/stock-transfer/stock-change-amount.component.d.ts

@@ -0,0 +1,18 @@
+import { AfterViewInit, EventEmitter } from "@angular/core";
+import { StockService } from "../../../service/stock.service";
+import { StockStatus } from "@colijnit/articleapi/build/model/stock-status.bo";
+import { CoDropDownListFields } from "./co-drop-down-list-fields.interface";
+import { ArticleDetailsBo } from "@colijnit/articleapi/build/model/article-details.bo";
+export declare class StockChangeAmountComponent implements AfterViewInit {
+    private _stockService;
+    selectedArticleDetailsData: ArticleDetailsBo;
+    readonly closeStockChangeAmount: EventEmitter<any>;
+    stockState: StockStatus[];
+    stockStateDropdownField: CoDropDownListFields;
+    constructor(_stockService: StockService);
+    ngAfterViewInit(): void;
+    closeDialogClick(): void;
+    handleOkClick(data: ArticleDetailsBo): Promise<void>;
+    handleCancelClick(): void;
+    getStockState(): void;
+}

package/lib/components/stock/stock-transfer/stock-transfer.component.d.ts

@@ -0,0 +1,42 @@
+import { AfterViewInit, EventEmitter } from "@angular/core";
+import { PrintStockStickers } from "@colijnit/articleapi/build/model/print-stock-stickers";
+import { StockService } from "../../../service/stock.service";
+import { CoDropDownListFields } from "./co-drop-down-list-fields.interface";
+import { ArticleStock as ArticleStockBo } from "@colijnit/articleapi/build/model/article-stock.bo";
+import { ArticleDetailsBo } from "@colijnit/articleapi/build/model/article-details.bo";
+import { StockManagementWarehouses } from "@colijnit/articleapi/build/model/stock-management-warehouses.bo";
+import { StockStatus } from "@colijnit/articleapi/build/model/stock-status.bo";
+import { StockLocation } from "@colijnit/articleapi/build/model/stock-location.bo";
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { Icon } from "../../../enum/icon.enum";
+export declare class StockTransferComponent implements AfterViewInit {
+    private _stockService;
+    iconCacheService: IconCacheService;
+    stockSticker: PrintStockStickers;
+    article: ArticleStockBo;
+    articleToTransfer: ArticleDetailsBo;
+    articleWarehouse: any[];
+    allWarehouses: any[];
+    handleClick: EventEmitter<any>;
+    handleStickerClicked: EventEmitter<any>;
+    allWarehousesDropdownFields: CoDropDownListFields;
+    allLocationDropdownFields: CoDropDownListFields;
+    showSendMethodDialog: boolean;
+    warehouses: StockManagementWarehouses[];
+    stockState: StockStatus[];
+    stockStateDropdownField: CoDropDownListFields;
+    locations: StockLocation[];
+    selectedWarehouse: StockManagementWarehouses;
+    readonly icons: typeof Icon;
+    constructor(_stockService: StockService, iconCacheService: IconCacheService);
+    ngAfterViewInit(): void;
+    handleOkClick(data: ArticleDetailsBo): void;
+    handleCancelClick(): void;
+    handleSelectedWarehouse(event: StockManagementWarehouses): void;
+    handleSelectedLocation(event: StockLocation): void;
+    handleSelectedStockState(event: StockStatus): void;
+    handleStickerClick(): void;
+    getStockManagementWarehouses(): void;
+    getStockManagementLocations(data: any): void;
+    getStockState(): void;
+}

package/lib/components/stock/stock.component.d.ts

@@ -0,0 +1,57 @@
+import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from "@angular/core";
+import { StockService } from "../../service/stock.service";
+import { ArticleStock as ArticleStockBo } from "@colijnit/articleapi/build/model/article-stock.bo";
+import { ArticleExtended } from "@colijnit/articleapi/build/model/article-extended.bo";
+import { StockHistoryBo } from "@colijnit/articleapi/build/model/stock-history.bo";
+import { ArticleDetailsBo } from "@colijnit/articleapi/build/model/article-details.bo";
+import { OptionsService } from "../../service/options.service";
+import { DictionaryService } from "../../service/dictionary.service";
+import { StockManagementWarehouses } from "@colijnit/articleapi/build/model/stock-management-warehouses.bo";
+import { Translation } from './localization/translation';
+import { LocalizeService } from '../../localization/localize.service';
+import { SharedConnectorService } from "../../service/shared-connector.service";
+import { ArticleFlat } from "@colijnit/articleapi/build/model/article-flat.bo";
+export declare class StockComponent implements OnDestroy, OnInit {
+    private _stockService;
+    private _optionsService;
+    private _dictionary;
+    private _changeDetector;
+    private _localizeService;
+    private _connector;
+    set translation(value: Translation);
+    handleStickerClicked: EventEmitter<any>;
+    set article(articleOrGoodId: ArticleExtended | number);
+    articleWarehouse: any[];
+    allWarehouses: any[];
+    readonly okButtonClicked: EventEmitter<any>;
+    readonly cancelButtonClicked: EventEmitter<any>;
+    showClass(): boolean;
+    loaded: boolean;
+    showStockInformationGrid: boolean;
+    showStockTransfer: boolean;
+    stockInformation: ArticleStockBo[];
+    stockTransferArticle: ArticleStockBo;
+    stockTransferArticleDetails: ArticleDetailsBo;
+    articleExtended: ArticleExtended;
+    articleFlat: ArticleFlat;
+    stockHistory: StockHistoryBo[];
+    allAvailableStock: number;
+    allTechnicalStock: number;
+    showSendMethodDialog: boolean;
+    articleStockState: number;
+    warehouses: StockManagementWarehouses[];
+    private _subscriptions;
+    private _goodId;
+    constructor(_stockService: StockService, _optionsService: OptionsService, _dictionary: DictionaryService, _changeDetector: ChangeDetectorRef, _localizeService: LocalizeService, _connector: SharedConnectorService);
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    handleStockTransferClick(event: any): void;
+    handleSendMethodClick(event: any): void;
+    backToStock(): void;
+    getStockInformation(goodId: number): void;
+    getArtStockStatus(): void;
+    getStockManagementWarehouses(): void;
+    private _handleSettingsLoaded;
+    private _initConnection;
+    loadData(): void;
+}

package/lib/components/stock/stock.module.d.ts

@@ -0,0 +1,2 @@
+export declare class StockModule {
+}

package/lib/components/stock/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/components/stock-statusbar/stock-statusbar.component.d.ts

@@ -0,0 +1,4 @@
+export declare class StockStatusbarComponent {
+    value: number;
+    constructor();
+}

package/lib/components/stock-statusbar/stock-statusbar.module.d.ts

@@ -0,0 +1,2 @@
+export declare class StockStatusbarModule {
+}

package/lib/components/stock-statusbar/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/components/tab-bar/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/components/tab-bar/tab-bar.component.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from "@angular/core";
+import { Tab } from "./tab.interface";
+import { StockManagementWarehouses } from "@colijnit/articleapi/build/model/stock-management-warehouses.bo";
+import { StockService } from "../../service/stock.service";
+export declare class TabBarComponent {
+    private _stockService;
+    wareHouseLabel: string;
+    wareHouseSearchLabel: string;
+    tabs: Tab[];
+    secondaryTabs: Tab[];
+    ActivateSecondaryTabs: boolean;
+    dataWareHouseCode: StockManagementWarehouses[];
+    article: any;
+    showWarehouseSelection: boolean;
+    warehouseSelected: EventEmitter<StockManagementWarehouses>;
+    selectedWarehouse: any;
+    constructor(_stockService: StockService);
+    selectTab(tab: Tab): void;
+    selectSecondaryTab(secondaryTab: Tab): void;
+    onSelectWarehouse(event: any): void;
+}

package/lib/components/tab-bar/tab-bar.module.d.ts

@@ -0,0 +1,2 @@
+export declare class TabBarModule {
+}

package/lib/components/tab-bar/tab.interface.d.ts

@@ -0,0 +1,5 @@
+export interface Tab {
+    title: string;
+    active: boolean;
+    clickHandler?: () => void;
+}

package/lib/components/tags/component/tag-join-label/style/material.scss

@@ -0,0 +1,3 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/components/tile-renderer/style/_layout.scss

@@ -0,0 +1,90 @@
+@include export-module('co-tile-render-layout') {
+  .co-tile-render {
+    box-shadow: 0 0 2px 0 rgba(72,79,96,.25);
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    flex-shrink: 0;
+    height: 216px; // just defaults: consumer of <tile-renderer> can give his own outter dimensions in css
+    width: 117px;
+    background-color: #F7FAFA;
+
+    &.selected {
+      box-shadow: 0 0 2px 2px, #73B77E;
+    }
+
+    &.small-size {
+      padding: 2px;
+      width: 58px;
+      height: 75px;
+      div.image {
+        width: 53px;
+        height: 55px;
+        icon.selected {
+          top: 50%;
+          left: 50%;
+          margin-right: -50%;
+          transform: translate(-50%, -50%);
+        }
+      }
+      div.info {
+        span.price {
+          font-size: 11px;
+          font-weight: normal;
+        }
+      }
+    }
+
+    &:not(.selected):hover {
+      box-shadow: 0 0 2px 0 #1A73E8;
+    }
+
+    div.image {
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      margin-bottom: 11px;
+      height: 120px;
+      background-color: white;
+      tag-label {
+        position: absolute;
+        top: 4px;
+        left: 3px;
+      }
+
+
+      div.info {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        padding: 5px;
+        justify-content: center;
+        min-height: 40px;
+        span.label {
+          font-size: 10px;
+        }
+        span.description {
+          overflow: hidden;
+          word-wrap: break-word;
+        }
+        span.price {
+          position: absolute;
+          font-weight: bold;
+          bottom: 6px;
+          left: 6px;
+        }
+      }
+
+      image-display {
+        padding: 5px;
+      }
+    }
+  }
+
+
+
+
+

package/lib/components/tile-renderer/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-tile-render-theme') {
+  .co-tile-render {
+  }
+}

package/lib/components/tile-renderer/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/components/tile-renderer/tile-render.component.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter, OnDestroy, TemplateRef } from "@angular/core";
+import { TileSizeType } from "../../enum/tile-size-type";
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
+export declare class TileRenderComponent implements OnDestroy {
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
+    infoTemplate: TemplateRef<any>;
+    imageDataUri: string;
+    tagDescription: string;
+    label: string;
+    description: string;
+    tileSize: TileSizeType;
+    price: number;
+    hidePrice: boolean;
+    iconWhenSelected: string;
+    /**
+     * By default, this component shows a special icon and missing-image text for the image when it's empty. Set this to true
+     * to hide the whole image-display instead, when there was no image given.
+     */
+    hideImageDisplayWhenNoImage: boolean;
+    selected: boolean;
+    imageClick: EventEmitter<any>;
+    infoClick: EventEmitter<any>;
+    get inSmallTileMode(): boolean;
+    showClass(): boolean;
+    get inLargeTileMode(): boolean;
+    constructor(iconCacheService: IconCacheService);
+    ngOnDestroy(): void;
+    protected readonly Icon: typeof Icon;
+}

package/lib/components/tile-renderer/tile-render.module.d.ts

@@ -0,0 +1,2 @@
+export declare class TileRenderModule {
+}