windows-plus-utilities 0.0.2 → 0.0.4
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/esm2020/custom-card/components/custom-card/custom-card.component.mjs +3 -3
- 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 +3 -2
|
@@ -13,10 +13,10 @@ export class CustomCardComponent {
|
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
CustomCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CustomCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
CustomCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: CustomCardComponent, selector: "wp-custom-card", inputs: { id: "id", active: "active", handleClick: "handleClick", label: "label" }, ngImport: i0, template: "<div>\n\t<div \n\t\t[id]=\"id\"\n\t\tclass=\"custom-card\"\n\t\t[ngClass]=\"{'active': active}\"\n\t\t(click)=\"handleClick(id)\"\n\t>\n\t\t<div class=\"overlay\"></div>\n\t\t<div class=\"card-header\">\n\t\t\t<div class=\"card-title\">\n\t\t\t\t{{label}}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
16
|
+
CustomCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: CustomCardComponent, selector: "wp-custom-card", inputs: { id: "id", active: "active", handleClick: "handleClick", label: "label" }, ngImport: i0, template: "<div>\n\t<div \n\t\t[id]=\"id\"\n\t\tclass=\"custom-card\"\n\t\t[ngClass]=\"{'active': active}\"\n\t\t(click)=\"handleClick(id)\"\n\t>\n\t\t<div class=\"overlay\"></div>\n\t\t<div class=\"card-header\">\n\t\t\t<div class=\"card-title\">\n\t\t\t\t{{label}}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>", styles: [".custom-card{cursor:pointer;width:100%;box-shadow:0 8px 16px #0000004d;background-color:#fff;position:relative;overflow:hidden;transition:all .85s ease}.custom-card .card-header{padding:1rem;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 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: "14.2.12", ngImport: i0, type: CustomCardComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
|
-
args: [{ selector: 'wp-custom-card', template: "<div>\n\t<div \n\t\t[id]=\"id\"\n\t\tclass=\"custom-card\"\n\t\t[ngClass]=\"{'active': active}\"\n\t\t(click)=\"handleClick(id)\"\n\t>\n\t\t<div class=\"overlay\"></div>\n\t\t<div class=\"card-header\">\n\t\t\t<div class=\"card-title\">\n\t\t\t\t{{label}}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>" }]
|
|
19
|
+
args: [{ selector: 'wp-custom-card', template: "<div>\n\t<div \n\t\t[id]=\"id\"\n\t\tclass=\"custom-card\"\n\t\t[ngClass]=\"{'active': active}\"\n\t\t(click)=\"handleClick(id)\"\n\t>\n\t\t<div class=\"overlay\"></div>\n\t\t<div class=\"card-header\">\n\t\t\t<div class=\"card-title\">\n\t\t\t\t{{label}}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>", styles: [".custom-card{cursor:pointer;width:100%;box-shadow:0 8px 16px #0000004d;background-color:#fff;position:relative;overflow:hidden;transition:all .85s ease}.custom-card .card-header{padding:1rem;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 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: [{
|
|
@@ -26,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
26
26
|
}], label: [{
|
|
27
27
|
type: Input
|
|
28
28
|
}] } });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2luZG93cy1wbHVzLXV0aWxpdGllcy9jdXN0b20tY2FyZC9jb21wb25lbnRzL2N1c3RvbS1jYXJkL2N1c3RvbS1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dpbmRvd3MtcGx1cy11dGlsaXRpZXMvY3VzdG9tLWNhcmQvY29tcG9uZW50cy9jdXN0b20tY2FyZC9jdXN0b20tY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7O0FBT3pELE1BQU0sT0FBTyxtQkFBbUI7SUFpQi9COztPQUVHO0lBQ0YsZ0JBQWdCLENBQUM7SUFDbEI7O09BRUc7SUFDRixRQUFRO0lBQ1IsQ0FBQzs7aUhBekJVLG1CQUFtQjtxR0FBbkIsbUJBQW1CLDBJQ1BoQyw2U0FjTTs0RkRQTyxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsZ0JBQWdCOzBFQVFsQixFQUFFO3NCQUFWLEtBQUs7Z0JBSUcsTUFBTTtzQkFBZCxLQUFLO2dCQUlHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBSUcsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dwLWN1c3RvbS1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2N1c3RvbS1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY3VzdG9tLWNhcmQuY29tcG9uZW50LnNhc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDdXN0b21DYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblx0LyoqXG5cdCAqIEBkZXNjcmlwdGlvbiB0aGUgY2FyZHMgSFRNTCBlbGVtZW50IGlkZW50aWZpZXJcblx0ICovXG5cdEBJbnB1dCgpIGlkOiBzdHJpbmdcblx0LyoqXG5cdCAqIEBkZXNjcmlwdGlvbiB3aGV0aGVyIHRoZSBjYXJkIGlzIHRoZSBhY3RpdmUgY2FyZFxuXHQgKi9cblx0QElucHV0KCkgYWN0aXZlOiBib29sZWFuXG5cdC8qKlxuXHQgKiBAZGVzY3JpcHRpb24gdGhlIG1ldGhvZCB0byBiZSBydW4gd2hlbiB0aGUgY2FyZCBpcyBjbGlja2VkXG5cdCAqL1xuXHRASW5wdXQoKSBoYW5kbGVDbGljazogKC4uLmFyZ3M6IGFueVtdKSA9PiB2b2lkXG5cdC8qKlxuXHQgKiBAZGVzY3JpcHRpb24gdGhlIHZhbHVlIHRvIGJlIGRpc3BsYXllZCBpbiB0aGUgY2FyZFxuXHQgKi9cblx0QElucHV0KCkgbGFiZWw6IHN0cmluZ1xuXHQvKipcblx0ICogQGRlc2NyaXB0aW9uIGNsYXNzIGNvbnN0cnVjdG9yIHNwZWNpZnlpbmcgdGhlIHJlcXVpcmVkIHByb3BlcnRpZXMgYW5kIHNlcnZpY2VzXG5cdCAqL1xuICBjb25zdHJ1Y3RvcigpIHsgfVxuXHQvKipcblx0ICogQGRlc2NyaXB0aW9uIHRoZSBtZXRob2QgdG8gYmUgcnVuIHdoZW4gdGhlIGNvbXBvbmVudCBpcyBsb2FkZWRcblx0ICovXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG59XG4iLCI8ZGl2PlxuXHQ8ZGl2IFxuXHRcdFtpZF09XCJpZFwiXG5cdFx0Y2xhc3M9XCJjdXN0b20tY2FyZFwiXG5cdFx0W25nQ2xhc3NdPVwieydhY3RpdmUnOiBhY3RpdmV9XCJcblx0XHQoY2xpY2spPVwiaGFuZGxlQ2xpY2soaWQpXCJcblx0PlxuXHRcdDxkaXYgY2xhc3M9XCJvdmVybGF5XCI+PC9kaXY+XG5cdFx0PGRpdiBjbGFzcz1cImNhcmQtaGVhZGVyXCI+XG5cdFx0XHQ8ZGl2IGNsYXNzPVwiY2FyZC10aXRsZVwiPlxuXHRcdFx0XHR7e2xhYmVsfX1cblx0XHRcdDwvZGl2PlxuXHRcdDwvZGl2PlxuXHQ8L2Rpdj5cbjwvZGl2PiJdfQ==
|
|
@@ -15,10 +15,10 @@ class CustomCardComponent {
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
CustomCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CustomCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
CustomCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: CustomCardComponent, selector: "wp-custom-card", inputs: { id: "id", active: "active", handleClick: "handleClick", label: "label" }, ngImport: i0, template: "<div>\n\t<div \n\t\t[id]=\"id\"\n\t\tclass=\"custom-card\"\n\t\t[ngClass]=\"{'active': active}\"\n\t\t(click)=\"handleClick(id)\"\n\t>\n\t\t<div class=\"overlay\"></div>\n\t\t<div class=\"card-header\">\n\t\t\t<div class=\"card-title\">\n\t\t\t\t{{label}}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
18
|
+
CustomCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: CustomCardComponent, selector: "wp-custom-card", inputs: { id: "id", active: "active", handleClick: "handleClick", label: "label" }, ngImport: i0, template: "<div>\n\t<div \n\t\t[id]=\"id\"\n\t\tclass=\"custom-card\"\n\t\t[ngClass]=\"{'active': active}\"\n\t\t(click)=\"handleClick(id)\"\n\t>\n\t\t<div class=\"overlay\"></div>\n\t\t<div class=\"card-header\">\n\t\t\t<div class=\"card-title\">\n\t\t\t\t{{label}}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>", styles: [".custom-card{cursor:pointer;width:100%;box-shadow:0 8px 16px #0000004d;background-color:#fff;position:relative;overflow:hidden;transition:all .85s ease}.custom-card .card-header{padding:1rem;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 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: "14.2.12", ngImport: i0, type: CustomCardComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
|
-
args: [{ selector: 'wp-custom-card', template: "<div>\n\t<div \n\t\t[id]=\"id\"\n\t\tclass=\"custom-card\"\n\t\t[ngClass]=\"{'active': active}\"\n\t\t(click)=\"handleClick(id)\"\n\t>\n\t\t<div class=\"overlay\"></div>\n\t\t<div class=\"card-header\">\n\t\t\t<div class=\"card-title\">\n\t\t\t\t{{label}}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>" }]
|
|
21
|
+
args: [{ selector: 'wp-custom-card', template: "<div>\n\t<div \n\t\t[id]=\"id\"\n\t\tclass=\"custom-card\"\n\t\t[ngClass]=\"{'active': active}\"\n\t\t(click)=\"handleClick(id)\"\n\t>\n\t\t<div class=\"overlay\"></div>\n\t\t<div class=\"card-header\">\n\t\t\t<div class=\"card-title\">\n\t\t\t\t{{label}}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>", styles: [".custom-card{cursor:pointer;width:100%;box-shadow:0 8px 16px #0000004d;background-color:#fff;position:relative;overflow:hidden;transition:all .85s ease}.custom-card .card-header{padding:1rem;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 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';\n\n@Component({\n selector: 'wp-custom-card',\n templateUrl: './custom-card.component.html',\n styleUrls: ['./custom-card.component.
|
|
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';\n\n@Component({\n selector: 'wp-custom-card',\n templateUrl: './custom-card.component.html',\n styleUrls: ['./custom-card.component.sass']\n})\nexport class CustomCardComponent implements OnInit {\n\t/**\n\t * @description the cards HTML element identifier\n\t */\n\t@Input() id: string\n\t/**\n\t * @description whether the card is the active card\n\t */\n\t@Input() active: boolean\n\t/**\n\t * @description the method to be run when the card is clicked\n\t */\n\t@Input() handleClick: (...args: any[]) => void\n\t/**\n\t * @description the value to be displayed in the card\n\t */\n\t@Input() label: string\n\t/**\n\t * @description class constructor specifying the required properties and services\n\t */\n constructor() { }\n\t/**\n\t * @description the method to be run when the component is loaded\n\t */\n ngOnInit(): void {\n }\n}\n","<div>\n\t<div \n\t\t[id]=\"id\"\n\t\tclass=\"custom-card\"\n\t\t[ngClass]=\"{'active': active}\"\n\t\t(click)=\"handleClick(id)\"\n\t>\n\t\t<div class=\"overlay\"></div>\n\t\t<div class=\"card-header\">\n\t\t\t<div class=\"card-title\">\n\t\t\t\t{{label}}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CustomCardComponent } from './components/custom-card/custom-card.component';\n\n\n\n@NgModule({\n declarations: [\n CustomCardComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n CustomCardComponent\n ]\n})\nexport class CustomCardModule { }\n","/*\n * Public API Surface of windows-plus-utilities\n */\n\nexport * from './components/custom-card/custom-card.component';\nexport * from './util/interface/config/custom-card-config.interface';\nexport * from './custom-card.module';\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;;iHAzBU,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,SAAA,EAAA,IAAA,EAAA,mBAAmB,0ICPhC,6SAcM,EAAA,MAAA,EAAA,CAAA,i7BAAA,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;4FDPO,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,SAAS;+BACE,gBAAgB,EAAA,QAAA,EAAA,6SAAA,EAAA,MAAA,EAAA,CAAA,i7BAAA,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;;8GAAhB,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,SAAA,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,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YANzB,YAAY,CAAA,EAAA,CAAA,CAAA;4FAMH,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: "14.2.12", ngImport: i0, type: CustomCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
CustomCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: CustomCardComponent, selector: "wp-custom-card", inputs: { id: "id", active: "active", handleClick: "handleClick", label: "label" }, ngImport: i0, template: "<div>\n\t<div \n\t\t[id]=\"id\"\n\t\tclass=\"custom-card\"\n\t\t[ngClass]=\"{'active': active}\"\n\t\t(click)=\"handleClick(id)\"\n\t>\n\t\t<div class=\"overlay\"></div>\n\t\t<div class=\"card-header\">\n\t\t\t<div class=\"card-title\">\n\t\t\t\t{{label}}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
18
|
+
CustomCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: CustomCardComponent, selector: "wp-custom-card", inputs: { id: "id", active: "active", handleClick: "handleClick", label: "label" }, ngImport: i0, template: "<div>\n\t<div \n\t\t[id]=\"id\"\n\t\tclass=\"custom-card\"\n\t\t[ngClass]=\"{'active': active}\"\n\t\t(click)=\"handleClick(id)\"\n\t>\n\t\t<div class=\"overlay\"></div>\n\t\t<div class=\"card-header\">\n\t\t\t<div class=\"card-title\">\n\t\t\t\t{{label}}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>", styles: [".custom-card{cursor:pointer;width:100%;box-shadow:0 8px 16px #0000004d;background-color:#fff;position:relative;overflow:hidden;transition:all .85s ease}.custom-card .card-header{padding:1rem;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 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: "14.2.12", ngImport: i0, type: CustomCardComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
|
-
args: [{ selector: 'wp-custom-card', template: "<div>\n\t<div \n\t\t[id]=\"id\"\n\t\tclass=\"custom-card\"\n\t\t[ngClass]=\"{'active': active}\"\n\t\t(click)=\"handleClick(id)\"\n\t>\n\t\t<div class=\"overlay\"></div>\n\t\t<div class=\"card-header\">\n\t\t\t<div class=\"card-title\">\n\t\t\t\t{{label}}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>" }]
|
|
21
|
+
args: [{ selector: 'wp-custom-card', template: "<div>\n\t<div \n\t\t[id]=\"id\"\n\t\tclass=\"custom-card\"\n\t\t[ngClass]=\"{'active': active}\"\n\t\t(click)=\"handleClick(id)\"\n\t>\n\t\t<div class=\"overlay\"></div>\n\t\t<div class=\"card-header\">\n\t\t\t<div class=\"card-title\">\n\t\t\t\t{{label}}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>", styles: [".custom-card{cursor:pointer;width:100%;box-shadow:0 8px 16px #0000004d;background-color:#fff;position:relative;overflow:hidden;transition:all .85s ease}.custom-card .card-header{padding:1rem;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 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';\n\n@Component({\n selector: 'wp-custom-card',\n templateUrl: './custom-card.component.html',\n styleUrls: ['./custom-card.component.
|
|
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';\n\n@Component({\n selector: 'wp-custom-card',\n templateUrl: './custom-card.component.html',\n styleUrls: ['./custom-card.component.sass']\n})\nexport class CustomCardComponent implements OnInit {\n\t/**\n\t * @description the cards HTML element identifier\n\t */\n\t@Input() id: string\n\t/**\n\t * @description whether the card is the active card\n\t */\n\t@Input() active: boolean\n\t/**\n\t * @description the method to be run when the card is clicked\n\t */\n\t@Input() handleClick: (...args: any[]) => void\n\t/**\n\t * @description the value to be displayed in the card\n\t */\n\t@Input() label: string\n\t/**\n\t * @description class constructor specifying the required properties and services\n\t */\n constructor() { }\n\t/**\n\t * @description the method to be run when the component is loaded\n\t */\n ngOnInit(): void {\n }\n}\n","<div>\n\t<div \n\t\t[id]=\"id\"\n\t\tclass=\"custom-card\"\n\t\t[ngClass]=\"{'active': active}\"\n\t\t(click)=\"handleClick(id)\"\n\t>\n\t\t<div class=\"overlay\"></div>\n\t\t<div class=\"card-header\">\n\t\t\t<div class=\"card-title\">\n\t\t\t\t{{label}}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CustomCardComponent } from './components/custom-card/custom-card.component';\n\n\n\n@NgModule({\n declarations: [\n CustomCardComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n CustomCardComponent\n ]\n})\nexport class CustomCardModule { }\n","/*\n * Public API Surface of windows-plus-utilities\n */\n\nexport * from './components/custom-card/custom-card.component';\nexport * from './util/interface/config/custom-card-config.interface';\nexport * from './custom-card.module';\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;;iHAzBU,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,SAAA,EAAA,IAAA,EAAA,mBAAmB,0ICPhC,6SAcM,EAAA,MAAA,EAAA,CAAA,i7BAAA,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;4FDPO,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,SAAS;+BACE,gBAAgB,EAAA,QAAA,EAAA,6SAAA,EAAA,MAAA,EAAA,CAAA,i7BAAA,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;;8GAAhB,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,SAAA,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,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YANzB,YAAY,CAAA,EAAA,CAAA,CAAA;4FAMH,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;;;;"}
|
package/package.json
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "windows-plus-utilities",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.4",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^14.2.12",
|
|
6
|
-
"@angular/core": "^
|
|
6
|
+
"@angular/core": "^14.2.12",
|
|
7
|
+
"windows-plus-theme": "^1.0.7"
|
|
7
8
|
},
|
|
8
9
|
"dependencies": {
|
|
9
10
|
"tslib": "^2.3.0"
|