@colijnit/sharedcomponents 262.1.26 → 262.1.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/fesm2022/colijnit-sharedcomponents.mjs +165 -175
  2. package/fesm2022/colijnit-sharedcomponents.mjs.map +1 -1
  3. package/index.d.ts +1 -1
  4. package/lib/components/stock/style/_layout.scss +22 -20
  5. package/lib/components/stock/style/_material-definition.scss +8 -4
  6. package/lib/components/tab-bar/style/_layout.scss +22 -15
  7. package/lib/components/tab-bar/style/_material-definition.scss +4 -2
  8. package/lib/style/_variables.scss +1 -0
  9. package/package.json +1 -1
package/fesm2022/colijnit-sharedcomponents.mjs CHANGED
@@ -2131,84 +2131,74 @@ class StockInformationComponent {
2131
2131
  }
2132
2132
  }
2133
2133
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: StockInformationComponent, deps: [{ token: SharedConnectorService }], target: i0.ɵɵFactoryTarget.Component });
2134
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: StockInformationComponent, isStandalone: false, selector: "co-stock-information", inputs: { article: "article", articleStockState: "articleStockState", allAvailableStockInformation: "allAvailableStockInformation", allTechnicalStockInformation: "allTechnicalStockInformation", economicalStock: "economicalStock", perceptibleStorage: "perceptibleStorage" }, ngImport: i0, template: `
2135
- @if (article) {
2136
- <div class="stock-info">
2137
- <div class="stock-info-row" >
2138
- <div class="stock-info-row-image">
2139
- <div class="stock-image">
2140
- <co-image class="stock-image" [source]="article.imageData"></co-image>
2141
- </div>
2142
- </div>
2143
- <div class="stock-status">
2144
- <label class="stock-label" [textContent]="'DESCRIPTION' | sharedLocalize"></label>
2145
- <span class="stock-span" [textContent]="article.description"></span>
2146
- </div>
2147
- </div>
2148
- <div class="stock-status">
2149
- <label class="stock-label" [textContent]="'ARTICLE_NUMBER' | sharedLocalize"></label>
2150
- <span class="stock-span" [textContent]="article.articleNumber"></span>
2151
- </div>
2152
- <div class="stock-status">
2153
- <label class="stock-label" [textContent]="'AMOUNT_IN_STOCK' | sharedLocalize"></label>
2154
- <span class="stock-span" [textContent]="allTechnicalStockInformation"></span>
2155
- </div>
2156
- <div class="stock-status">
2157
- <label class="stock-label" [textContent]="'AMOUNT_AVAILABLE' | sharedLocalize"></label>
2158
- <span class="stock-span" [textContent]="allAvailableStockInformation"></span>
2159
- </div>
2160
- <div class="stock-status">
2161
- <label class="stock-label" [textContent]="'ECONOMICAL_STOCK' | sharedLocalize"></label>
2162
- <span class="stock-span" [textContent]="economicalStock"></span>
2163
- </div>
2164
- <div class="stock-status">
2165
- <label class="stock-label" [textContent]="'PERCEPTIBLE_STORAGE' | sharedLocalize"></label>
2166
- <span class="stock-span" [textContent]="perceptibleStorage"></span>
2167
- </div>
2168
- </div>
2169
- }
2170
- `, isInline: true, dependencies: [{ kind: "component", type: i3.ImageComponent, selector: "co-image", inputs: ["source", "placeHolder"] }, { kind: "pipe", type: SharedLocalizePipe, name: "sharedLocalize" }], encapsulation: i0.ViewEncapsulation.None });
2134
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: StockInformationComponent, isStandalone: false, selector: "co-stock-information", inputs: { article: "article", articleStockState: "articleStockState", allAvailableStockInformation: "allAvailableStockInformation", allTechnicalStockInformation: "allTechnicalStockInformation", economicalStock: "economicalStock", perceptibleStorage: "perceptibleStorage" }, ngImport: i0, template: `
2135
+ @if (article) {
2136
+ <div class="stock-info">
2137
+ <div class="stock-info-row" >
2138
+ <div class="stock-status">
2139
+ <label class="stock-label" [textContent]="'DESCRIPTION' | sharedLocalize"></label>
2140
+ <span class="stock-span" [textContent]="article.description"></span>
2141
+ </div>
2142
+ </div>
2143
+ <div class="stock-status">
2144
+ <label class="stock-label" [textContent]="'ARTICLE_NUMBER' | sharedLocalize"></label>
2145
+ <span class="stock-span" [textContent]="article.articleNumber"></span>
2146
+ </div>
2147
+ <div class="stock-status">
2148
+ <label class="stock-label" [textContent]="'AMOUNT_IN_STOCK' | sharedLocalize"></label>
2149
+ <span class="stock-span" [textContent]="allTechnicalStockInformation"></span>
2150
+ </div>
2151
+ <div class="stock-status">
2152
+ <label class="stock-label" [textContent]="'AMOUNT_AVAILABLE' | sharedLocalize"></label>
2153
+ <span class="stock-span" [textContent]="allAvailableStockInformation"></span>
2154
+ </div>
2155
+ <div class="stock-status">
2156
+ <label class="stock-label" [textContent]="'ECONOMICAL_STOCK' | sharedLocalize"></label>
2157
+ <span class="stock-span" [textContent]="economicalStock"></span>
2158
+ </div>
2159
+ <div class="stock-status">
2160
+ <label class="stock-label" [textContent]="'PERCEPTIBLE_STORAGE' | sharedLocalize"></label>
2161
+ <span class="stock-span" [textContent]="perceptibleStorage"></span>
2162
+ </div>
2163
+ </div>
2164
+ }
2165
+ `, isInline: true, dependencies: [{ kind: "pipe", type: SharedLocalizePipe, name: "sharedLocalize" }], encapsulation: i0.ViewEncapsulation.None });
2171
2166
  }
