@colijnit/extendedcomponents 12.0.1
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.
- package/README.md +24 -0
- package/bundles/colijnit-extendedcomponents.umd.js +1420 -0
- package/bundles/colijnit-extendedcomponents.umd.js.map +1 -0
- package/colijnit-extendedcomponents.d.ts +5 -0
- package/esm2015/colijnit-extendedcomponents.js +5 -0
- package/esm2015/lib/components/grid/base/base-grid.component.js +71 -0
- package/esm2015/lib/components/grid/base/base-inline-edit-grid.component.js +86 -0
- package/esm2015/lib/components/grid/base/base-selection-grid.component.js +100 -0
- package/esm2015/lib/components/grid/base/base-toolbar-grid.component.js +74 -0
- package/esm2015/lib/components/grid/co-grid.component.js +102 -0
- package/esm2015/lib/components/grid/co-grid.module.js +59 -0
- package/esm2015/lib/components/grid/enum/grid-lines.enum.js +9 -0
- package/esm2015/lib/components/grid/interface/grid-menu-event-args.js +2 -0
- package/esm2015/lib/components/grid/interface/grid-row-drag-event-args.js +2 -0
- package/esm2015/lib/components/grid/interface/grid-row-drop-event-args.js +2 -0
- package/esm2015/lib/components/kanban/co-kanban.component.js +127 -0
- package/esm2015/lib/components/kanban/co-kanban.module.js +30 -0
- package/esm2015/lib/components/pivot/co-pivot.component.js +195 -0
- package/esm2015/lib/components/pivot/co-pivot.module.js +30 -0
- package/esm2015/lib/components/schedule/co-schedule.component.js +99 -0
- package/esm2015/lib/components/schedule/co-schedule.module.js +30 -0
- package/esm2015/lib/core/enum/schedule-view.enum.js +16 -0
- package/esm2015/lib/translation/dictionary.service.js +32 -0
- package/esm2015/lib/translation/extended-components-translation.module.js +37 -0
- package/esm2015/lib/translation/extended-components-translation.service.js +17 -0
- package/esm2015/lib/translation/localize.pipe.js +27 -0
- package/esm2015/public-api.js +14 -0
- package/fesm2015/colijnit-extendedcomponents.js +1086 -0
- package/fesm2015/colijnit-extendedcomponents.js.map +1 -0
- package/lib/bin/postinstall.js +3 -0
- package/lib/components/grid/base/base-grid.component.d.ts +30 -0
- package/lib/components/grid/base/base-inline-edit-grid.component.d.ts +21 -0
- package/lib/components/grid/base/base-selection-grid.component.d.ts +34 -0
- package/lib/components/grid/base/base-toolbar-grid.component.d.ts +20 -0
- package/lib/components/grid/co-grid.component.d.ts +9 -0
- package/lib/components/grid/co-grid.module.d.ts +10 -0
- package/lib/components/grid/enum/grid-lines.enum.d.ts +7 -0
- package/lib/components/grid/interface/grid-menu-event-args.d.ts +3 -0
- package/lib/components/grid/interface/grid-row-drag-event-args.d.ts +3 -0
- package/lib/components/grid/interface/grid-row-drop-event-args.d.ts +3 -0
- package/lib/components/grid/style/_layout.scss +36 -0
- package/lib/components/grid/style/_material-definition.scss +8 -0
- package/lib/components/grid/style/_theme.scss +3 -0
- package/lib/components/grid/style/material.scss +4 -0
- package/lib/components/kanban/co-kanban.component.d.ts +31 -0
- package/lib/components/kanban/co-kanban.module.d.ts +9 -0
- package/lib/components/kanban/style/_layout.scss +52 -0
- package/lib/components/kanban/style/_material-definition.scss +27 -0
- package/lib/components/kanban/style/_theme.scss +3 -0
- package/lib/components/kanban/style/material.scss +5 -0
- package/lib/components/pivot/co-pivot.component.d.ts +43 -0
- package/lib/components/pivot/co-pivot.module.d.ts +9 -0
- package/lib/components/pivot/style/_layout.scss +92 -0
- package/lib/components/pivot/style/_material-definition.scss +1 -0
- package/lib/components/pivot/style/_theme.scss +3 -0
- package/lib/components/pivot/style/material.scss +4 -0
- package/lib/components/schedule/co-schedule.component.d.ts +22 -0
- package/lib/components/schedule/co-schedule.module.d.ts +9 -0
- package/lib/components/schedule/style/_layout.scss +4 -0
- package/lib/components/schedule/style/_material-definition.scss +0 -0
- package/lib/components/schedule/style/_theme.scss +4 -0
- package/lib/components/schedule/style/material.scss +4 -0
- package/lib/core/enum/schedule-view.enum.d.ts +14 -0
- package/lib/style/_input.mixins.scss +142 -0
- package/lib/style/_mixin.scss +16 -0
- package/lib/style/_variables.scss +96 -0
- package/lib/style/extendedcomponents-globals.scss +114 -0
- package/lib/style/material2/_core.scss +17 -0
- package/lib/style/material2/_material2-scss-barrel.scss +16 -0
- package/lib/style/material2/ripple/_co-ripple.scss +68 -0
- package/lib/style/material2/style/_elevation.scss +176 -0
- package/lib/style/material2/style/_list-common.scss +51 -0
- package/lib/style/material2/style/_variables.scss +61 -0
- package/lib/style/material2/theming/_palette.scss +708 -0
- package/lib/style/material2/theming/_theming.scss +80 -0
- package/lib/style/material2/typography/_typography.scss +8 -0
- package/lib/translation/dictionary.service.d.ts +15 -0
- package/lib/translation/extended-components-translation.module.d.ts +9 -0
- package/lib/translation/extended-components-translation.service.d.ts +9 -0
- package/lib/translation/localize.pipe.d.ts +10 -0
- package/package.json +29 -0
- package/public-api.d.ts +10 -0
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
// NOTE: Copied and adapted to CoreComponents from iOneJS on 9-may-2018.
|
|
2
|
+
|
|
3
|
+
@import 'palette';
|
|
4
|
+
|
|
5
|
+
// For a given hue in a palette, return the contrast color from the map of contrast palettes.
|
|
6
|
+
// @param $color-map
|
|
7
|
+
// @param $hue
|
|
8
|
+
@function mat-contrast($palette, $hue) {
|
|
9
|
+
@return map-get(map-get($palette, contrast), $hue);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
// Creates a map of hues to colors for a theme. This is used to define a theme palette in terms
|
|
13
|
+
// of the Material Design hues.
|
|
14
|
+
// @param $color-map
|
|
15
|
+
// @param $primary
|
|
16
|
+
// @param $lighter
|
|
17
|
+
@function mat-palette($base-palette, $default: 500, $lighter: 100, $darker: 700) {
|
|
18
|
+
$result: map_merge($base-palette, (
|
|
19
|
+
default: map-get($base-palette, $default),
|
|
20
|
+
lighter: map-get($base-palette, $lighter),
|
|
21
|
+
darker: map-get($base-palette, $darker),
|
|
22
|
+
default-contrast: mat-contrast($base-palette, $default),
|
|
23
|
+
lighter-contrast: mat-contrast($base-palette, $lighter),
|
|
24
|
+
darker-contrast: mat-contrast($base-palette, $darker)
|
|
25
|
+
));
|
|
26
|
+
|
|
27
|
+
// For each hue in the palette, add a "-contrast" color to the map.
|
|
28
|
+
@each $hue, $color in $base-palette {
|
|
29
|
+
$result: map_merge($result, (
|
|
30
|
+
'#{$hue}-contrast': mat-contrast($base-palette, $hue)
|
|
31
|
+
));
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
@return $result;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
// Gets a color from a theme palette (the output of mat-palette).
|
|
38
|
+
// The hue can be one of the standard values (500, A400, etc.), one of the three preconfigured
|
|
39
|
+
// hues (default, lighter, darker), or any of the aforementioned prefixed with "-contrast".
|
|
40
|
+
//
|
|
41
|
+
// @param $color-map The theme palette (output of mat-palette).
|
|
42
|
+
// @param $hue The hue from the palette to use. If this is a value between 0 and 1, it will
|
|
43
|
+
// be treated as opacity.
|
|
44
|
+
// @param $opacity The alpha channel value for the color.
|
|
45
|
+
@function mat-color($palette, $hue: default, $opacity: 1) {
|
|
46
|
+
// If hueKey is a number between zero and one, then it actually contains an
|
|
47
|
+
// opacity value, so recall this function with the default hue and that given opacity.
|
|
48
|
+
@if type-of($hue) == number and $hue >= 0 and $hue <= 1 {
|
|
49
|
+
@return mat-color($palette, default, $hue);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
$color: map-get($palette, $hue);
|
|
53
|
+
$opacity: if(opacity($color) < 1, opacity($color), $opacity);
|
|
54
|
+
|
|
55
|
+
@return rgba($color, $opacity);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
// Creates a container object for a light theme to be given to individual component theme mixins.
|
|
59
|
+
@function mat-light-theme($primary, $accent, $warn: mat-palette($mat-red)) {
|
|
60
|
+
@return (
|
|
61
|
+
primary: $primary,
|
|
62
|
+
accent: $accent,
|
|
63
|
+
warn: $warn,
|
|
64
|
+
is-dark: false,
|
|
65
|
+
foreground: $mat-light-theme-foreground,
|
|
66
|
+
background: $mat-light-theme-background,
|
|
67
|
+
);
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
// Creates a container object for a dark theme to be given to individual component theme mixins.
|
|
71
|
+
@function mat-dark-theme($primary, $accent, $warn: mat-palette($mat-red)) {
|
|
72
|
+
@return (
|
|
73
|
+
primary: $primary,
|
|
74
|
+
accent: $accent,
|
|
75
|
+
warn: $warn,
|
|
76
|
+
is-dark: true,
|
|
77
|
+
foreground: $mat-dark-theme-foreground,
|
|
78
|
+
background: $mat-dark-theme-background,
|
|
79
|
+
);
|
|
80
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
// NOTE: Copied and adapted to CoreComponents from iOneJS on 9-may-2018.
|
|
2
|
+
|
|
3
|
+
// Implement the rem unit with SCSS so we don't have to actually set a font-size on
|
|
4
|
+
// the user's body element.
|
|
5
|
+
@function rem($multiplier) {
|
|
6
|
+
$font-size: 10px;
|
|
7
|
+
@return $multiplier * $font-size;
|
|
8
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class DictionaryService {
|
|
3
|
+
private readonly _placeholder;
|
|
4
|
+
translation: {};
|
|
5
|
+
/**
|
|
6
|
+
* Returns the localized text for the given dictionary key.
|
|
7
|
+
* @param {string} key
|
|
8
|
+
* @param {boolean} [upperCaseFirst = true] False for first letter lowercase, true for first letter uppercase for returned dict val
|
|
9
|
+
* @param {string[]} replacementTexts Rest params for replacement of '|~' in returned dict value
|
|
10
|
+
* @returns {string} The translated text for given dictionary key
|
|
11
|
+
*/
|
|
12
|
+
get(key: string, upperCaseFirst?: boolean, ...replacementTexts: string[]): string;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DictionaryService, never>;
|
|
14
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<DictionaryService>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ModuleWithProviders } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "./localize.pipe";
|
|
4
|
+
export declare class ExtendedComponentsTranslationModule {
|
|
5
|
+
static forRoot(): ModuleWithProviders<ExtendedComponentsTranslationModule>;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ExtendedComponentsTranslationModule, never>;
|
|
7
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ExtendedComponentsTranslationModule, [typeof i1.LocalizePipe], never, never>;
|
|
8
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ExtendedComponentsTranslationModule>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { DictionaryService } from './dictionary.service';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class ExtendedComponentsTranslationService {
|
|
4
|
+
private _dictionaryService;
|
|
5
|
+
constructor(_dictionaryService: DictionaryService);
|
|
6
|
+
setTranslation(translation: {}): void;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ExtendedComponentsTranslationService, never>;
|
|
8
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ExtendedComponentsTranslationService>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { PipeTransform } from '@angular/core';
|
|
2
|
+
import { DictionaryService } from './dictionary.service';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class LocalizePipe implements PipeTransform {
|
|
5
|
+
private _dictionaryService;
|
|
6
|
+
constructor(_dictionaryService: DictionaryService);
|
|
7
|
+
transform(value: string, upperCaseFirst?: boolean, replace?: string | string[]): string;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LocalizePipe, never>;
|
|
9
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<LocalizePipe, "localize">;
|
|
10
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@colijnit/extendedcomponents",
|
|
3
|
+
"version": "12.0.1",
|
|
4
|
+
"description": "Colijn IT extended components for Angular 12",
|
|
5
|
+
"private": false,
|
|
6
|
+
"scripts": {
|
|
7
|
+
"postinstall": "node lib/bin/postinstall.js"
|
|
8
|
+
},
|
|
9
|
+
"peerDependencies": {
|
|
10
|
+
"@angular/common": ">=12.2.0",
|
|
11
|
+
"@angular/core": ">=12.2.0",
|
|
12
|
+
"@colijnit/corecomponents_v12": ">=12.1.0"
|
|
13
|
+
},
|
|
14
|
+
"dependencies": {
|
|
15
|
+
"@syncfusion/ej2-angular-grids": "^21.2.10",
|
|
16
|
+
"@syncfusion/ej2-angular-kanban": "^21.2.3",
|
|
17
|
+
"@syncfusion/ej2-angular-navigations": "^21.2.9",
|
|
18
|
+
"@syncfusion/ej2-angular-pivotview": "^21.2.10",
|
|
19
|
+
"@syncfusion/ej2-angular-schedule": "^21.2.10",
|
|
20
|
+
"tslib": "^2.3.0"
|
|
21
|
+
},
|
|
22
|
+
"main": "bundles/colijnit-extendedcomponents.umd.js",
|
|
23
|
+
"module": "fesm2015/colijnit-extendedcomponents.js",
|
|
24
|
+
"es2015": "fesm2015/colijnit-extendedcomponents.js",
|
|
25
|
+
"esm2015": "esm2015/colijnit-extendedcomponents.js",
|
|
26
|
+
"fesm2015": "fesm2015/colijnit-extendedcomponents.js",
|
|
27
|
+
"typings": "colijnit-extendedcomponents.d.ts",
|
|
28
|
+
"sideEffects": false
|
|
29
|
+
}
|
package/public-api.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export * from './lib/components/kanban/co-kanban.module';
|
|
2
|
+
export * from './lib/components/kanban/co-kanban.component';
|
|
3
|
+
export * from './lib/components/schedule/co-schedule.module';
|
|
4
|
+
export * from './lib/components/schedule/co-schedule.component';
|
|
5
|
+
export * from './lib/components/grid/co-grid.module';
|
|
6
|
+
export * from './lib/components/grid/co-grid.component';
|
|
7
|
+
export * from './lib/components/pivot/co-pivot.module';
|
|
8
|
+
export * from './lib/components/pivot/co-pivot.component';
|
|
9
|
+
export * from './lib/translation/extended-components-translation.module';
|
|
10
|
+
export * from './lib/translation/extended-components-translation.service';
|