@kato-lee/components 1.1.2 → 1.1.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/assets/_grids.scss +1 -1
- package/esm2022/capsule/component.mjs +13 -13
- package/esm2022/pretty-box/component.mjs +3 -3
- package/fesm2022/kato-lee-components-capsule.mjs +12 -12
- package/fesm2022/kato-lee-components-capsule.mjs.map +1 -1
- package/fesm2022/kato-lee-components-pretty-box.mjs +2 -2
- package/fesm2022/kato-lee-components-pretty-box.mjs.map +1 -1
- package/package.json +12 -12
package/assets/_grids.scss
CHANGED
|
@@ -21,28 +21,28 @@ export class TakCapsuleComponent {
|
|
|
21
21
|
r++;
|
|
22
22
|
if (r >= 1 && r <= 12) {
|
|
23
23
|
if (counter === 0) {
|
|
24
|
-
onSides = `col-
|
|
25
|
-
principal = `col-
|
|
24
|
+
onSides = `col-bt-${(12 - r) / 2}`;
|
|
25
|
+
principal = `col-bt-${r}`;
|
|
26
26
|
}
|
|
27
27
|
if (counter === 1) {
|
|
28
|
-
onSides = `${onSides} col-
|
|
29
|
-
principal = `${principal} col-
|
|
28
|
+
onSides = `${onSides} col-bt-sm-${(12 - r) / 2}`;
|
|
29
|
+
principal = `${principal} col-bt-sm-${r}`;
|
|
30
30
|
}
|
|
31
31
|
if (counter === 2) {
|
|
32
|
-
onSides = `${onSides} col-
|
|
33
|
-
principal = `${principal} col-
|
|
32
|
+
onSides = `${onSides} col-bt-md-${(12 - r) / 2}`;
|
|
33
|
+
principal = `${principal} col-bt-md-${r}`;
|
|
34
34
|
}
|
|
35
35
|
if (counter === 3) {
|
|
36
|
-
onSides = `${onSides} col-
|
|
37
|
-
principal = `${principal} col-
|
|
36
|
+
onSides = `${onSides} col-bt-lg-${(12 - r) / 2}`;
|
|
37
|
+
principal = `${principal} col-bt-lg-${r}`;
|
|
38
38
|
}
|
|
39
39
|
if (counter === 4) {
|
|
40
|
-
onSides = `${onSides} col-
|
|
41
|
-
principal = `${principal} col-
|
|
40
|
+
onSides = `${onSides} col-bt-xl-${(12 - r) / 2}`;
|
|
41
|
+
principal = `${principal} col-bt-xl-${r}`;
|
|
42
42
|
}
|
|
43
43
|
if (counter === 5) {
|
|
44
|
-
onSides = `${onSides} col-
|
|
45
|
-
principal = `${principal} col-
|
|
44
|
+
onSides = `${onSides} col-bt-xxl-${(12 - r) / 2}`;
|
|
45
|
+
principal = `${principal} col-bt-xxl-${r}`;
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
counter++;
|
|
@@ -75,4 +75,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
|
|
|
75
75
|
}], grids: [{
|
|
76
76
|
type: Input
|
|
77
77
|
}] } });
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvbXBvbmVudHMvY2Fwc3VsZS9jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9saWJyYXJpZXMvY29tcG9uZW50cy9jYXBzdWxlL2NvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVVwRSxNQUFNLE9BQU8sbUJBQW1CO0lBTmhDO1FBVVUsa0JBQWEsR0FBRyxFQUFFLENBQUM7UUFDbkIsbUJBQWMsR0FBRyxFQUFFLENBQUM7UUFnQnBCLDRCQUF1QixHQUFHLENBQUMsS0FBZ0IsRUFBRSxjQUFrQyxFQUFFLEVBQUU7WUFDekYsSUFBSSxPQUFPLEdBQUcsRUFBRSxFQUNkLFNBQVMsR0FBRyxFQUFFLEVBQ2QsT0FBTyxHQUFHLENBQUMsRUFDWCxlQUFlLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUV4QixJQUFJLGNBQWMsRUFBRTtnQkFDbEIsSUFBSSxjQUFjLEtBQUssT0FBTztvQkFBRSxlQUFlLEdBQUcsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7Z0JBQ3BFLElBQUksY0FBYyxLQUFLLFFBQVE7b0JBQUUsZUFBZSxHQUFHLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO2dCQUNyRSxJQUFJLGNBQWMsS0FBSyxLQUFLO29CQUFFLGVBQWUsR0FBRyxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7YUFDeEU7O2dCQUFNLGVBQWUsR0FBRyxLQUFLLElBQUksQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1lBRXhELGVBQWUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUU7Z0JBQ3RCLElBQUksQ0FBQyxHQUFHLENBQUM7b0JBQUUsQ0FBQyxFQUFFLENBQUM7Z0JBRWYsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUU7b0JBQ3JCLElBQUksT0FBTyxLQUFLLENBQUMsRUFBRTt3QkFDakIsT0FBTyxHQUFHLFVBQVUsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUM7d0JBQ25DLFNBQVMsR0FBRyxVQUFVLENBQUMsRUFBRSxDQUFDO3FCQUMzQjtvQkFDRCxJQUFJLE9BQU8sS0FBSyxDQUFDLEVBQUU7d0JBQ2pCLE9BQU8sR0FBRyxHQUFHLE9BQU8sY0FBYyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQzt3QkFDakQsU0FBUyxHQUFHLEdBQUcsU0FBUyxjQUFjLENBQUMsRUFBRSxDQUFDO3FCQUMzQztvQkFDRCxJQUFJLE9BQU8sS0FBSyxDQUFDLEVBQUU7d0JBQ2pCLE9BQU8sR0FBRyxHQUFHLE9BQU8sY0FBYyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQzt3QkFDakQsU0FBUyxHQUFHLEdBQUcsU0FBUyxjQUFjLENBQUMsRUFBRSxDQUFDO3FCQUMzQztvQkFDRCxJQUFJLE9BQU8sS0FBSyxDQUFDLEVBQUU7d0JBQ2pCLE9BQU8sR0FBRyxHQUFHLE9BQU8sY0FBYyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQzt3QkFDakQsU0FBUyxHQUFHLEdBQUcsU0FBUyxjQUFjLENBQUMsRUFBRSxDQUFDO3FCQUMzQztvQkFDRCxJQUFJLE9BQU8sS0FBSyxDQUFDLEVBQUU7d0JBQ2pCLE9BQU8sR0FBRyxHQUFHLE9BQU8sY0FBYyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQzt3QkFDakQsU0FBUyxHQUFHLEdBQUcsU0FBUyxjQUFjLENBQUMsRUFBRSxDQUFDO3FCQUMzQztvQkFDRCxJQUFJLE9BQU8sS0FBSyxDQUFDLEVBQUU7d0JBQ2pCLE9BQU8sR0FBRyxHQUFHLE9BQU8sZUFBZSxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQzt3QkFDbEQsU0FBUyxHQUFHLEdBQUcsU0FBUyxlQUFlLENBQUMsRUFBRSxDQUFDO3FCQUM1QztpQkFDRjtnQkFDRCxPQUFPLEVBQUUsQ0FBQztZQUNaLENBQUMsQ0FBQyxDQUFDO1lBRUgsT0FBTztnQkFDTCxPQUFPO2dCQUNQLFNBQVM7YUFDVixDQUFDO1FBQ0osQ0FBQyxDQUFDO0tBQ0g7SUEvRFEsUUFBUTtRQUNiLE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUNyRixJQUFJLENBQUMsYUFBYSxHQUFHLGNBQWMsQ0FBQyxPQUFPLENBQUM7UUFDNUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxjQUFjLENBQUMsU0FBUyxDQUFDO0lBQ2pELENBQUM7SUFFRCxJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDNUIsQ0FBQztJQUVELElBQUksYUFBYTtRQUNmLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUM3QixDQUFDOzhHQW5CVSxtQkFBbUI7a0dBQW5CLG1CQUFtQixxSUNWaEMsOFBBU0E7OzJGRENhLG1CQUFtQjtrQkFOL0IsU0FBUztpQ0FDSSxJQUFJLFlBQ04sYUFBYSxpQkFFUixpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixjQUFjO3NCQUF0QixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5leHBvcnQgdHlwZSBUYWtQcmVkZWZpbmVkR3JpZCA9ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdiaWcnIHwgdW5kZWZpbmVkO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBzZWxlY3RvcjogJ3Rhay1jYXBzdWxlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29tcG9uZW50Lmh0bWwnLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUYWtDYXBzdWxlQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBwcmVkZWZpbmVkR3JpZDogVGFrUHJlZGVmaW5lZEdyaWQ7XHJcbiAgQElucHV0KCkgZ3JpZHMhOiBudW1iZXJbXTtcclxuXHJcbiAgcHJpdmF0ZSBfZ3JpZHNPblNpZGVzID0gJyc7XHJcbiAgcHJpdmF0ZSBfZ3JpZFByaW5jaXBhbCA9ICcnO1xyXG5cclxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBjb25zdCBncmlkc0dlbmVyYXRlZCA9IHRoaXMuX2dlbmVyYXRlR3JpZHNGcm9tQXJyYXkodGhpcy5ncmlkcywgdGhpcy5wcmVkZWZpbmVkR3JpZCk7XHJcbiAgICB0aGlzLl9ncmlkc09uU2lkZXMgPSBncmlkc0dlbmVyYXRlZC5vblNpZGVzO1xyXG4gICAgdGhpcy5fZ3JpZFByaW5jaXBhbCA9IGdyaWRzR2VuZXJhdGVkLnByaW5jaXBhbDtcclxuICB9XHJcblxyXG4gIGdldCBncmlkc09uU2lkZXMoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5fZ3JpZHNPblNpZGVzO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGdyaWRQcmluY2lwYWwoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5fZ3JpZFByaW5jaXBhbDtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgX2dlbmVyYXRlR3JpZHNGcm9tQXJyYXkgPSAoZ3JpZHM/OiBudW1iZXJbXSwgcHJlZGVmaW5lZEdyaWQ/OiBUYWtQcmVkZWZpbmVkR3JpZCkgPT4ge1xyXG4gICAgbGV0IG9uU2lkZXMgPSAnJyxcclxuICAgICAgcHJpbmNpcGFsID0gJycsXHJcbiAgICAgIGNvdW50ZXIgPSAwLFxyXG4gICAgICBjdXN0b21pemVkR3JpZHMgPSBbMF07XHJcblxyXG4gICAgaWYgKHByZWRlZmluZWRHcmlkKSB7XHJcbiAgICAgIGlmIChwcmVkZWZpbmVkR3JpZCA9PT0gJ3NtYWxsJykgY3VzdG9taXplZEdyaWRzID0gWzEyLCAxMCwgOCwgNiwgNF07XHJcbiAgICAgIGlmIChwcmVkZWZpbmVkR3JpZCA9PT0gJ21lZGl1bScpIGN1c3RvbWl6ZWRHcmlkcyA9IFsxMiwgMTAsIDgsIDYsIDRdO1xyXG4gICAgICBpZiAocHJlZGVmaW5lZEdyaWQgPT09ICdiaWcnKSBjdXN0b21pemVkR3JpZHMgPSBbMTIsIDEyLCAxMCwgMTAsIDgsIDZdO1xyXG4gICAgfSBlbHNlIGN1c3RvbWl6ZWRHcmlkcyA9IGdyaWRzIHx8IFsxMiwgMTIsIDEwLCA4LCA2LCA0XTtcclxuXHJcbiAgICBjdXN0b21pemVkR3JpZHMubWFwKHIgPT4ge1xyXG4gICAgICBpZiAociAlIDIpIHIrKztcclxuXHJcbiAgICAgIGlmIChyID49IDEgJiYgciA8PSAxMikge1xyXG4gICAgICAgIGlmIChjb3VudGVyID09PSAwKSB7XHJcbiAgICAgICAgICBvblNpZGVzID0gYGNvbC1idC0keygxMiAtIHIpIC8gMn1gO1xyXG4gICAgICAgICAgcHJpbmNpcGFsID0gYGNvbC1idC0ke3J9YDtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKGNvdW50ZXIgPT09IDEpIHtcclxuICAgICAgICAgIG9uU2lkZXMgPSBgJHtvblNpZGVzfSBjb2wtYnQtc20tJHsoMTIgLSByKSAvIDJ9YDtcclxuICAgICAgICAgIHByaW5jaXBhbCA9IGAke3ByaW5jaXBhbH0gY29sLWJ0LXNtLSR7cn1gO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAoY291bnRlciA9PT0gMikge1xyXG4gICAgICAgICAgb25TaWRlcyA9IGAke29uU2lkZXN9IGNvbC1idC1tZC0keygxMiAtIHIpIC8gMn1gO1xyXG4gICAgICAgICAgcHJpbmNpcGFsID0gYCR7cHJpbmNpcGFsfSBjb2wtYnQtbWQtJHtyfWA7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGlmIChjb3VudGVyID09PSAzKSB7XHJcbiAgICAgICAgICBvblNpZGVzID0gYCR7b25TaWRlc30gY29sLWJ0LWxnLSR7KDEyIC0gcikgLyAyfWA7XHJcbiAgICAgICAgICBwcmluY2lwYWwgPSBgJHtwcmluY2lwYWx9IGNvbC1idC1sZy0ke3J9YDtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKGNvdW50ZXIgPT09IDQpIHtcclxuICAgICAgICAgIG9uU2lkZXMgPSBgJHtvblNpZGVzfSBjb2wtYnQteGwtJHsoMTIgLSByKSAvIDJ9YDtcclxuICAgICAgICAgIHByaW5jaXBhbCA9IGAke3ByaW5jaXBhbH0gY29sLWJ0LXhsLSR7cn1gO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAoY291bnRlciA9PT0gNSkge1xyXG4gICAgICAgICAgb25TaWRlcyA9IGAke29uU2lkZXN9IGNvbC1idC14eGwtJHsoMTIgLSByKSAvIDJ9YDtcclxuICAgICAgICAgIHByaW5jaXBhbCA9IGAke3ByaW5jaXBhbH0gY29sLWJ0LXh4bC0ke3J9YDtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgICAgY291bnRlcisrO1xyXG4gICAgfSk7XHJcblxyXG4gICAgcmV0dXJuIHtcclxuICAgICAgb25TaWRlcyxcclxuICAgICAgcHJpbmNpcGFsLFxyXG4gICAgfTtcclxuICB9O1xyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cclxuICA8ZGl2IGNsYXNzPVwicm93IG5vLXBhZGRpbmdcIj5cclxuICAgIDxkaXYgW2NsYXNzXT1cImdyaWRzT25TaWRlc1wiPjwvZGl2PlxyXG4gICAgPGRpdiBbY2xhc3NdPVwiZ3JpZFByaW5jaXBhbFwiPlxyXG4gICAgICA8bmctY29udGVudCAvPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IFtjbGFzc109XCJncmlkc09uU2lkZXNcIj48L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -68,11 +68,11 @@ export class TakPrettyBoxComponent {
|
|
|
68
68
|
return this._hasFooter;
|
|
69
69
|
}
|
|
70
70
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakPrettyBoxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
71
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: TakPrettyBoxComponent, isStandalone: true, selector: "tak-pretty-box", inputs: { calcHeight: "calcHeight", headerHeightPx: "headerHeightPx", footerHeightPx: "footerHeightPx", encapsulated: "encapsulated" }, viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "footer", first: true, predicate: ["footer"], descendants: true }, { propertyName: "scroll", first: true, predicate: ["scroll"], descendants: true }], ngImport: i0, template: "<div class=\"{{ encapsulated ? 'container' : '' }}\">\r\n <div [class]=\"encapsulated ? 'row' : ''\">\r\n <div\r\n [class]=\"encapsulated ? 'col-
|
|
71
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: TakPrettyBoxComponent, isStandalone: true, selector: "tak-pretty-box", inputs: { calcHeight: "calcHeight", headerHeightPx: "headerHeightPx", footerHeightPx: "footerHeightPx", encapsulated: "encapsulated" }, viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "footer", first: true, predicate: ["footer"], descendants: true }, { propertyName: "scroll", first: true, predicate: ["scroll"], descendants: true }], ngImport: i0, template: "<div class=\"{{ encapsulated ? 'container' : '' }}\">\r\n <div [class]=\"encapsulated ? 'row' : ''\">\r\n <div\r\n [class]=\"encapsulated ? 'col-bt-12 col-bt-md-8 col-bt-lg-6 col-bt-xxl-4' : ''\"\r\n [style]=\"encapsulated ? 'margin: auto' : ''\"\r\n >\r\n <div class=\"tak-pretty-box--container\">\r\n <div\r\n #header\r\n [hidden]=\"!hasHeader\"\r\n class=\"tak-pretty-box--header\"\r\n [style]=\"headerHeightPx ? 'height:' + headerHeightPx + 'px' : ''\"\r\n >\r\n <ng-content select=\"[tak-pretty-box-header]\"></ng-content>\r\n </div>\r\n\r\n <div class=\"tak-pretty-box--scroll\" #scroll [style]=\"'height: ' + minHeightFt\">\r\n <ng-content select=\"[tak-pretty-box-content]\"></ng-content>\r\n </div>\r\n\r\n <div\r\n #footer\r\n [hidden]=\"!hasFooter\"\r\n class=\"tak-pretty-box--footer\"\r\n [style]=\"footerHeightPx ? 'height:' + footerHeightPx + 'px' : ''\"\r\n >\r\n <ng-content select=\"[tak-pretty-box-footer]\"></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
72
72
|
}
|
|
73
73
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakPrettyBoxComponent, decorators: [{
|
|
74
74
|
type: Component,
|
|
75
|
-
args: [{ standalone: true, selector: 'tak-pretty-box', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"{{ encapsulated ? 'container' : '' }}\">\r\n <div [class]=\"encapsulated ? 'row' : ''\">\r\n <div\r\n [class]=\"encapsulated ? 'col-
|
|
75
|
+
args: [{ standalone: true, selector: 'tak-pretty-box', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"{{ encapsulated ? 'container' : '' }}\">\r\n <div [class]=\"encapsulated ? 'row' : ''\">\r\n <div\r\n [class]=\"encapsulated ? 'col-bt-12 col-bt-md-8 col-bt-lg-6 col-bt-xxl-4' : ''\"\r\n [style]=\"encapsulated ? 'margin: auto' : ''\"\r\n >\r\n <div class=\"tak-pretty-box--container\">\r\n <div\r\n #header\r\n [hidden]=\"!hasHeader\"\r\n class=\"tak-pretty-box--header\"\r\n [style]=\"headerHeightPx ? 'height:' + headerHeightPx + 'px' : ''\"\r\n >\r\n <ng-content select=\"[tak-pretty-box-header]\"></ng-content>\r\n </div>\r\n\r\n <div class=\"tak-pretty-box--scroll\" #scroll [style]=\"'height: ' + minHeightFt\">\r\n <ng-content select=\"[tak-pretty-box-content]\"></ng-content>\r\n </div>\r\n\r\n <div\r\n #footer\r\n [hidden]=\"!hasFooter\"\r\n class=\"tak-pretty-box--footer\"\r\n [style]=\"footerHeightPx ? 'height:' + footerHeightPx + 'px' : ''\"\r\n >\r\n <ng-content select=\"[tak-pretty-box-footer]\"></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n" }]
|
|
76
76
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { header: [{
|
|
77
77
|
type: ViewChild,
|
|
78
78
|
args: ['header']
|
|
@@ -91,4 +91,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
|
|
|
91
91
|
}], encapsulated: [{
|
|
92
92
|
type: Input
|
|
93
93
|
}] } });
|
|
94
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvbXBvbmVudHMvcHJldHR5LWJveC9jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9saWJyYXJpZXMvY29tcG9uZW50cy9wcmV0dHktYm94L2NvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUVULEtBQUssRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOztBQVN2QixNQUFNLE9BQU8scUJBQXFCO0lBY2hDLFlBQW9CLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBVGpDLGVBQVUsR0FBb0IsRUFBRSxDQUFDO1FBQ2pDLG1CQUFjLEdBQVcsQ0FBQyxDQUFDO1FBQzNCLG1CQUFjLEdBQVcsQ0FBQyxDQUFDO1FBQzNCLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBRXJCLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQix5QkFBb0IsR0FBRyxDQUFDLENBQUM7SUFFWSxDQUFDO0lBRXZDLGVBQWU7UUFDcEIsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNqQixDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFDUixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ2pCLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFTSxTQUFTO1FBQ2QsSUFBSSxJQUFJLENBQUMsTUFBTTtZQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFTyxPQUFPO1FBQ2IsTUFBTSxN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Q0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBBZnRlclZpZXdJbml0LFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIElucHV0LFxyXG4gIFZpZXdDaGlsZCxcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgc2VsZWN0b3I6ICd0YWstcHJldHR5LWJveCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbXBvbmVudC5odG1sJyxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGFrUHJldHR5Qm94Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XHJcbiAgQFZpZXdDaGlsZCgnaGVhZGVyJykgaGVhZGVyITogRWxlbWVudFJlZjtcclxuICBAVmlld0NoaWxkKCdmb290ZXInKSBmb290ZXIhOiBFbGVtZW50UmVmO1xyXG4gIEBWaWV3Q2hpbGQoJ3Njcm9sbCcpIHNjcm9sbCE6IEVsZW1lbnRSZWY7XHJcblxyXG4gIEBJbnB1dCgpIGNhbGNIZWlnaHQ6IHN0cmluZyB8IG51bWJlciA9IDk0O1xyXG4gIEBJbnB1dCgpIGhlYWRlckhlaWdodFB4OiBudW1iZXIgPSAwO1xyXG4gIEBJbnB1dCgpIGZvb3RlckhlaWdodFB4OiBudW1iZXIgPSAwO1xyXG4gIEBJbnB1dCgpIGVuY2Fwc3VsYXRlZCA9IHRydWU7XHJcblxyXG4gIHByaXZhdGUgX2hhc0hlYWRlciA9IGZhbHNlO1xyXG4gIHByaXZhdGUgX2hhc0Zvb3RlciA9IGZhbHNlO1xyXG4gIHByaXZhdGUgX3N1YnN0cmFjdEZyb21IZWlnaHQgPSAwO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9jZDogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XHJcblxyXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgdGhpcy5fY29uZmlnKCk7XHJcbiAgICB9LCAxMDApO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRoaXMuX2NvbmZpZygpO1xyXG4gICAgfSwgMjAwMCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgc2Nyb2xsVG9wKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuc2Nyb2xsKSB0aGlzLnNjcm9sbC5uYXRpdmVFbGVtZW50LnNjcm9sbFRvKHsgdG9wOiAwIH0pO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfY29uZmlnKCk6IHZvaWQge1xyXG4gICAgY29uc3QgaGVhZGVyID0gdGhpcy5oZWFkZXIubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKCdbdGFrLXByZXR0eS1ib3gtaGVhZGVyXScpO1xyXG4gICAgY29uc3QgZm9vdGVyID0gdGhpcy5mb290ZXIubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKCdbdGFrLXByZXR0eS1ib3gtZm9vdGVyXScpO1xyXG5cclxuICAgIHRoaXMuX2hhc0hlYWRlciA9IGhlYWRlciA/IHRydWUgOiBmYWxzZTtcclxuICAgIHRoaXMuX2hhc0Zvb3RlciA9IGZvb3RlciA/IHRydWUgOiBmYWxzZTtcclxuXHJcbiAgICBpZiAodHlwZW9mIHRoaXMuY2FsY0hlaWdodCA9PT0gJ251bWJlcicpIHtcclxuICAgICAgY29uc3QgcmVmcmVzaEludGVydmFsID0gc2V0SW50ZXJ2YWwoKCkgPT4ge1xyXG4gICAgICAgIGlmICh0aGlzLl9zdWJzdHJhY3RGcm9tSGVpZ2h0ID09PSAwKSB7XHJcbiAgICAgICAgICBjb25zdCBoZWFkZXJIZWlnaHQgPSB0aGlzLl9oYXNIZWFkZXJcclxuICAgICAgICAgICAgPyAhdGhpcy5oZWFkZXJIZWlnaHRQeFxyXG4gICAgICAgICAgICAgID8gdGhpcy5oZWFkZXIubmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHRcclxuICAgICAgICAgICAgICA6IHRoaXMuaGVhZGVySGVpZ2h0UHhcclxuICAgICAgICAgICAgOiAwO1xyXG5cclxuICAgICAgICAgIGNvbnN0IGZvb3RlckhlaWdodCA9IHRoaXMuX2hhc0Zvb3RlclxyXG4gICAgICAgICAgICA/ICF0aGlzLmZvb3RlckhlaWdodFB4XHJcbiAgICAgICAgICAgICAgPyB0aGlzLmZvb3Rlci5uYXRpdmVFbGVtZW50Lm9mZnNldEhlaWdodFxyXG4gICAgICAgICAgICAgIDogdGhpcy5mb290ZXJIZWlnaHRQeFxyXG4gICAgICAgICAgICA6IDA7XHJcblxyXG4gICAgICAgICAgdGhpcy5fc3Vic3RyYWN0RnJvbUhlaWdodCA9ICt0aGlzLmNhbGNIZWlnaHQgKyBoZWFkZXJIZWlnaHQgKyBmb290ZXJIZWlnaHQ7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgIGNsZWFySW50ZXJ2YWwocmVmcmVzaEludGVydmFsKTtcclxuICAgICAgICAgIHRoaXMuX2NkLm1hcmtGb3JDaGVjaygpO1xyXG4gICAgICAgIH1cclxuICAgICAgfSwgMTApO1xyXG4gICAgfVxyXG5cclxuICAgIGlmICghdGhpcy5faGFzSGVhZGVyKSB0aGlzLnNjcm9sbC5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ3Rhay1wcmV0dHktYm94LWJvcmRlci10b3AnKTtcclxuICAgIGlmICghdGhpcy5faGFzRm9vdGVyKSB0aGlzLnNjcm9sbC5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ3Rhay1wcmV0dHktYm94LWJvcmRlci1ib3R0b20nKTtcclxuXHJcbiAgICB0aGlzLl9jZC5tYXJrRm9yQ2hlY2soKTtcclxuICB9XHJcblxyXG4gIGdldCBtaW5IZWlnaHRGdCgpOiBzdHJpbmcge1xyXG4gICAgaWYgKHR5cGVvZiB0aGlzLmNhbGNIZWlnaHQgPT09ICdudW1iZXInKSByZXR1cm4gYGNhbGMoMTAwdmggLSAke3RoaXMuX3N1YnN0cmFjdEZyb21IZWlnaHR9cHgpYDtcclxuICAgIGVsc2UgcmV0dXJuIHRoaXMuY2FsY0hlaWdodDtcclxuICB9XHJcblxyXG4gIGdldCBoYXNIZWFkZXIoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5faGFzSGVhZGVyO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGhhc0Zvb3RlcigpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLl9oYXNGb290ZXI7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ7eyBlbmNhcHN1bGF0ZWQgPyAnY29udGFpbmVyJyA6ICcnIH19XCI+XHJcbiAgPGRpdiBbY2xhc3NdPVwiZW5jYXBzdWxhdGVkID8gJ3JvdycgOiAnJ1wiPlxyXG4gICAgPGRpdlxyXG4gICAgICBbY2xhc3NdPVwiZW5jYXBzdWxhdGVkID8gJ2NvbC1idC0xMiBjb2wtYnQtbWQtOCBjb2wtYnQtbGctNiBjb2wtYnQteHhsLTQnIDogJydcIlxyXG4gICAgICBbc3R5bGVdPVwiZW5jYXBzdWxhdGVkID8gJ21hcmdpbjogYXV0bycgOiAnJ1wiXHJcbiAgICA+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ0YWstcHJldHR5LWJveC0tY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGRpdlxyXG4gICAgICAgICAgI2hlYWRlclxyXG4gICAgICAgICAgW2hpZGRlbl09XCIhaGFzSGVhZGVyXCJcclxuICAgICAgICAgIGNsYXNzPVwidGFrLXByZXR0eS1ib3gtLWhlYWRlclwiXHJcbiAgICAgICAgICBbc3R5bGVdPVwiaGVhZGVySGVpZ2h0UHggPyAnaGVpZ2h0OicgKyBoZWFkZXJIZWlnaHRQeCArICdweCcgOiAnJ1wiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3Rhay1wcmV0dHktYm94LWhlYWRlcl1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0YWstcHJldHR5LWJveC0tc2Nyb2xsXCIgI3Njcm9sbCBbc3R5bGVdPVwiJ2hlaWdodDogJyArIG1pbkhlaWdodEZ0XCI+XHJcbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdGFrLXByZXR0eS1ib3gtY29udGVudF1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxkaXZcclxuICAgICAgICAgICNmb290ZXJcclxuICAgICAgICAgIFtoaWRkZW5dPVwiIWhhc0Zvb3RlclwiXHJcbiAgICAgICAgICBjbGFzcz1cInRhay1wcmV0dHktYm94LS1mb290ZXJcIlxyXG4gICAgICAgICAgW3N0eWxlXT1cImZvb3RlckhlaWdodFB4ID8gJ2hlaWdodDonICsgZm9vdGVySGVpZ2h0UHggKyAncHgnIDogJydcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlt0YWstcHJldHR5LWJveC1mb290ZXJdXCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -22,28 +22,28 @@ class TakCapsuleComponent {
|
|
|
22
22
|
r++;
|
|
23
23
|
if (r >= 1 && r <= 12) {
|
|
24
24
|
if (counter === 0) {
|
|
25
|
-
onSides = `col-
|
|
26
|
-
principal = `col-
|
|
25
|
+
onSides = `col-bt-${(12 - r) / 2}`;
|
|
26
|
+
principal = `col-bt-${r}`;
|
|
27
27
|
}
|
|
28
28
|
if (counter === 1) {
|
|
29
|
-
onSides = `${onSides} col-
|
|
30
|
-
principal = `${principal} col-
|
|
29
|
+
onSides = `${onSides} col-bt-sm-${(12 - r) / 2}`;
|
|
30
|
+
principal = `${principal} col-bt-sm-${r}`;
|
|
31
31
|
}
|
|
32
32
|
if (counter === 2) {
|
|
33
|
-
onSides = `${onSides} col-
|
|
34
|
-
principal = `${principal} col-
|
|
33
|
+
onSides = `${onSides} col-bt-md-${(12 - r) / 2}`;
|
|
34
|
+
principal = `${principal} col-bt-md-${r}`;
|
|
35
35
|
}
|
|
36
36
|
if (counter === 3) {
|
|
37
|
-
onSides = `${onSides} col-
|
|
38
|
-
principal = `${principal} col-
|
|
37
|
+
onSides = `${onSides} col-bt-lg-${(12 - r) / 2}`;
|
|
38
|
+
principal = `${principal} col-bt-lg-${r}`;
|
|
39
39
|
}
|
|
40
40
|
if (counter === 4) {
|
|
41
|
-
onSides = `${onSides} col-
|
|
42
|
-
principal = `${principal} col-
|
|
41
|
+
onSides = `${onSides} col-bt-xl-${(12 - r) / 2}`;
|
|
42
|
+
principal = `${principal} col-bt-xl-${r}`;
|
|
43
43
|
}
|
|
44
44
|
if (counter === 5) {
|
|
45
|
-
onSides = `${onSides} col-
|
|
46
|
-
principal = `${principal} col-
|
|
45
|
+
onSides = `${onSides} col-bt-xxl-${(12 - r) / 2}`;
|
|
46
|
+
principal = `${principal} col-bt-xxl-${r}`;
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
counter++;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kato-lee-components-capsule.mjs","sources":["../../../libraries/components/capsule/component.ts","../../../libraries/components/capsule/component.html","../../../libraries/components/capsule/module.ts","../../../libraries/components/capsule/index.ts","../../../libraries/components/capsule/kato-lee-components-capsule.ts"],"sourcesContent":["import { Component, Input, ViewEncapsulation } from '@angular/core';\r\n\r\nexport type TakPredefinedGrid = 'small' | 'medium' | 'big' | undefined;\r\n\r\n@Component({\r\n standalone: true,\r\n selector: 'tak-capsule',\r\n templateUrl: './component.html',\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class TakCapsuleComponent {\r\n @Input() predefinedGrid: TakPredefinedGrid;\r\n @Input() grids!: number[];\r\n\r\n private _gridsOnSides = '';\r\n private _gridPrincipal = '';\r\n\r\n public ngOnInit(): void {\r\n const gridsGenerated = this._generateGridsFromArray(this.grids, this.predefinedGrid);\r\n this._gridsOnSides = gridsGenerated.onSides;\r\n this._gridPrincipal = gridsGenerated.principal;\r\n }\r\n\r\n get gridsOnSides() {\r\n return this._gridsOnSides;\r\n }\r\n\r\n get gridPrincipal() {\r\n return this._gridPrincipal;\r\n }\r\n\r\n private _generateGridsFromArray = (grids?: number[], predefinedGrid?: TakPredefinedGrid) => {\r\n let onSides = '',\r\n principal = '',\r\n counter = 0,\r\n customizedGrids = [0];\r\n\r\n if (predefinedGrid) {\r\n if (predefinedGrid === 'small') customizedGrids = [12, 10, 8, 6, 4];\r\n if (predefinedGrid === 'medium') customizedGrids = [12, 10, 8, 6, 4];\r\n if (predefinedGrid === 'big') customizedGrids = [12, 12, 10, 10, 8, 6];\r\n } else customizedGrids = grids || [12, 12, 10, 8, 6, 4];\r\n\r\n customizedGrids.map(r => {\r\n if (r % 2) r++;\r\n\r\n if (r >= 1 && r <= 12) {\r\n if (counter === 0) {\r\n onSides = `col-
|
|
1
|
+
{"version":3,"file":"kato-lee-components-capsule.mjs","sources":["../../../libraries/components/capsule/component.ts","../../../libraries/components/capsule/component.html","../../../libraries/components/capsule/module.ts","../../../libraries/components/capsule/index.ts","../../../libraries/components/capsule/kato-lee-components-capsule.ts"],"sourcesContent":["import { Component, Input, ViewEncapsulation } from '@angular/core';\r\n\r\nexport type TakPredefinedGrid = 'small' | 'medium' | 'big' | undefined;\r\n\r\n@Component({\r\n standalone: true,\r\n selector: 'tak-capsule',\r\n templateUrl: './component.html',\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class TakCapsuleComponent {\r\n @Input() predefinedGrid: TakPredefinedGrid;\r\n @Input() grids!: number[];\r\n\r\n private _gridsOnSides = '';\r\n private _gridPrincipal = '';\r\n\r\n public ngOnInit(): void {\r\n const gridsGenerated = this._generateGridsFromArray(this.grids, this.predefinedGrid);\r\n this._gridsOnSides = gridsGenerated.onSides;\r\n this._gridPrincipal = gridsGenerated.principal;\r\n }\r\n\r\n get gridsOnSides() {\r\n return this._gridsOnSides;\r\n }\r\n\r\n get gridPrincipal() {\r\n return this._gridPrincipal;\r\n }\r\n\r\n private _generateGridsFromArray = (grids?: number[], predefinedGrid?: TakPredefinedGrid) => {\r\n let onSides = '',\r\n principal = '',\r\n counter = 0,\r\n customizedGrids = [0];\r\n\r\n if (predefinedGrid) {\r\n if (predefinedGrid === 'small') customizedGrids = [12, 10, 8, 6, 4];\r\n if (predefinedGrid === 'medium') customizedGrids = [12, 10, 8, 6, 4];\r\n if (predefinedGrid === 'big') customizedGrids = [12, 12, 10, 10, 8, 6];\r\n } else customizedGrids = grids || [12, 12, 10, 8, 6, 4];\r\n\r\n customizedGrids.map(r => {\r\n if (r % 2) r++;\r\n\r\n if (r >= 1 && r <= 12) {\r\n if (counter === 0) {\r\n onSides = `col-bt-${(12 - r) / 2}`;\r\n principal = `col-bt-${r}`;\r\n }\r\n if (counter === 1) {\r\n onSides = `${onSides} col-bt-sm-${(12 - r) / 2}`;\r\n principal = `${principal} col-bt-sm-${r}`;\r\n }\r\n if (counter === 2) {\r\n onSides = `${onSides} col-bt-md-${(12 - r) / 2}`;\r\n principal = `${principal} col-bt-md-${r}`;\r\n }\r\n if (counter === 3) {\r\n onSides = `${onSides} col-bt-lg-${(12 - r) / 2}`;\r\n principal = `${principal} col-bt-lg-${r}`;\r\n }\r\n if (counter === 4) {\r\n onSides = `${onSides} col-bt-xl-${(12 - r) / 2}`;\r\n principal = `${principal} col-bt-xl-${r}`;\r\n }\r\n if (counter === 5) {\r\n onSides = `${onSides} col-bt-xxl-${(12 - r) / 2}`;\r\n principal = `${principal} col-bt-xxl-${r}`;\r\n }\r\n }\r\n counter++;\r\n });\r\n\r\n return {\r\n onSides,\r\n principal,\r\n };\r\n };\r\n}\r\n","<div class=\"container\">\r\n <div class=\"row no-padding\">\r\n <div [class]=\"gridsOnSides\"></div>\r\n <div [class]=\"gridPrincipal\">\r\n <ng-content />\r\n </div>\r\n <div [class]=\"gridsOnSides\"></div>\r\n </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { TakCapsuleComponent } from './component';\r\n\r\n/** @deprecated Use standalone */\r\n@NgModule({\r\n imports: [TakCapsuleComponent],\r\n exports: [TakCapsuleComponent],\r\n})\r\nexport class TakCapsuleModule {}\r\n","/*\r\n * Public API Surface of @kato-lee/components/capsule\r\n */\r\nexport * from './component';\r\nexport * from './module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -69,11 +69,11 @@ class TakPrettyBoxComponent {
|
|
|
69
69
|
return this._hasFooter;
|
|
70
70
|
}
|
|
71
71
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakPrettyBoxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
72
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: TakPrettyBoxComponent, isStandalone: true, selector: "tak-pretty-box", inputs: { calcHeight: "calcHeight", headerHeightPx: "headerHeightPx", footerHeightPx: "footerHeightPx", encapsulated: "encapsulated" }, viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "footer", first: true, predicate: ["footer"], descendants: true }, { propertyName: "scroll", first: true, predicate: ["scroll"], descendants: true }], ngImport: i0, template: "<div class=\"{{ encapsulated ? 'container' : '' }}\">\r\n <div [class]=\"encapsulated ? 'row' : ''\">\r\n <div\r\n [class]=\"encapsulated ? 'col-
|
|
72
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: TakPrettyBoxComponent, isStandalone: true, selector: "tak-pretty-box", inputs: { calcHeight: "calcHeight", headerHeightPx: "headerHeightPx", footerHeightPx: "footerHeightPx", encapsulated: "encapsulated" }, viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "footer", first: true, predicate: ["footer"], descendants: true }, { propertyName: "scroll", first: true, predicate: ["scroll"], descendants: true }], ngImport: i0, template: "<div class=\"{{ encapsulated ? 'container' : '' }}\">\r\n <div [class]=\"encapsulated ? 'row' : ''\">\r\n <div\r\n [class]=\"encapsulated ? 'col-bt-12 col-bt-md-8 col-bt-lg-6 col-bt-xxl-4' : ''\"\r\n [style]=\"encapsulated ? 'margin: auto' : ''\"\r\n >\r\n <div class=\"tak-pretty-box--container\">\r\n <div\r\n #header\r\n [hidden]=\"!hasHeader\"\r\n class=\"tak-pretty-box--header\"\r\n [style]=\"headerHeightPx ? 'height:' + headerHeightPx + 'px' : ''\"\r\n >\r\n <ng-content select=\"[tak-pretty-box-header]\"></ng-content>\r\n </div>\r\n\r\n <div class=\"tak-pretty-box--scroll\" #scroll [style]=\"'height: ' + minHeightFt\">\r\n <ng-content select=\"[tak-pretty-box-content]\"></ng-content>\r\n </div>\r\n\r\n <div\r\n #footer\r\n [hidden]=\"!hasFooter\"\r\n class=\"tak-pretty-box--footer\"\r\n [style]=\"footerHeightPx ? 'height:' + footerHeightPx + 'px' : ''\"\r\n >\r\n <ng-content select=\"[tak-pretty-box-footer]\"></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
73
73
|
}
|
|
74
74
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakPrettyBoxComponent, decorators: [{
|
|
75
75
|
type: Component,
|
|
76
|
-
args: [{ standalone: true, selector: 'tak-pretty-box', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"{{ encapsulated ? 'container' : '' }}\">\r\n <div [class]=\"encapsulated ? 'row' : ''\">\r\n <div\r\n [class]=\"encapsulated ? 'col-
|
|
76
|
+
args: [{ standalone: true, selector: 'tak-pretty-box', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"{{ encapsulated ? 'container' : '' }}\">\r\n <div [class]=\"encapsulated ? 'row' : ''\">\r\n <div\r\n [class]=\"encapsulated ? 'col-bt-12 col-bt-md-8 col-bt-lg-6 col-bt-xxl-4' : ''\"\r\n [style]=\"encapsulated ? 'margin: auto' : ''\"\r\n >\r\n <div class=\"tak-pretty-box--container\">\r\n <div\r\n #header\r\n [hidden]=\"!hasHeader\"\r\n class=\"tak-pretty-box--header\"\r\n [style]=\"headerHeightPx ? 'height:' + headerHeightPx + 'px' : ''\"\r\n >\r\n <ng-content select=\"[tak-pretty-box-header]\"></ng-content>\r\n </div>\r\n\r\n <div class=\"tak-pretty-box--scroll\" #scroll [style]=\"'height: ' + minHeightFt\">\r\n <ng-content select=\"[tak-pretty-box-content]\"></ng-content>\r\n </div>\r\n\r\n <div\r\n #footer\r\n [hidden]=\"!hasFooter\"\r\n class=\"tak-pretty-box--footer\"\r\n [style]=\"footerHeightPx ? 'height:' + footerHeightPx + 'px' : ''\"\r\n >\r\n <ng-content select=\"[tak-pretty-box-footer]\"></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n" }]
|
|
77
77
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { header: [{
|
|
78
78
|
type: ViewChild,
|
|
79
79
|
args: ['header']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kato-lee-components-pretty-box.mjs","sources":["../../../libraries/components/pretty-box/component.ts","../../../libraries/components/pretty-box/component.html","../../../libraries/components/pretty-box/index.ts","../../../libraries/components/pretty-box/kato-lee-components-pretty-box.ts"],"sourcesContent":["import {\r\n AfterViewInit,\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n ElementRef,\r\n Input,\r\n ViewChild,\r\n ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n standalone: true,\r\n selector: 'tak-pretty-box',\r\n templateUrl: './component.html',\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class TakPrettyBoxComponent implements AfterViewInit {\r\n @ViewChild('header') header!: ElementRef;\r\n @ViewChild('footer') footer!: ElementRef;\r\n @ViewChild('scroll') scroll!: ElementRef;\r\n\r\n @Input() calcHeight: string | number = 94;\r\n @Input() headerHeightPx: number = 0;\r\n @Input() footerHeightPx: number = 0;\r\n @Input() encapsulated = true;\r\n\r\n private _hasHeader = false;\r\n private _hasFooter = false;\r\n private _substractFromHeight = 0;\r\n\r\n constructor(private _cd: ChangeDetectorRef) {}\r\n\r\n public ngAfterViewInit(): void {\r\n setTimeout(() => {\r\n this._config();\r\n }, 100);\r\n setTimeout(() => {\r\n this._config();\r\n }, 2000);\r\n }\r\n\r\n public scrollTop(): void {\r\n if (this.scroll) this.scroll.nativeElement.scrollTo({ top: 0 });\r\n }\r\n\r\n private _config(): void {\r\n const header = this.header.nativeElement.querySelector('[tak-pretty-box-header]');\r\n const footer = this.footer.nativeElement.querySelector('[tak-pretty-box-footer]');\r\n\r\n this._hasHeader = header ? true : false;\r\n this._hasFooter = footer ? true : false;\r\n\r\n if (typeof this.calcHeight === 'number') {\r\n const refreshInterval = setInterval(() => {\r\n if (this._substractFromHeight === 0) {\r\n const headerHeight = this._hasHeader\r\n ? !this.headerHeightPx\r\n ? this.header.nativeElement.offsetHeight\r\n : this.headerHeightPx\r\n : 0;\r\n\r\n const footerHeight = this._hasFooter\r\n ? !this.footerHeightPx\r\n ? this.footer.nativeElement.offsetHeight\r\n : this.footerHeightPx\r\n : 0;\r\n\r\n this._substractFromHeight = +this.calcHeight + headerHeight + footerHeight;\r\n } else {\r\n clearInterval(refreshInterval);\r\n this._cd.markForCheck();\r\n }\r\n }, 10);\r\n }\r\n\r\n if (!this._hasHeader) this.scroll.nativeElement.classList.add('tak-pretty-box-border-top');\r\n if (!this._hasFooter) this.scroll.nativeElement.classList.add('tak-pretty-box-border-bottom');\r\n\r\n this._cd.markForCheck();\r\n }\r\n\r\n get minHeightFt(): string {\r\n if (typeof this.calcHeight === 'number') return `calc(100vh - ${this._substractFromHeight}px)`;\r\n else return this.calcHeight;\r\n }\r\n\r\n get hasHeader(): boolean {\r\n return this._hasHeader;\r\n }\r\n\r\n get hasFooter(): boolean {\r\n return this._hasFooter;\r\n }\r\n}\r\n","<div class=\"{{ encapsulated ? 'container' : '' }}\">\r\n <div [class]=\"encapsulated ? 'row' : ''\">\r\n <div\r\n [class]=\"encapsulated ? 'col-
|
|
1
|
+
{"version":3,"file":"kato-lee-components-pretty-box.mjs","sources":["../../../libraries/components/pretty-box/component.ts","../../../libraries/components/pretty-box/component.html","../../../libraries/components/pretty-box/index.ts","../../../libraries/components/pretty-box/kato-lee-components-pretty-box.ts"],"sourcesContent":["import {\r\n AfterViewInit,\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n ElementRef,\r\n Input,\r\n ViewChild,\r\n ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n standalone: true,\r\n selector: 'tak-pretty-box',\r\n templateUrl: './component.html',\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class TakPrettyBoxComponent implements AfterViewInit {\r\n @ViewChild('header') header!: ElementRef;\r\n @ViewChild('footer') footer!: ElementRef;\r\n @ViewChild('scroll') scroll!: ElementRef;\r\n\r\n @Input() calcHeight: string | number = 94;\r\n @Input() headerHeightPx: number = 0;\r\n @Input() footerHeightPx: number = 0;\r\n @Input() encapsulated = true;\r\n\r\n private _hasHeader = false;\r\n private _hasFooter = false;\r\n private _substractFromHeight = 0;\r\n\r\n constructor(private _cd: ChangeDetectorRef) {}\r\n\r\n public ngAfterViewInit(): void {\r\n setTimeout(() => {\r\n this._config();\r\n }, 100);\r\n setTimeout(() => {\r\n this._config();\r\n }, 2000);\r\n }\r\n\r\n public scrollTop(): void {\r\n if (this.scroll) this.scroll.nativeElement.scrollTo({ top: 0 });\r\n }\r\n\r\n private _config(): void {\r\n const header = this.header.nativeElement.querySelector('[tak-pretty-box-header]');\r\n const footer = this.footer.nativeElement.querySelector('[tak-pretty-box-footer]');\r\n\r\n this._hasHeader = header ? true : false;\r\n this._hasFooter = footer ? true : false;\r\n\r\n if (typeof this.calcHeight === 'number') {\r\n const refreshInterval = setInterval(() => {\r\n if (this._substractFromHeight === 0) {\r\n const headerHeight = this._hasHeader\r\n ? !this.headerHeightPx\r\n ? this.header.nativeElement.offsetHeight\r\n : this.headerHeightPx\r\n : 0;\r\n\r\n const footerHeight = this._hasFooter\r\n ? !this.footerHeightPx\r\n ? this.footer.nativeElement.offsetHeight\r\n : this.footerHeightPx\r\n : 0;\r\n\r\n this._substractFromHeight = +this.calcHeight + headerHeight + footerHeight;\r\n } else {\r\n clearInterval(refreshInterval);\r\n this._cd.markForCheck();\r\n }\r\n }, 10);\r\n }\r\n\r\n if (!this._hasHeader) this.scroll.nativeElement.classList.add('tak-pretty-box-border-top');\r\n if (!this._hasFooter) this.scroll.nativeElement.classList.add('tak-pretty-box-border-bottom');\r\n\r\n this._cd.markForCheck();\r\n }\r\n\r\n get minHeightFt(): string {\r\n if (typeof this.calcHeight === 'number') return `calc(100vh - ${this._substractFromHeight}px)`;\r\n else return this.calcHeight;\r\n }\r\n\r\n get hasHeader(): boolean {\r\n return this._hasHeader;\r\n }\r\n\r\n get hasFooter(): boolean {\r\n return this._hasFooter;\r\n }\r\n}\r\n","<div class=\"{{ encapsulated ? 'container' : '' }}\">\r\n <div [class]=\"encapsulated ? 'row' : ''\">\r\n <div\r\n [class]=\"encapsulated ? 'col-bt-12 col-bt-md-8 col-bt-lg-6 col-bt-xxl-4' : ''\"\r\n [style]=\"encapsulated ? 'margin: auto' : ''\"\r\n >\r\n <div class=\"tak-pretty-box--container\">\r\n <div\r\n #header\r\n [hidden]=\"!hasHeader\"\r\n class=\"tak-pretty-box--header\"\r\n [style]=\"headerHeightPx ? 'height:' + headerHeightPx + 'px' : ''\"\r\n >\r\n <ng-content select=\"[tak-pretty-box-header]\"></ng-content>\r\n </div>\r\n\r\n <div class=\"tak-pretty-box--scroll\" #scroll [style]=\"'height: ' + minHeightFt\">\r\n <ng-content select=\"[tak-pretty-box-content]\"></ng-content>\r\n </div>\r\n\r\n <div\r\n #footer\r\n [hidden]=\"!hasFooter\"\r\n class=\"tak-pretty-box--footer\"\r\n [style]=\"footerHeightPx ? 'height:' + footerHeightPx + 'px' : ''\"\r\n >\r\n <ng-content select=\"[tak-pretty-box-footer]\"></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n","/*\r\n * Public API Surface of @kato-lee/components/pretty-box\r\n */\r\nexport * from './component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kato-lee/components",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.4",
|
|
4
4
|
"dependencies": {
|
|
5
5
|
"@kato-lee/cdk": "^14.2.7",
|
|
6
6
|
"@kato-lee/material": "^14.2.7"
|
|
@@ -18,23 +18,17 @@
|
|
|
18
18
|
"esm": "./esm2022/kato-lee-components.mjs",
|
|
19
19
|
"default": "./fesm2022/kato-lee-components.mjs"
|
|
20
20
|
},
|
|
21
|
-
"./box-form": {
|
|
22
|
-
"types": "./box-form/index.d.ts",
|
|
23
|
-
"esm2022": "./esm2022/box-form/kato-lee-components-box-form.mjs",
|
|
24
|
-
"esm": "./esm2022/box-form/kato-lee-components-box-form.mjs",
|
|
25
|
-
"default": "./fesm2022/kato-lee-components-box-form.mjs"
|
|
26
|
-
},
|
|
27
21
|
"./capsule": {
|
|
28
22
|
"types": "./capsule/index.d.ts",
|
|
29
23
|
"esm2022": "./esm2022/capsule/kato-lee-components-capsule.mjs",
|
|
30
24
|
"esm": "./esm2022/capsule/kato-lee-components-capsule.mjs",
|
|
31
25
|
"default": "./fesm2022/kato-lee-components-capsule.mjs"
|
|
32
26
|
},
|
|
33
|
-
"./
|
|
34
|
-
"types": "./
|
|
35
|
-
"esm2022": "./esm2022/
|
|
36
|
-
"esm": "./esm2022/
|
|
37
|
-
"default": "./fesm2022/kato-lee-components-
|
|
27
|
+
"./box-form": {
|
|
28
|
+
"types": "./box-form/index.d.ts",
|
|
29
|
+
"esm2022": "./esm2022/box-form/kato-lee-components-box-form.mjs",
|
|
30
|
+
"esm": "./esm2022/box-form/kato-lee-components-box-form.mjs",
|
|
31
|
+
"default": "./fesm2022/kato-lee-components-box-form.mjs"
|
|
38
32
|
},
|
|
39
33
|
"./cards": {
|
|
40
34
|
"types": "./cards/index.d.ts",
|
|
@@ -42,6 +36,12 @@
|
|
|
42
36
|
"esm": "./esm2022/cards/kato-lee-components-cards.mjs",
|
|
43
37
|
"default": "./fesm2022/kato-lee-components-cards.mjs"
|
|
44
38
|
},
|
|
39
|
+
"./dialogs": {
|
|
40
|
+
"types": "./dialogs/index.d.ts",
|
|
41
|
+
"esm2022": "./esm2022/dialogs/kato-lee-components-dialogs.mjs",
|
|
42
|
+
"esm": "./esm2022/dialogs/kato-lee-components-dialogs.mjs",
|
|
43
|
+
"default": "./fesm2022/kato-lee-components-dialogs.mjs"
|
|
44
|
+
},
|
|
45
45
|
"./fields": {
|
|
46
46
|
"types": "./fields/index.d.ts",
|
|
47
47
|
"esm2022": "./esm2022/fields/kato-lee-components-fields.mjs",
|