2172
2167
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: StockInformationComponent, decorators: [{
2173
2168
  type: Component,
2174
2169
  args: [{
2175
2170
  selector: "co-stock-information",
2176
- template: `
2177
- @if (article) {
2178
- <div class="stock-info">
2179
- <div class="stock-info-row" >
2180
- <div class="stock-info-row-image">
2181
- <div class="stock-image">
2182
- <co-image class="stock-image" [source]="article.imageData"></co-image>
2183
- </div>
2184
- </div>
2185
- <div class="stock-status">
2186
- <label class="stock-label" [textContent]="'DESCRIPTION' | sharedLocalize"></label>
2187
- <span class="stock-span" [textContent]="article.description"></span>
2188
- </div>
2189
- </div>
2190
- <div class="stock-status">
2191
- <label class="stock-label" [textContent]="'ARTICLE_NUMBER' | sharedLocalize"></label>
2192
- <span class="stock-span" [textContent]="article.articleNumber"></span>
2193
- </div>
2194
- <div class="stock-status">
2195
- <label class="stock-label" [textContent]="'AMOUNT_IN_STOCK' | sharedLocalize"></label>
2196
- <span class="stock-span" [textContent]="allTechnicalStockInformation"></span>
2197
- </div>
2198
- <div class="stock-status">
2199
- <label class="stock-label" [textContent]="'AMOUNT_AVAILABLE' | sharedLocalize"></label>
2200
- <span class="stock-span" [textContent]="allAvailableStockInformation"></span>
2201
- </div>
2202
- <div class="stock-status">
2203
- <label class="stock-label" [textContent]="'ECONOMICAL_STOCK' | sharedLocalize"></label>
2204
- <span class="stock-span" [textContent]="economicalStock"></span>
2205
- </div>
2206
- <div class="stock-status">
2207
- <label class="stock-label" [textContent]="'PERCEPTIBLE_STORAGE' | sharedLocalize"></label>
2208
- <span class="stock-span" [textContent]="perceptibleStorage"></span>
2209
- </div>
2210
- </div>
2211
- }
2171
+ template: `
2172
+ @if (article) {
2173
+ <div class="stock-info">
2174
+ <div class="stock-info-row" >
2175
+ <div class="stock-status">
2176
+ <label class="stock-label" [textContent]="'DESCRIPTION' | sharedLocalize"></label>
2177
+ <span class="stock-span" [textContent]="article.description"></span>
2178
+ </div>
2179
+ </div>
2180
+ <div class="stock-status">
2181
+ <label class="stock-label" [textContent]="'ARTICLE_NUMBER' | sharedLocalize"></label>
2182
+ <span class="stock-span" [textContent]="article.articleNumber"></span>
2183
+ </div>
2184
+ <div class="stock-status">
2185
+ <label class="stock-label" [textContent]="'AMOUNT_IN_STOCK' | sharedLocalize"></label>
2186
+ <span class="stock-span" [textContent]="allTechnicalStockInformation"></span>
2187
+ </div>
2188
+ <div class="stock-status">
2189
+ <label class="stock-label" [textContent]="'AMOUNT_AVAILABLE' | sharedLocalize"></label>
2190
+ <span class="stock-span" [textContent]="allAvailableStockInformation"></span>
2191
+ </div>
2192
+ <div class="stock-status">
2193
+ <label class="stock-label" [textContent]="'ECONOMICAL_STOCK' | sharedLocalize"></label>
2194
+ <span class="stock-span" [textContent]="economicalStock"></span>
2195
+ </div>
2196
+ <div class="stock-status">
2197
+ <label class="stock-label" [textContent]="'PERCEPTIBLE_STORAGE' | sharedLocalize"></label>
2198
+ <span class="stock-span" [textContent]="perceptibleStorage"></span>
2199
+ </div>
2200
+ </div>
2201
+ }
2212
2202
  `,
2213
2203
  encapsulation: ViewEncapsulation.None,
2214
2204
  standalone: false
@@ -2279,114 +2269,114 @@ class TabBarComponent {
2279
2269
  this.warehouseSelected.emit(event);
2280
2270
  }
2281
2271
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TabBarComponent, deps: [{ token: StockService }], target: i0.ɵɵFactoryTarget.Component });
2282
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TabBarComponent, isStandalone: false, selector: "co-tab-bar", inputs: { wareHouseLabel: "wareHouseLabel", wareHouseSearchLabel: "wareHouseSearchLabel", tabs: "tabs", secondaryTabs: "secondaryTabs", ActivateSecondaryTabs: "ActivateSecondaryTabs", dataWareHouseCode: "dataWareHouseCode", article: "article", showWarehouseSelection: "showWarehouseSelection", selectedWarehouse: "selectedWarehouse" }, outputs: { warehouseSelected: "warehouseSelected" }, ngImport: i0, template: `
2283
- <div class="tab-bar-wrapper">
2284
- <div class="tab-bar-warehouse-wrapper">
2285
- <div class="stock-location-group">
2286
- <div class="stock-location-right-group">
2287
- @if (showWarehouseSelection) {
2288
- <co-list-of-values
2289
- [label]="wareHouseLabel"
2290
- [displayField]="'warehouseDescription'"
2291
- [collection]="dataWareHouseCode"
2292
- [multiselect]="false"
2293
- [required]="false"
2294
- [readonly]="false"
2295
- [customCssClass]="'mini-scrollbar'"
2296
- [searchPlaceholder]="wareHouseSearchLabel"
2297
- [(model)]="selectedWarehouse"
2298
- (modelChange)="onSelectWarehouse($event)"
2299
- class="custom-height"
2300
- >
2301
- </co-list-of-values>
2302
- }
2303
- </div>
2304
- </div>
2305
- </div>
2306
- <div class="tab-bar">
2307
- <div class="tab-bar-primary">
2308
- @for (tab of tabs; track tab) {
2309
- <div class="tab-primary">
2310
- <co-button
2311
- [label]="tab.title"
2312
- [screenConfigurationObject]="tab.cfg"
2313
- [class.active]="tab.active"
2314
- (click)="selectTab(tab)"
2315
- ></co-button>
2316
- </div>
2317
- }
2318
- </div>
2319
- @if (ActivateSecondaryTabs) {
2320
- <div class="secondary-tab-bar">
2321
- @for (tab of secondaryTabs; track tab) {
2322
- <co-button
2323
- [label]="tab.title"
2324
- [screenConfigurationObject]="tab.cfg"
2325
- [class.active]="tab.active"
2326
- (click)="selectSecondaryTab(tab)"
2327
- ></co-button>
2328
- }
2329
- </div>
2330
- }
2331
- </div>
2332
- </div>
2272
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TabBarComponent, isStandalone: false, selector: "co-tab-bar", inputs: { wareHouseLabel: "wareHouseLabel", wareHouseSearchLabel: "wareHouseSearchLabel", tabs: "tabs", secondaryTabs: "secondaryTabs", ActivateSecondaryTabs: "ActivateSecondaryTabs", dataWareHouseCode: "dataWareHouseCode", article: "article", showWarehouseSelection: "showWarehouseSelection", selectedWarehouse: "selectedWarehouse" }, outputs: { warehouseSelected: "warehouseSelected" }, ngImport: i0, template: `
2273
+ <div class="tab-bar-wrapper">
2274
+ <div class="tab-bar">
2275
+ <div class="tab-bar-primary">
2276
+ @for (tab of tabs; track tab) {
2277
+ <div class="tab-primary">
2278
+ <co-button
2279
+ [label]="tab.title"
2280
+ [screenConfigurationObject]="tab.cfg"
2281
+ [class.active]="tab.active"
2282
+ (click)="selectTab(tab)"
2283
+ ></co-button>
2284
+ </div>
2285
+ }
2286
+ </div>
2287
+ @if (ActivateSecondaryTabs) {
2288
+ <div class="secondary-tab-bar">
2289
+ @for (tab of secondaryTabs; track tab) {
2290
+ <co-button
2291
+ [label]="tab.title"
2292
+ [screenConfigurationObject]="tab.cfg"
2293
+ [class.active]="tab.active"
2294
+ (click)="selectSecondaryTab(tab)"
2295
+ ></co-button>
2296
+ }
2297
+ </div>
2298
+ }
2299
+ <div class="tab-bar-warehouse-wrapper">
2300
+ <div class="stock-location-group">
2301
+ <div class="stock-location-right-group">
2302
+ @if (showWarehouseSelection) {
2303
+ <co-list-of-values
2304
+ [label]="wareHouseLabel"
2305
+ [displayField]="'warehouseDescription'"
2306
+ [collection]="dataWareHouseCode"
2307
+ [multiselect]="false"
2308
+ [required]="false"
2309
+ [readonly]="false"
2310
+ [customCssClass]="'mini-scrollbar'"
2311
+ [searchPlaceholder]="wareHouseSearchLabel"
2312
+ [(model)]="selectedWarehouse"
2313
+ (modelChange)="onSelectWarehouse($event)"
2314
+ class="custom-height"
2315
+ >
2316
+ </co-list-of-values>
2317
+ }
2318
+ </div>
2319
+ </div>
2320
+ </div>
2321
+ </div>
2322
+ </div>
2333
2323
  `, isInline: true, dependencies: [{ kind: "component", type: i3.ListOfValuesComponent, selector: "co-list-of-values", inputs: ["model", "multiselect", "showToggleAll", "largeCollection", "displayField", "optionIcon", "collection", "collectionLoadFn", "collectionLoadFnProp", "leftIconData", "searchPlaceholder", "searchDisabled", "showChips"] }, { kind: "directive", type: i3.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: i3.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }], encapsulation: i0.ViewEncapsulation.None });
2334
2324
  }
2335
2325
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TabBarComponent, decorators: [{
2336
2326
  type: Component,
2337
2327
  args: [{
2338
2328
  selector: "co-tab-bar",
2339
- template: `
2340
- <div class="tab-bar-wrapper">
2341
- <div class="tab-bar-warehouse-wrapper">
2342
- <div class="stock-location-group">
2343
- <div class="stock-location-right-group">
2344
- @if (showWarehouseSelection) {
2345
- <co-list-of-values
2346
- [label]="wareHouseLabel"
2347
- [displayField]="'warehouseDescription'"
2348
- [collection]="dataWareHouseCode"
2349
- [multiselect]="false"
2350
- [required]="false"
2351
- [readonly]="false"
2352
- [customCssClass]="'mini-scrollbar'"
2353
- [searchPlaceholder]="wareHouseSearchLabel"
2354
- [(model)]="selectedWarehouse"
2355
- (modelChange)="onSelectWarehouse($event)"
2356
- class="custom-height"
2357
- >
2358
- </co-list-of-values>
2359
- }
2360
- </div>
2361
- </div>
2362
- </div>
2363
- <div class="tab-bar">
2364
- <div class="tab-bar-primary">
2365
- @for (tab of tabs; track tab) {
2366
- <div class="tab-primary">
2367
- <co-button
2368
- [label]="tab.title"
2369
- [screenConfigurationObject]="tab.cfg"
2370
- [class.active]="tab.active"
2371
- (click)="selectTab(tab)"
2372
- ></co-button>
2373
- </div>
2374
- }
2375
- </div>
2376
- @if (ActivateSecondaryTabs) {
2377
- <div class="secondary-tab-bar">
2378
- @for (tab of secondaryTabs; track tab) {
2379
- <co-button
2380
- [label]="tab.title"
2381
- [screenConfigurationObject]="tab.cfg"
2382
- [class.active]="tab.active"
2383
- (click)="selectSecondaryTab(tab)"
2384
- ></co-button>
2385
- }
2386
- </div>
2387
- }
2388
- </div>
2389
- </div>
2329
+ template: `
2330
+ <div class="tab-bar-wrapper">
2331
+ <div class="tab-bar">
2332
+ <div class="tab-bar-primary">
2333
+ @for (tab of tabs; track tab) {
2334
+ <div class="tab-primary">
2335
+ <co-button
2336
+ [label]="tab.title"
2337
+ [screenConfigurationObject]="tab.cfg"
2338
+ [class.active]="tab.active"
2339
+ (click)="selectTab(tab)"
2340
+ ></co-button>
2341
+ </div>
2342
+ }
2343
+ </div>
2344
+ @if (ActivateSecondaryTabs) {
2345
+ <div class="secondary-tab-bar">
2346
+ @for (tab of secondaryTabs; track tab) {
2347
+ <co-button
2348
+ [label]="tab.title"
2349
+ [screenConfigurationObject]="tab.cfg"
2350
+ [class.active]="tab.active"
2351
+ (click)="selectSecondaryTab(tab)"
2352
+ ></co-button>
2353
+ }
2354
+ </div>
2355
+ }
2356
+ <div class="tab-bar-warehouse-wrapper">
2357
+ <div class="stock-location-group">
2358
+ <div class="stock-location-right-group">
2359
+ @if (showWarehouseSelection) {
2360
+ <co-list-of-values
2361
+ [label]="wareHouseLabel"
2362
+ [displayField]="'warehouseDescription'"
2363
+ [collection]="dataWareHouseCode"
2364
+ [multiselect]="false"
2365
+ [required]="false"
2366
+ [readonly]="false"
2367
+ [customCssClass]="'mini-scrollbar'"
2368
+ [searchPlaceholder]="wareHouseSearchLabel"
2369
+ [(model)]="selectedWarehouse"
2370
+ (modelChange)="onSelectWarehouse($event)"
2371
+ class="custom-height"
2372
+ >
2373
+ </co-list-of-values>
2374
+ }
2375
+ </div>
2376
+ </div>
2377
+ </div>
2378
+ </div>
2379
+ </div>
2390
2380
  `,
2391
2381
  encapsulation: ViewEncapsulation.None,
2392
2382
  standalone: false