windows-plus-utilities 0.0.47 → 0.0.49
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/context-menu/util/interface/main/context-menu.interface.d.ts +5 -0
- package/esm2020/context-menu/util/interface/main/context-menu.interface.mjs +1 -1
- package/esm2020/custom-card/components/custom-card/custom-card.component.mjs +2 -2
- package/fesm2015/windows-plus-utilities-custom-card.mjs +2 -2
- package/fesm2015/windows-plus-utilities-custom-card.mjs.map +1 -1
- package/fesm2020/windows-plus-utilities-custom-card.mjs +2 -2
- package/fesm2020/windows-plus-utilities-custom-card.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
import { ContextMenuItem } from '../items/context-menu-items.interface';
|
|
2
|
+
import { ContextMenuPosition } from '../position/context-menu-positions.interface';
|
|
2
3
|
export interface ContextMenu {
|
|
3
4
|
/**
|
|
4
5
|
* @description an array containing the options for the context menu
|
|
5
6
|
*/
|
|
6
7
|
contextMenuItems: ContextMenuItem[];
|
|
8
|
+
/**
|
|
9
|
+
* @description an object containing the position for the context menu
|
|
10
|
+
*/
|
|
11
|
+
elementPosition: ContextMenuPosition;
|
|
7
12
|
/**
|
|
8
13
|
* @author Alex Hodson
|
|
9
14
|
* @description handles a batch which has been clicked
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGV4dC1tZW51LmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dpbmRvd3MtcGx1cy11dGlsaXRpZXMvY29udGV4dC1tZW51L3V0aWwvaW50ZXJmYWNlL21haW4vY29udGV4dC1tZW51LmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29udGV4dE1lbnVJdGVtIH0gZnJvbSAnLi4vaXRlbXMvY29udGV4dC1tZW51LWl0ZW1zLmludGVyZmFjZSdcclxuaW1wb3J0IHsgQ29udGV4dE1lbnVQb3NpdGlvbiB9IGZyb20gJy4uL3Bvc2l0aW9uL2NvbnRleHQtbWVudS1wb3NpdGlvbnMuaW50ZXJmYWNlJ1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBDb250ZXh0TWVudSB7XHJcblx0LyoqXHJcblx0ICogQGRlc2NyaXB0aW9uIGFuIGFycmF5IGNvbnRhaW5pbmcgdGhlIG9wdGlvbnMgZm9yIHRoZSBjb250ZXh0IG1lbnVcclxuXHQgKi9cclxuXHRjb250ZXh0TWVudUl0ZW1zOiBDb250ZXh0TWVudUl0ZW1bXVxyXG5cdC8qKlxyXG5cdCAqIEBkZXNjcmlwdGlvbiBhbiBvYmplY3QgY29udGFpbmluZyB0aGUgcG9zaXRpb24gZm9yIHRoZSBjb250ZXh0IG1lbnVcclxuXHQgKi9cclxuXHRlbGVtZW50UG9zaXRpb246IENvbnRleHRNZW51UG9zaXRpb25cclxuXHQvKipcclxuXHQgKiBAYXV0aG9yIEFsZXggSG9kc29uXHJcblx0ICogQGRlc2NyaXB0aW9uIGhhbmRsZXMgYSBiYXRjaCB3aGljaCBoYXMgYmVlbiBjbGlja2VkXHJcblx0ICogQHBhcmFtICRldmVudCB0aGUgY2xpY2sgZXZlbnRcclxuXHQgKiBAcGFyYW0gZWxlbWVudHMgcGFyYW1ldGVycyBwcm92aWRlZCBieSB0aGUgaW1wbGVtZW50YXRpb25cclxuXHQgKi9cclxuXHRpdGVtQ2xpY2tlZCgkZXZlbnQ6IGFueSwgLi4uZWxlbWVudHM6IGFueSk6IHZvaWRcclxuXHQvKipcclxuXHQgKiBAYXV0aG9yIEFsZXggSG9kc29uXHJcblx0ICogQGRlc2NyaXB0aW9uIHRyaWdnZXJzIHRoZSBoYW5kbGVDbGljayBjYWxsYmFjayBvZiBhIGNvbnRleHQgbWVudSBpdGVtXHJcblx0ICogQHBhcmFtIGVsZW1lbnQgdGhlIGNsaWNrZWQgY29udGV4dCBtZW51IGl0ZW1cclxuXHQgKi9cclxuXHRoYW5kbGVDb250ZXh0TWVudUl0ZW1DbGljayhlbGVtZW50OiBDb250ZXh0TWVudUl0ZW0pOiB2b2lkXHJcbn0iXX0=
|
|
@@ -13,10 +13,10 @@ export class CustomCardComponent {
|
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
CustomCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: CustomCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
CustomCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: CustomCardComponent, selector: "wp-custom-card", inputs: { id: "id", active: "active", handleClick: "handleClick", label: "label" }, ngImport: i0, template: "<div>\r\n\t<div \r\n\t\t[id]=\"id\"\r\n\t\tclass=\"custom-card\"\r\n\t\t[ngClass]=\"{'active': active}\"\r\n\t\t(click)=\"handleClick(id)\"\r\n\t>\r\n\t\t<div class=\"overlay\"></div>\r\n\t\t<div class=\"card-header\">\r\n\t\t\t<div class=\"card-title\">\r\n\t\t\t\t{{label}}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>", styles: [".custom-card{cursor:pointer;width:
|
|
16
|
+
CustomCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: CustomCardComponent, selector: "wp-custom-card", inputs: { id: "id", active: "active", handleClick: "handleClick", label: "label" }, ngImport: i0, template: "<div>\r\n\t<div \r\n\t\t[id]=\"id\"\r\n\t\tclass=\"custom-card\"\r\n\t\t[ngClass]=\"{'active': active}\"\r\n\t\t(click)=\"handleClick(id)\"\r\n\t>\r\n\t\t<div class=\"overlay\"></div>\r\n\t\t<div class=\"card-header\">\r\n\t\t\t<div class=\"card-title\">\r\n\t\t\t\t{{label}}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>", styles: [".custom-card{cursor:pointer;max-width:250px;width:200px;box-shadow:0 8px 16px #0000004d;background-color:#fff;position:relative;overflow:hidden;transition:all .85s ease}.custom-card .card-header{padding:.5rem;display:flex;justify-content:center;background-color:unset;align-items:center;flex-direction:column;position:relative}.custom-card .card-header .card-title{padding:1rem 0;font-size:15px;font-weight:500;color:#24334e;transition:all .25s ease}.custom-card .overlay{width:100%;height:0;background-color:var(--wp-primaryBlue);position:absolute;transition:height .85s ease,opacity .55s ease-in-out}.custom-card.active,.custom-card.active .card-header .card-title,.custom-card.active .overlay{color:#fff!important;background-color:var(--wp-primaryGreen)!important}.custom-card:hover{color:#fff}.custom-card:hover .overlay{height:100%;transition:height .25s ease,opacity .55s ease-in-out}.custom-card:hover .card-header .card-title{color:#fff;z-index:999}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: CustomCardComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
|
-
args: [{ selector: 'wp-custom-card', template: "<div>\r\n\t<div \r\n\t\t[id]=\"id\"\r\n\t\tclass=\"custom-card\"\r\n\t\t[ngClass]=\"{'active': active}\"\r\n\t\t(click)=\"handleClick(id)\"\r\n\t>\r\n\t\t<div class=\"overlay\"></div>\r\n\t\t<div class=\"card-header\">\r\n\t\t\t<div class=\"card-title\">\r\n\t\t\t\t{{label}}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>", styles: [".custom-card{cursor:pointer;width:
|
|
19
|
+
args: [{ selector: 'wp-custom-card', template: "<div>\r\n\t<div \r\n\t\t[id]=\"id\"\r\n\t\tclass=\"custom-card\"\r\n\t\t[ngClass]=\"{'active': active}\"\r\n\t\t(click)=\"handleClick(id)\"\r\n\t>\r\n\t\t<div class=\"overlay\"></div>\r\n\t\t<div class=\"card-header\">\r\n\t\t\t<div class=\"card-title\">\r\n\t\t\t\t{{label}}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>", styles: [".custom-card{cursor:pointer;max-width:250px;width:200px;box-shadow:0 8px 16px #0000004d;background-color:#fff;position:relative;overflow:hidden;transition:all .85s ease}.custom-card .card-header{padding:.5rem;display:flex;justify-content:center;background-color:unset;align-items:center;flex-direction:column;position:relative}.custom-card .card-header .card-title{padding:1rem 0;font-size:15px;font-weight:500;color:#24334e;transition:all .25s ease}.custom-card .overlay{width:100%;height:0;background-color:var(--wp-primaryBlue);position:absolute;transition:height .85s ease,opacity .55s ease-in-out}.custom-card.active,.custom-card.active .card-header .card-title,.custom-card.active .overlay{color:#fff!important;background-color:var(--wp-primaryGreen)!important}.custom-card:hover{color:#fff}.custom-card:hover .overlay{height:100%;transition:height .25s ease,opacity .55s ease-in-out}.custom-card:hover .card-header .card-title{color:#fff;z-index:999}\n"] }]
|
|
20
20
|
}], ctorParameters: function () { return []; }, propDecorators: { id: [{
|
|
21
21
|
type: Input
|
|
22
22
|
}], active: [{
|
|
@@ -15,10 +15,10 @@ class CustomCardComponent {
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
CustomCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: CustomCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
CustomCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: CustomCardComponent, selector: "wp-custom-card", inputs: { id: "id", active: "active", handleClick: "handleClick", label: "label" }, ngImport: i0, template: "<div>\r\n\t<div \r\n\t\t[id]=\"id\"\r\n\t\tclass=\"custom-card\"\r\n\t\t[ngClass]=\"{'active': active}\"\r\n\t\t(click)=\"handleClick(id)\"\r\n\t>\r\n\t\t<div class=\"overlay\"></div>\r\n\t\t<div class=\"card-header\">\r\n\t\t\t<div class=\"card-title\">\r\n\t\t\t\t{{label}}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>", styles: [".custom-card{cursor:pointer;width:
|
|
18
|
+
CustomCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: CustomCardComponent, selector: "wp-custom-card", inputs: { id: "id", active: "active", handleClick: "handleClick", label: "label" }, ngImport: i0, template: "<div>\r\n\t<div \r\n\t\t[id]=\"id\"\r\n\t\tclass=\"custom-card\"\r\n\t\t[ngClass]=\"{'active': active}\"\r\n\t\t(click)=\"handleClick(id)\"\r\n\t>\r\n\t\t<div class=\"overlay\"></div>\r\n\t\t<div class=\"card-header\">\r\n\t\t\t<div class=\"card-title\">\r\n\t\t\t\t{{label}}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>", styles: [".custom-card{cursor:pointer;max-width:250px;width:200px;box-shadow:0 8px 16px #0000004d;background-color:#fff;position:relative;overflow:hidden;transition:all .85s ease}.custom-card .card-header{padding:.5rem;display:flex;justify-content:center;background-color:unset;align-items:center;flex-direction:column;position:relative}.custom-card .card-header .card-title{padding:1rem 0;font-size:15px;font-weight:500;color:#24334e;transition:all .25s ease}.custom-card .overlay{width:100%;height:0;background-color:var(--wp-primaryBlue);position:absolute;transition:height .85s ease,opacity .55s ease-in-out}.custom-card.active,.custom-card.active .card-header .card-title,.custom-card.active .overlay{color:#fff!important;background-color:var(--wp-primaryGreen)!important}.custom-card:hover{color:#fff}.custom-card:hover .overlay{height:100%;transition:height .25s ease,opacity .55s ease-in-out}.custom-card:hover .card-header .card-title{color:#fff;z-index:999}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: CustomCardComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
|
-
args: [{ selector: 'wp-custom-card', template: "<div>\r\n\t<div \r\n\t\t[id]=\"id\"\r\n\t\tclass=\"custom-card\"\r\n\t\t[ngClass]=\"{'active': active}\"\r\n\t\t(click)=\"handleClick(id)\"\r\n\t>\r\n\t\t<div class=\"overlay\"></div>\r\n\t\t<div class=\"card-header\">\r\n\t\t\t<div class=\"card-title\">\r\n\t\t\t\t{{label}}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>", styles: [".custom-card{cursor:pointer;width:
|
|
21
|
+
args: [{ selector: 'wp-custom-card', template: "<div>\r\n\t<div \r\n\t\t[id]=\"id\"\r\n\t\tclass=\"custom-card\"\r\n\t\t[ngClass]=\"{'active': active}\"\r\n\t\t(click)=\"handleClick(id)\"\r\n\t>\r\n\t\t<div class=\"overlay\"></div>\r\n\t\t<div class=\"card-header\">\r\n\t\t\t<div class=\"card-title\">\r\n\t\t\t\t{{label}}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>", styles: [".custom-card{cursor:pointer;max-width:250px;width:200px;box-shadow:0 8px 16px #0000004d;background-color:#fff;position:relative;overflow:hidden;transition:all .85s ease}.custom-card .card-header{padding:.5rem;display:flex;justify-content:center;background-color:unset;align-items:center;flex-direction:column;position:relative}.custom-card .card-header .card-title{padding:1rem 0;font-size:15px;font-weight:500;color:#24334e;transition:all .25s ease}.custom-card .overlay{width:100%;height:0;background-color:var(--wp-primaryBlue);position:absolute;transition:height .85s ease,opacity .55s ease-in-out}.custom-card.active,.custom-card.active .card-header .card-title,.custom-card.active .overlay{color:#fff!important;background-color:var(--wp-primaryGreen)!important}.custom-card:hover{color:#fff}.custom-card:hover .overlay{height:100%;transition:height .25s ease,opacity .55s ease-in-out}.custom-card:hover .card-header .card-title{color:#fff;z-index:999}\n"] }]
|
|
22
22
|
}], ctorParameters: function () { return []; }, propDecorators: { id: [{
|
|
23
23
|
type: Input
|
|
24
24
|
}], active: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"windows-plus-utilities-custom-card.mjs","sources":["../../../projects/windows-plus-utilities/custom-card/components/custom-card/custom-card.component.ts","../../../projects/windows-plus-utilities/custom-card/components/custom-card/custom-card.component.html","../../../projects/windows-plus-utilities/custom-card/custom-card.module.ts","../../../projects/windows-plus-utilities/custom-card/public-api.ts","../../../projects/windows-plus-utilities/custom-card/windows-plus-utilities-custom-card.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'wp-custom-card',\r\n templateUrl: './custom-card.component.html',\r\n styleUrls: ['./custom-card.component.sass']\r\n})\r\nexport class CustomCardComponent implements OnInit {\r\n\t/**\r\n\t * @description the cards HTML element identifier\r\n\t */\r\n\t@Input() id: string\r\n\t/**\r\n\t * @description whether the card is the active card\r\n\t */\r\n\t@Input() active: boolean\r\n\t/**\r\n\t * @description the method to be run when the card is clicked\r\n\t */\r\n\t@Input() handleClick: (...args: any[]) => void\r\n\t/**\r\n\t * @description the value to be displayed in the card\r\n\t */\r\n\t@Input() label: string\r\n\t/**\r\n\t * @description class constructor specifying the required properties and services\r\n\t */\r\n constructor() { }\r\n\t/**\r\n\t * @description the method to be run when the component is loaded\r\n\t */\r\n ngOnInit(): void {\r\n }\r\n}\r\n","<div>\r\n\t<div \r\n\t\t[id]=\"id\"\r\n\t\tclass=\"custom-card\"\r\n\t\t[ngClass]=\"{'active': active}\"\r\n\t\t(click)=\"handleClick(id)\"\r\n\t>\r\n\t\t<div class=\"overlay\"></div>\r\n\t\t<div class=\"card-header\">\r\n\t\t\t<div class=\"card-title\">\r\n\t\t\t\t{{label}}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { CustomCardComponent } from './components/custom-card/custom-card.component';\r\n\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n CustomCardComponent\r\n ],\r\n imports: [\r\n CommonModule\r\n ],\r\n exports: [\r\n CustomCardComponent\r\n ]\r\n})\r\nexport class CustomCardModule { }\r\n","/*\r\n * Public API Surface of windows-plus-utilities\r\n */\r\n\r\nexport * from './components/custom-card/custom-card.component';\r\nexport * from './util/interface/config/custom-card-config.interface';\r\nexport * from './custom-card.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAOa,mBAAmB,CAAA;AAiB/B;;AAEG;AACF,IAAA,WAAA,GAAA,GAAiB;AAClB;;AAEG;IACF,QAAQ,GAAA;KACP;;gHAzBU,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,0ICPhC,yUAcM,EAAA,MAAA,EAAA,CAAA
|
|
1
|
+
{"version":3,"file":"windows-plus-utilities-custom-card.mjs","sources":["../../../projects/windows-plus-utilities/custom-card/components/custom-card/custom-card.component.ts","../../../projects/windows-plus-utilities/custom-card/components/custom-card/custom-card.component.html","../../../projects/windows-plus-utilities/custom-card/custom-card.module.ts","../../../projects/windows-plus-utilities/custom-card/public-api.ts","../../../projects/windows-plus-utilities/custom-card/windows-plus-utilities-custom-card.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'wp-custom-card',\r\n templateUrl: './custom-card.component.html',\r\n styleUrls: ['./custom-card.component.sass']\r\n})\r\nexport class CustomCardComponent implements OnInit {\r\n\t/**\r\n\t * @description the cards HTML element identifier\r\n\t */\r\n\t@Input() id: string\r\n\t/**\r\n\t * @description whether the card is the active card\r\n\t */\r\n\t@Input() active: boolean\r\n\t/**\r\n\t * @description the method to be run when the card is clicked\r\n\t */\r\n\t@Input() handleClick: (...args: any[]) => void\r\n\t/**\r\n\t * @description the value to be displayed in the card\r\n\t */\r\n\t@Input() label: string\r\n\t/**\r\n\t * @description class constructor specifying the required properties and services\r\n\t */\r\n constructor() { }\r\n\t/**\r\n\t * @description the method to be run when the component is loaded\r\n\t */\r\n ngOnInit(): void {\r\n }\r\n}\r\n","<div>\r\n\t<div \r\n\t\t[id]=\"id\"\r\n\t\tclass=\"custom-card\"\r\n\t\t[ngClass]=\"{'active': active}\"\r\n\t\t(click)=\"handleClick(id)\"\r\n\t>\r\n\t\t<div class=\"overlay\"></div>\r\n\t\t<div class=\"card-header\">\r\n\t\t\t<div class=\"card-title\">\r\n\t\t\t\t{{label}}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { CustomCardComponent } from './components/custom-card/custom-card.component';\r\n\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n CustomCardComponent\r\n ],\r\n imports: [\r\n CommonModule\r\n ],\r\n exports: [\r\n CustomCardComponent\r\n ]\r\n})\r\nexport class CustomCardModule { }\r\n","/*\r\n * Public API Surface of windows-plus-utilities\r\n */\r\n\r\nexport * from './components/custom-card/custom-card.component';\r\nexport * from './util/interface/config/custom-card-config.interface';\r\nexport * from './custom-card.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAOa,mBAAmB,CAAA;AAiB/B;;AAEG;AACF,IAAA,WAAA,GAAA,GAAiB;AAClB;;AAEG;IACF,QAAQ,GAAA;KACP;;gHAzBU,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,0ICPhC,yUAcM,EAAA,MAAA,EAAA,CAAA,i8BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDPO,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,SAAS;+BACE,gBAAgB,EAAA,QAAA,EAAA,yUAAA,EAAA,MAAA,EAAA,CAAA,i8BAAA,CAAA,EAAA,CAAA;0EAQlB,EAAE,EAAA,CAAA;sBAAV,KAAK;gBAIG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBAIG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAIG,KAAK,EAAA,CAAA;sBAAb,KAAK;;;MENM,gBAAgB,CAAA;;6GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EATzB,YAAA,EAAA,CAAA,mBAAmB,CAGnB,EAAA,OAAA,EAAA,CAAA,YAAY,aAGZ,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAGV,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YANzB,YAAY,CAAA,EAAA,CAAA,CAAA;2FAMH,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAX5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,mBAAmB;AACpB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,mBAAmB;AACpB,qBAAA;iBACF,CAAA;;;AChBD;;AAEG;;ACFH;;AAEG;;;;"}
|
|
@@ -15,10 +15,10 @@ class CustomCardComponent {
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
CustomCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: CustomCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
CustomCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: CustomCardComponent, selector: "wp-custom-card", inputs: { id: "id", active: "active", handleClick: "handleClick", label: "label" }, ngImport: i0, template: "<div>\r\n\t<div \r\n\t\t[id]=\"id\"\r\n\t\tclass=\"custom-card\"\r\n\t\t[ngClass]=\"{'active': active}\"\r\n\t\t(click)=\"handleClick(id)\"\r\n\t>\r\n\t\t<div class=\"overlay\"></div>\r\n\t\t<div class=\"card-header\">\r\n\t\t\t<div class=\"card-title\">\r\n\t\t\t\t{{label}}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>", styles: [".custom-card{cursor:pointer;width:
|
|
18
|
+
CustomCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: CustomCardComponent, selector: "wp-custom-card", inputs: { id: "id", active: "active", handleClick: "handleClick", label: "label" }, ngImport: i0, template: "<div>\r\n\t<div \r\n\t\t[id]=\"id\"\r\n\t\tclass=\"custom-card\"\r\n\t\t[ngClass]=\"{'active': active}\"\r\n\t\t(click)=\"handleClick(id)\"\r\n\t>\r\n\t\t<div class=\"overlay\"></div>\r\n\t\t<div class=\"card-header\">\r\n\t\t\t<div class=\"card-title\">\r\n\t\t\t\t{{label}}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>", styles: [".custom-card{cursor:pointer;max-width:250px;width:200px;box-shadow:0 8px 16px #0000004d;background-color:#fff;position:relative;overflow:hidden;transition:all .85s ease}.custom-card .card-header{padding:.5rem;display:flex;justify-content:center;background-color:unset;align-items:center;flex-direction:column;position:relative}.custom-card .card-header .card-title{padding:1rem 0;font-size:15px;font-weight:500;color:#24334e;transition:all .25s ease}.custom-card .overlay{width:100%;height:0;background-color:var(--wp-primaryBlue);position:absolute;transition:height .85s ease,opacity .55s ease-in-out}.custom-card.active,.custom-card.active .card-header .card-title,.custom-card.active .overlay{color:#fff!important;background-color:var(--wp-primaryGreen)!important}.custom-card:hover{color:#fff}.custom-card:hover .overlay{height:100%;transition:height .25s ease,opacity .55s ease-in-out}.custom-card:hover .card-header .card-title{color:#fff;z-index:999}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: CustomCardComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
|
-
args: [{ selector: 'wp-custom-card', template: "<div>\r\n\t<div \r\n\t\t[id]=\"id\"\r\n\t\tclass=\"custom-card\"\r\n\t\t[ngClass]=\"{'active': active}\"\r\n\t\t(click)=\"handleClick(id)\"\r\n\t>\r\n\t\t<div class=\"overlay\"></div>\r\n\t\t<div class=\"card-header\">\r\n\t\t\t<div class=\"card-title\">\r\n\t\t\t\t{{label}}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>", styles: [".custom-card{cursor:pointer;width:
|
|
21
|
+
args: [{ selector: 'wp-custom-card', template: "<div>\r\n\t<div \r\n\t\t[id]=\"id\"\r\n\t\tclass=\"custom-card\"\r\n\t\t[ngClass]=\"{'active': active}\"\r\n\t\t(click)=\"handleClick(id)\"\r\n\t>\r\n\t\t<div class=\"overlay\"></div>\r\n\t\t<div class=\"card-header\">\r\n\t\t\t<div class=\"card-title\">\r\n\t\t\t\t{{label}}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>", styles: [".custom-card{cursor:pointer;max-width:250px;width:200px;box-shadow:0 8px 16px #0000004d;background-color:#fff;position:relative;overflow:hidden;transition:all .85s ease}.custom-card .card-header{padding:.5rem;display:flex;justify-content:center;background-color:unset;align-items:center;flex-direction:column;position:relative}.custom-card .card-header .card-title{padding:1rem 0;font-size:15px;font-weight:500;color:#24334e;transition:all .25s ease}.custom-card .overlay{width:100%;height:0;background-color:var(--wp-primaryBlue);position:absolute;transition:height .85s ease,opacity .55s ease-in-out}.custom-card.active,.custom-card.active .card-header .card-title,.custom-card.active .overlay{color:#fff!important;background-color:var(--wp-primaryGreen)!important}.custom-card:hover{color:#fff}.custom-card:hover .overlay{height:100%;transition:height .25s ease,opacity .55s ease-in-out}.custom-card:hover .card-header .card-title{color:#fff;z-index:999}\n"] }]
|
|
22
22
|
}], ctorParameters: function () { return []; }, propDecorators: { id: [{
|
|
23
23
|
type: Input
|
|
24
24
|
}], active: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"windows-plus-utilities-custom-card.mjs","sources":["../../../projects/windows-plus-utilities/custom-card/components/custom-card/custom-card.component.ts","../../../projects/windows-plus-utilities/custom-card/components/custom-card/custom-card.component.html","../../../projects/windows-plus-utilities/custom-card/custom-card.module.ts","../../../projects/windows-plus-utilities/custom-card/public-api.ts","../../../projects/windows-plus-utilities/custom-card/windows-plus-utilities-custom-card.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'wp-custom-card',\r\n templateUrl: './custom-card.component.html',\r\n styleUrls: ['./custom-card.component.sass']\r\n})\r\nexport class CustomCardComponent implements OnInit {\r\n\t/**\r\n\t * @description the cards HTML element identifier\r\n\t */\r\n\t@Input() id: string\r\n\t/**\r\n\t * @description whether the card is the active card\r\n\t */\r\n\t@Input() active: boolean\r\n\t/**\r\n\t * @description the method to be run when the card is clicked\r\n\t */\r\n\t@Input() handleClick: (...args: any[]) => void\r\n\t/**\r\n\t * @description the value to be displayed in the card\r\n\t */\r\n\t@Input() label: string\r\n\t/**\r\n\t * @description class constructor specifying the required properties and services\r\n\t */\r\n constructor() { }\r\n\t/**\r\n\t * @description the method to be run when the component is loaded\r\n\t */\r\n ngOnInit(): void {\r\n }\r\n}\r\n","<div>\r\n\t<div \r\n\t\t[id]=\"id\"\r\n\t\tclass=\"custom-card\"\r\n\t\t[ngClass]=\"{'active': active}\"\r\n\t\t(click)=\"handleClick(id)\"\r\n\t>\r\n\t\t<div class=\"overlay\"></div>\r\n\t\t<div class=\"card-header\">\r\n\t\t\t<div class=\"card-title\">\r\n\t\t\t\t{{label}}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { CustomCardComponent } from './components/custom-card/custom-card.component';\r\n\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n CustomCardComponent\r\n ],\r\n imports: [\r\n CommonModule\r\n ],\r\n exports: [\r\n CustomCardComponent\r\n ]\r\n})\r\nexport class CustomCardModule { }\r\n","/*\r\n * Public API Surface of windows-plus-utilities\r\n */\r\n\r\nexport * from './components/custom-card/custom-card.component';\r\nexport * from './util/interface/config/custom-card-config.interface';\r\nexport * from './custom-card.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAOa,mBAAmB,CAAA;AAiB/B;;AAEG;AACF,IAAA,WAAA,GAAA,GAAiB;AAClB;;AAEG;IACF,QAAQ,GAAA;KACP;;gHAzBU,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,0ICPhC,yUAcM,EAAA,MAAA,EAAA,CAAA
|
|
1
|
+
{"version":3,"file":"windows-plus-utilities-custom-card.mjs","sources":["../../../projects/windows-plus-utilities/custom-card/components/custom-card/custom-card.component.ts","../../../projects/windows-plus-utilities/custom-card/components/custom-card/custom-card.component.html","../../../projects/windows-plus-utilities/custom-card/custom-card.module.ts","../../../projects/windows-plus-utilities/custom-card/public-api.ts","../../../projects/windows-plus-utilities/custom-card/windows-plus-utilities-custom-card.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'wp-custom-card',\r\n templateUrl: './custom-card.component.html',\r\n styleUrls: ['./custom-card.component.sass']\r\n})\r\nexport class CustomCardComponent implements OnInit {\r\n\t/**\r\n\t * @description the cards HTML element identifier\r\n\t */\r\n\t@Input() id: string\r\n\t/**\r\n\t * @description whether the card is the active card\r\n\t */\r\n\t@Input() active: boolean\r\n\t/**\r\n\t * @description the method to be run when the card is clicked\r\n\t */\r\n\t@Input() handleClick: (...args: any[]) => void\r\n\t/**\r\n\t * @description the value to be displayed in the card\r\n\t */\r\n\t@Input() label: string\r\n\t/**\r\n\t * @description class constructor specifying the required properties and services\r\n\t */\r\n constructor() { }\r\n\t/**\r\n\t * @description the method to be run when the component is loaded\r\n\t */\r\n ngOnInit(): void {\r\n }\r\n}\r\n","<div>\r\n\t<div \r\n\t\t[id]=\"id\"\r\n\t\tclass=\"custom-card\"\r\n\t\t[ngClass]=\"{'active': active}\"\r\n\t\t(click)=\"handleClick(id)\"\r\n\t>\r\n\t\t<div class=\"overlay\"></div>\r\n\t\t<div class=\"card-header\">\r\n\t\t\t<div class=\"card-title\">\r\n\t\t\t\t{{label}}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { CustomCardComponent } from './components/custom-card/custom-card.component';\r\n\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n CustomCardComponent\r\n ],\r\n imports: [\r\n CommonModule\r\n ],\r\n exports: [\r\n CustomCardComponent\r\n ]\r\n})\r\nexport class CustomCardModule { }\r\n","/*\r\n * Public API Surface of windows-plus-utilities\r\n */\r\n\r\nexport * from './components/custom-card/custom-card.component';\r\nexport * from './util/interface/config/custom-card-config.interface';\r\nexport * from './custom-card.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAOa,mBAAmB,CAAA;AAiB/B;;AAEG;AACF,IAAA,WAAA,GAAA,GAAiB;AAClB;;AAEG;IACF,QAAQ,GAAA;KACP;;gHAzBU,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,0ICPhC,yUAcM,EAAA,MAAA,EAAA,CAAA,i8BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDPO,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,SAAS;+BACE,gBAAgB,EAAA,QAAA,EAAA,yUAAA,EAAA,MAAA,EAAA,CAAA,i8BAAA,CAAA,EAAA,CAAA;0EAQlB,EAAE,EAAA,CAAA;sBAAV,KAAK;gBAIG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBAIG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAIG,KAAK,EAAA,CAAA;sBAAb,KAAK;;;MENM,gBAAgB,CAAA;;6GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EATzB,YAAA,EAAA,CAAA,mBAAmB,CAGnB,EAAA,OAAA,EAAA,CAAA,YAAY,aAGZ,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAGV,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YANzB,YAAY,CAAA,EAAA,CAAA,CAAA;2FAMH,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAX5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,mBAAmB;AACpB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,mBAAmB;AACpB,qBAAA;AACF,iBAAA,CAAA;;;AChBD;;AAEG;;ACFH;;AAEG;;;;"}
|