vault-lib 0.0.36 → 0.0.37
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/fesm2022/vault-lib.mjs +26 -25
- package/fesm2022/vault-lib.mjs.map +1 -1
- package/package.json +1 -1
- package/src/lib/styles/{_hover-border-directive.scss → directives/_hover-border-directive.scss} +6 -5
- package/src/lib/styles/directives/_resizable-directive.scss +29 -0
- package/src/lib/styles/index.scss +2 -1
- package/types/vault-lib.d.ts +5 -2
package/fesm2022/vault-lib.mjs
CHANGED
|
@@ -16,7 +16,7 @@ class Button {
|
|
|
16
16
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: Button, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
17
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: Button, isStandalone: true, selector: "vault-button", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, host: { properties: { "class.vault-button--primary": "isPrimary()", "class.vault-button--secondary": "isSecondary()" } }, ngImport: i0, template: ` <button type="button" (click)="onClick.emit($event)" class="vault-button">
|
|
18
18
|
<ng-content></ng-content>
|
|
19
|
-
</button>`, isInline: true, styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.vault-button{border:none;background:none;padding:10px 18px;cursor:pointer;border:2px solid #44FF57;box-sizing:border-box}:host(.vault-button--primary) .vault-button{background:#44ff57;color:#060606}:host(.vault-button--secondary) .vault-button{background:#000;color:#44ff57}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
19
|
+
</button>`, isInline: true, styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.resize-wrapper{position:relative;display:inline-block;background:khaki}.resize-bar{background:#ff69b4}.resize-bar.horizontal{height:4px;min-width:4px;width:100%;cursor:ns-resize}.resize-bar.vertical{width:4px;min-height:4px;height:inherit;cursor:ew-resize}.vault-button{border:none;background:none;padding:10px 18px;cursor:pointer;border:2px solid #44FF57;box-sizing:border-box}:host(.vault-button--primary) .vault-button{background:#44ff57;color:#060606}:host(.vault-button--secondary) .vault-button{background:#000;color:#44ff57}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
20
20
|
}
|
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: Button, decorators: [{
|
|
22
22
|
type: Component,
|
|
@@ -25,7 +25,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
|
|
|
25
25
|
</button>`, host: {
|
|
26
26
|
'[class.vault-button--primary]': 'isPrimary()',
|
|
27
27
|
'[class.vault-button--secondary]': 'isSecondary()',
|
|
28
|
-
}, styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.vault-button{border:none;background:none;padding:10px 18px;cursor:pointer;border:2px solid #44FF57;box-sizing:border-box}:host(.vault-button--primary) .vault-button{background:#44ff57;color:#060606}:host(.vault-button--secondary) .vault-button{background:#000;color:#44ff57}\n"] }]
|
|
28
|
+
}, styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.resize-wrapper{position:relative;display:inline-block;background:khaki}.resize-bar{background:#ff69b4}.resize-bar.horizontal{height:4px;min-width:4px;width:100%;cursor:ns-resize}.resize-bar.vertical{width:4px;min-height:4px;height:inherit;cursor:ew-resize}.vault-button{border:none;background:none;padding:10px 18px;cursor:pointer;border:2px solid #44FF57;box-sizing:border-box}:host(.vault-button--primary) .vault-button{background:#44ff57;color:#060606}:host(.vault-button--secondary) .vault-button{background:#000;color:#44ff57}\n"] }]
|
|
29
29
|
}], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], onClick: [{ type: i0.Output, args: ["onClick"] }] } });
|
|
30
30
|
|
|
31
31
|
class Fieldset {
|
|
@@ -36,7 +36,7 @@ class Fieldset {
|
|
|
36
36
|
<legend>{{ legend() }}</legend>
|
|
37
37
|
}
|
|
38
38
|
<ng-content></ng-content>
|
|
39
|
-
</fieldset>`, isInline: true, styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}fieldset{border-color:#44ff57}fieldset legend{color:#44ff57}\n"] });
|
|
39
|
+
</fieldset>`, isInline: true, styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.resize-wrapper{position:relative;display:inline-block;background:khaki}.resize-bar{background:#ff69b4}.resize-bar.horizontal{height:4px;min-width:4px;width:100%;cursor:ns-resize}.resize-bar.vertical{width:4px;min-height:4px;height:inherit;cursor:ew-resize}fieldset{border-color:#44ff57}fieldset legend{color:#44ff57}\n"] });
|
|
40
40
|
}
|
|
41
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: Fieldset, decorators: [{
|
|
42
42
|
type: Component,
|
|
@@ -45,7 +45,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
|
|
|
45
45
|
<legend>{{ legend() }}</legend>
|
|
46
46
|
}
|
|
47
47
|
<ng-content></ng-content>
|
|
48
|
-
</fieldset>`, styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}fieldset{border-color:#44ff57}fieldset legend{color:#44ff57}\n"] }]
|
|
48
|
+
</fieldset>`, styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.resize-wrapper{position:relative;display:inline-block;background:khaki}.resize-bar{background:#ff69b4}.resize-bar.horizontal{height:4px;min-width:4px;width:100%;cursor:ns-resize}.resize-bar.vertical{width:4px;min-height:4px;height:inherit;cursor:ew-resize}fieldset{border-color:#44ff57}fieldset legend{color:#44ff57}\n"] }]
|
|
49
49
|
}], propDecorators: { legend: [{ type: i0.Input, args: [{ isSignal: true, alias: "legend", required: false }] }] } });
|
|
50
50
|
|
|
51
51
|
class Spinner {
|
|
@@ -60,7 +60,7 @@ class Spinner {
|
|
|
60
60
|
'animation-timing-function': timingFunction(),
|
|
61
61
|
}"
|
|
62
62
|
[src]="'/icons/' + type() + '.svg'"
|
|
63
|
-
/>`, isInline: true, styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.spinner{animation-iteration-count:infinite;animation-name:spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
63
|
+
/>`, isInline: true, styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.resize-wrapper{position:relative;display:inline-block;background:khaki}.resize-bar{background:#ff69b4}.resize-bar.horizontal{height:4px;min-width:4px;width:100%;cursor:ns-resize}.resize-bar.vertical{width:4px;min-height:4px;height:inherit;cursor:ew-resize}.spinner{animation-iteration-count:infinite;animation-name:spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
64
64
|
}
|
|
65
65
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: Spinner, decorators: [{
|
|
66
66
|
type: Component,
|
|
@@ -71,7 +71,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
|
|
|
71
71
|
'animation-timing-function': timingFunction(),
|
|
72
72
|
}"
|
|
73
73
|
[src]="'/icons/' + type() + '.svg'"
|
|
74
|
-
/>`, styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.spinner{animation-iteration-count:infinite;animation-name:spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
74
|
+
/>`, styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.resize-wrapper{position:relative;display:inline-block;background:khaki}.resize-bar{background:#ff69b4}.resize-bar.horizontal{height:4px;min-width:4px;width:100%;cursor:ns-resize}.resize-bar.vertical{width:4px;min-height:4px;height:inherit;cursor:ew-resize}.spinner{animation-iteration-count:infinite;animation-name:spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
75
75
|
}], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], timingFunction: [{ type: i0.Input, args: [{ isSignal: true, alias: "timingFunction", required: false }] }], duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "duration", required: false }] }] } });
|
|
76
76
|
|
|
77
77
|
class ProgressBar {
|
|
@@ -105,7 +105,7 @@ class ProgressBar {
|
|
|
105
105
|
}
|
|
106
106
|
}
|
|
107
107
|
</div>
|
|
108
|
-
`, isInline: true, styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.progress-bar{height:24px;width:240px;box-sizing:border-box;border:2px solid #44FF57;padding:4px;display:flex;gap:2px}.progress-bar .progress,.progress-bar .block{display:block;height:100%}.progress-bar .progress{background-color:#44ff57}.progress-bar .block{flex:1;background:transparent}.progress-bar .block.filled{background-color:#44ff57}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
108
|
+
`, isInline: true, styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.resize-wrapper{position:relative;display:inline-block;background:khaki}.resize-bar{background:#ff69b4}.resize-bar.horizontal{height:4px;min-width:4px;width:100%;cursor:ns-resize}.resize-bar.vertical{width:4px;min-height:4px;height:inherit;cursor:ew-resize}.progress-bar{height:24px;width:240px;box-sizing:border-box;border:2px solid #44FF57;padding:4px;display:flex;gap:2px}.progress-bar .progress,.progress-bar .block{display:block;height:100%}.progress-bar .progress{background-color:#44ff57}.progress-bar .block{flex:1;background:transparent}.progress-bar .block.filled{background-color:#44ff57}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
109
109
|
}
|
|
110
110
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ProgressBar, decorators: [{
|
|
111
111
|
type: Component,
|
|
@@ -119,7 +119,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
|
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
</div>
|
|
122
|
-
`, styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.progress-bar{height:24px;width:240px;box-sizing:border-box;border:2px solid #44FF57;padding:4px;display:flex;gap:2px}.progress-bar .progress,.progress-bar .block{display:block;height:100%}.progress-bar .progress{background-color:#44ff57}.progress-bar .block{flex:1;background:transparent}.progress-bar .block.filled{background-color:#44ff57}\n"] }]
|
|
122
|
+
`, styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.resize-wrapper{position:relative;display:inline-block;background:khaki}.resize-bar{background:#ff69b4}.resize-bar.horizontal{height:4px;min-width:4px;width:100%;cursor:ns-resize}.resize-bar.vertical{width:4px;min-height:4px;height:inherit;cursor:ew-resize}.progress-bar{height:24px;width:240px;box-sizing:border-box;border:2px solid #44FF57;padding:4px;display:flex;gap:2px}.progress-bar .progress,.progress-bar .block{display:block;height:100%}.progress-bar .progress{background-color:#44ff57}.progress-bar .block{flex:1;background:transparent}.progress-bar .block.filled{background-color:#44ff57}\n"] }]
|
|
123
123
|
}], propDecorators: { min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], progress: [{ type: i0.Input, args: [{ isSignal: true, alias: "progress", required: true }] }] } });
|
|
124
124
|
|
|
125
125
|
class Taskbar {
|
|
@@ -148,11 +148,11 @@ class Taskbar {
|
|
|
148
148
|
this.localItems.set([...filtered, ...toAdd]);
|
|
149
149
|
}
|
|
150
150
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: Taskbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
151
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: Taskbar, isStandalone: true, selector: "vault-taskbar", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, providers: [DatePipe], usesOnChanges: true, ngImport: i0, template: "<div class=\"taskbar\">\n <vault-button type=\"secondary\">menu</vault-button>\n <div class=\"content\" cdkDropList cdkDropListOrientation=\"horizontal\" (cdkDropListDropped)=\"drop($event)\">\n @for(item of localItems(); track item){\n <div class=\"item\" cdkDrag [cdkDragData]=\"item\" cdkDragBoundary=\".content\">\n <p>{{item.application.name}}</p>\n </div>\n }\n </div>\n <div class=\"time\">\n <div class=\"hours\">{{time()}}</div>\n <div class=\"hours\">{{date()}}</div>\n </div>\n</div>", styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.taskbar{display:flex;gap:1rem;padding:4px;align-items:center;background-color:#44ff57;justify-content:space-between}.taskbar .content{display:flex;gap:1rem;flex:1;height:36px}.taskbar .content .item{border:2px solid transparent;display:flex;align-items:center;min-width:20px;padding-inline:12px;box-sizing:border-box;cursor:move}.taskbar .content .item p{-webkit-user-select:none;user-select:none}.taskbar .content .item:hover{border:2px solid #060606}.taskbar .time{font-size:10pt;gap:2px;display:flex;flex-direction:column;align-items:flex-end}.cdk-drag-placeholder{opacity:0}.content.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-preview{box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#44ff57;border:2px dashed #060606}\n"], dependencies: [{ kind: "component", type: Button, selector: "vault-button", inputs: ["type"], outputs: ["onClick"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
151
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: Taskbar, isStandalone: true, selector: "vault-taskbar", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, providers: [DatePipe], usesOnChanges: true, ngImport: i0, template: "<div class=\"taskbar\">\n <vault-button type=\"secondary\">menu</vault-button>\n <div class=\"content\" cdkDropList cdkDropListOrientation=\"horizontal\" (cdkDropListDropped)=\"drop($event)\">\n @for(item of localItems(); track item){\n <div class=\"item\" cdkDrag [cdkDragData]=\"item\" cdkDragBoundary=\".content\">\n <p>{{item.application.name}}</p>\n </div>\n }\n </div>\n <div class=\"time\">\n <div class=\"hours\">{{time()}}</div>\n <div class=\"hours\">{{date()}}</div>\n </div>\n</div>", styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.resize-wrapper{position:relative;display:inline-block;background:khaki}.resize-bar{background:#ff69b4}.resize-bar.horizontal{height:4px;min-width:4px;width:100%;cursor:ns-resize}.resize-bar.vertical{width:4px;min-height:4px;height:inherit;cursor:ew-resize}.taskbar{display:flex;gap:1rem;padding:4px;align-items:center;background-color:#44ff57;justify-content:space-between}.taskbar .content{display:flex;gap:1rem;flex:1;height:36px}.taskbar .content .item{border:2px solid transparent;display:flex;align-items:center;min-width:20px;padding-inline:12px;box-sizing:border-box;cursor:move}.taskbar .content .item p{-webkit-user-select:none;user-select:none}.taskbar .content .item:hover{border:2px solid #060606}.taskbar .time{font-size:10pt;gap:2px;display:flex;flex-direction:column;align-items:flex-end}.cdk-drag-placeholder{opacity:0}.content.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-preview{box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#44ff57;border:2px dashed #060606}\n"], dependencies: [{ kind: "component", type: Button, selector: "vault-button", inputs: ["type"], outputs: ["onClick"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
152
152
|
}
|
|
153
153
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: Taskbar, decorators: [{
|
|
154
154
|
type: Component,
|
|
155
|
-
args: [{ selector: 'vault-taskbar', imports: [Button, CdkDropList, CdkDrag], providers: [DatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"taskbar\">\n <vault-button type=\"secondary\">menu</vault-button>\n <div class=\"content\" cdkDropList cdkDropListOrientation=\"horizontal\" (cdkDropListDropped)=\"drop($event)\">\n @for(item of localItems(); track item){\n <div class=\"item\" cdkDrag [cdkDragData]=\"item\" cdkDragBoundary=\".content\">\n <p>{{item.application.name}}</p>\n </div>\n }\n </div>\n <div class=\"time\">\n <div class=\"hours\">{{time()}}</div>\n <div class=\"hours\">{{date()}}</div>\n </div>\n</div>", styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.taskbar{display:flex;gap:1rem;padding:4px;align-items:center;background-color:#44ff57;justify-content:space-between}.taskbar .content{display:flex;gap:1rem;flex:1;height:36px}.taskbar .content .item{border:2px solid transparent;display:flex;align-items:center;min-width:20px;padding-inline:12px;box-sizing:border-box;cursor:move}.taskbar .content .item p{-webkit-user-select:none;user-select:none}.taskbar .content .item:hover{border:2px solid #060606}.taskbar .time{font-size:10pt;gap:2px;display:flex;flex-direction:column;align-items:flex-end}.cdk-drag-placeholder{opacity:0}.content.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-preview{box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#44ff57;border:2px dashed #060606}\n"] }]
|
|
155
|
+
args: [{ selector: 'vault-taskbar', imports: [Button, CdkDropList, CdkDrag], providers: [DatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"taskbar\">\n <vault-button type=\"secondary\">menu</vault-button>\n <div class=\"content\" cdkDropList cdkDropListOrientation=\"horizontal\" (cdkDropListDropped)=\"drop($event)\">\n @for(item of localItems(); track item){\n <div class=\"item\" cdkDrag [cdkDragData]=\"item\" cdkDragBoundary=\".content\">\n <p>{{item.application.name}}</p>\n </div>\n }\n </div>\n <div class=\"time\">\n <div class=\"hours\">{{time()}}</div>\n <div class=\"hours\">{{date()}}</div>\n </div>\n</div>", styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.resize-wrapper{position:relative;display:inline-block;background:khaki}.resize-bar{background:#ff69b4}.resize-bar.horizontal{height:4px;min-width:4px;width:100%;cursor:ns-resize}.resize-bar.vertical{width:4px;min-height:4px;height:inherit;cursor:ew-resize}.taskbar{display:flex;gap:1rem;padding:4px;align-items:center;background-color:#44ff57;justify-content:space-between}.taskbar .content{display:flex;gap:1rem;flex:1;height:36px}.taskbar .content .item{border:2px solid transparent;display:flex;align-items:center;min-width:20px;padding-inline:12px;box-sizing:border-box;cursor:move}.taskbar .content .item p{-webkit-user-select:none;user-select:none}.taskbar .content .item:hover{border:2px solid #060606}.taskbar .time{font-size:10pt;gap:2px;display:flex;flex-direction:column;align-items:flex-end}.cdk-drag-placeholder{opacity:0}.content.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-preview{box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#44ff57;border:2px dashed #060606}\n"] }]
|
|
156
156
|
}], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }] } });
|
|
157
157
|
|
|
158
158
|
class SystemIcon {
|
|
@@ -190,7 +190,7 @@ class SystemIcon {
|
|
|
190
190
|
</div>
|
|
191
191
|
<label>{{ application().name }}</label>
|
|
192
192
|
</div>
|
|
193
|
-
`, isInline: true, styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}:host{-webkit-user-select:none;user-select:none}.system-icon{box-sizing:border-box;width:80px;min-height:80px;border:1px solid transparent;color:#44ff57;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;gap:8px;cursor:pointer}.system-icon:hover{border:1px solid #44FF57}.system-icon .icon-wrapper{height:52px;width:52px}.system-icon .icon-wrapper img{width:100%}.system-icon label{font-size:12px}.cdk-drag-placeholder{opacity:.5}.cdk-drag-preview{border:2px dashed #060606!important}\n"], dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
193
|
+
`, isInline: true, styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.resize-wrapper{position:relative;display:inline-block;background:khaki}.resize-bar{background:#ff69b4}.resize-bar.horizontal{height:4px;min-width:4px;width:100%;cursor:ns-resize}.resize-bar.vertical{width:4px;min-height:4px;height:inherit;cursor:ew-resize}:host{-webkit-user-select:none;user-select:none}.system-icon{box-sizing:border-box;width:80px;min-height:80px;border:1px solid transparent;color:#44ff57;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;gap:8px;cursor:pointer}.system-icon:hover{border:1px solid #44FF57}.system-icon .icon-wrapper{height:52px;width:52px}.system-icon .icon-wrapper img{width:100%}.system-icon label{font-size:12px}.cdk-drag-placeholder{opacity:.5}.cdk-drag-preview{border:2px dashed #060606!important}\n"], dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
194
194
|
}
|
|
195
195
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: SystemIcon, decorators: [{
|
|
196
196
|
type: Component,
|
|
@@ -211,11 +211,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
|
|
|
211
211
|
</div>
|
|
212
212
|
<label>{{ application().name }}</label>
|
|
213
213
|
</div>
|
|
214
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}:host{-webkit-user-select:none;user-select:none}.system-icon{box-sizing:border-box;width:80px;min-height:80px;border:1px solid transparent;color:#44ff57;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;gap:8px;cursor:pointer}.system-icon:hover{border:1px solid #44FF57}.system-icon .icon-wrapper{height:52px;width:52px}.system-icon .icon-wrapper img{width:100%}.system-icon label{font-size:12px}.cdk-drag-placeholder{opacity:.5}.cdk-drag-preview{border:2px dashed #060606!important}\n"] }]
|
|
214
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.resize-wrapper{position:relative;display:inline-block;background:khaki}.resize-bar{background:#ff69b4}.resize-bar.horizontal{height:4px;min-width:4px;width:100%;cursor:ns-resize}.resize-bar.vertical{width:4px;min-height:4px;height:inherit;cursor:ew-resize}:host{-webkit-user-select:none;user-select:none}.system-icon{box-sizing:border-box;width:80px;min-height:80px;border:1px solid transparent;color:#44ff57;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;gap:8px;cursor:pointer}.system-icon:hover{border:1px solid #44FF57}.system-icon .icon-wrapper{height:52px;width:52px}.system-icon .icon-wrapper img{width:100%}.system-icon label{font-size:12px}.cdk-drag-placeholder{opacity:.5}.cdk-drag-preview{border:2px dashed #060606!important}\n"] }]
|
|
215
215
|
}], propDecorators: { element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: true }] }], vaultCdkDragBoundary: [{ type: i0.Input, args: [{ isSignal: true, alias: "vaultCdkDragBoundary", required: false }] }], doubleClick: [{ type: i0.Output, args: ["doubleClick"] }] } });
|
|
216
216
|
|
|
217
|
+
class Space {
|
|
218
|
+
content = input.required(...(ngDevMode ? [{ debugName: "content" }] : []));
|
|
219
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: Space, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
220
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: Space, isStandalone: true, selector: "vault-space", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"space-content\">\n @for(element of content();track $index){\n <vault-system-icon [element]=\"element\" [vaultCdkDragBoundary]=\"'.space-content'\" />\n }\n</div>", styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.resize-wrapper{position:relative;display:inline-block;background:khaki}.resize-bar{background:#ff69b4}.resize-bar.horizontal{height:4px;min-width:4px;width:100%;cursor:ns-resize}.resize-bar.vertical{width:4px;min-height:4px;height:inherit;cursor:ew-resize}:host,.space-content{width:100%;height:100%;overflow:hidden}:host{display:block}.space-content{display:flex;gap:12px;padding:12px}\n"], dependencies: [{ kind: "component", type: SystemIcon, selector: "vault-system-icon", inputs: ["element", "vaultCdkDragBoundary"], outputs: ["doubleClick"] }] });
|
|
221
|
+
}
|
|
222
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: Space, decorators: [{
|
|
223
|
+
type: Component,
|
|
224
|
+
args: [{ selector: 'vault-space', imports: [SystemIcon], template: "<div class=\"space-content\">\n @for(element of content();track $index){\n <vault-system-icon [element]=\"element\" [vaultCdkDragBoundary]=\"'.space-content'\" />\n }\n</div>", styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.resize-wrapper{position:relative;display:inline-block;background:khaki}.resize-bar{background:#ff69b4}.resize-bar.horizontal{height:4px;min-width:4px;width:100%;cursor:ns-resize}.resize-bar.vertical{width:4px;min-height:4px;height:inherit;cursor:ew-resize}:host,.space-content{width:100%;height:100%;overflow:hidden}:host{display:block}.space-content{display:flex;gap:12px;padding:12px}\n"] }]
|
|
225
|
+
}], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }] } });
|
|
226
|
+
|
|
217
227
|
class SystemWindow {
|
|
218
228
|
application = input.required(...(ngDevMode ? [{ debugName: "application" }] : []));
|
|
229
|
+
content = input.required(...(ngDevMode ? [{ debugName: "content" }] : []));
|
|
219
230
|
close = output();
|
|
220
231
|
reduce = output();
|
|
221
232
|
defaultHeight = 360;
|
|
@@ -306,22 +317,12 @@ class SystemWindow {
|
|
|
306
317
|
this.initialDragabledTop = this.currentTop();
|
|
307
318
|
}
|
|
308
319
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: SystemWindow, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
309
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: SystemWindow, isStandalone: true, selector: "vault-system-window", inputs: { application: { classPropertyName: "application", publicName: "application", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { close: "close", reduce: "reduce" }, ngImport: i0, template: "<div [style.left.px]=\"currentLeft()\" [style.top.px]=\"currentTop()\" class=\"system-window\" cdkDrag>\n\n <div class=\"resize-bar vertical\" cdkDrag (cdkDragStarted)=\"onDragStartedLeft()\"\n (cdkDragMoved)=\"onDragMovedLeft($event)\" (cdkDragEnded)=\"onDragMovedLeftEnded()\"></div>\n\n\n <section class=\"system-window-section\" [style.height.px]=\"currentHeight()\" [style.width.px]=\"currentWidth()\"\n [style.minHeight.px]=\"minHeight\" [style.minWidth.px]=\"minWidth\">\n\n\n <div class=\"resize-bar horizontal\" cdkDrag (cdkDragStarted)=\"onDragStartedTop()\"\n (cdkDragMoved)=\"onDragMovedTop($event)\" (cdkDragEnded)=\"onDragMovedTopEnded()\"></div>\n\n\n <header>\n <div cdkDragHandle class=\"handle-drag-zone\">\n <p>{{application().name}}</p>\n </div>\n <div class=\"actions\">\n <button class=\"reduce\" (click)=\"reduce.emit()\">_</button>\n <button class=\"close\" (click)=\"close.emit()\">x</button>\n </div>\n </header>\n <div class=\"system-window-content\">\n <
|
|
320
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: SystemWindow, isStandalone: true, selector: "vault-system-window", inputs: { application: { classPropertyName: "application", publicName: "application", isSignal: true, isRequired: true, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { close: "close", reduce: "reduce" }, ngImport: i0, template: "<div [style.left.px]=\"currentLeft()\" [style.top.px]=\"currentTop()\" class=\"system-window\" cdkDrag>\n\n <div class=\"resize-bar vertical\" cdkDrag (cdkDragStarted)=\"onDragStartedLeft()\"\n (cdkDragMoved)=\"onDragMovedLeft($event)\" (cdkDragEnded)=\"onDragMovedLeftEnded()\"></div>\n\n\n <section class=\"system-window-section\" [style.height.px]=\"currentHeight()\" [style.width.px]=\"currentWidth()\"\n [style.minHeight.px]=\"minHeight\" [style.minWidth.px]=\"minWidth\">\n\n\n <div class=\"resize-bar horizontal\" cdkDrag (cdkDragStarted)=\"onDragStartedTop()\"\n (cdkDragMoved)=\"onDragMovedTop($event)\" (cdkDragEnded)=\"onDragMovedTopEnded()\"></div>\n\n\n <header>\n <div cdkDragHandle class=\"handle-drag-zone\">\n <p>{{application().name}}</p>\n </div>\n <div class=\"actions\">\n <button class=\"reduce\" (click)=\"reduce.emit()\">_</button>\n <button class=\"close\" (click)=\"close.emit()\">x</button>\n </div>\n </header>\n <div class=\"system-window-content\">\n <vault-space [content]=\"content()\" />\n </div>\n <div class=\"resize-bar horizontal\" cdkDrag (cdkDragMoved)=\"onDragMovedBottom($event)\"\n (cdkDragEnded)=\"onDragMovedBottomEnded()\"></div>\n </section>\n <div class=\"resize-bar vertical\" cdkDrag (cdkDragMoved)=\"onDragMovedRight($event)\"\n (cdkDragEnded)=\"onDragMovedRightEnded()\"></div>\n</div>", styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.resize-wrapper{position:relative;display:inline-block;background:khaki}.resize-bar{background:#ff69b4}.resize-bar.horizontal{height:4px;min-width:4px;width:100%;cursor:ns-resize}.resize-bar.vertical{width:4px;min-height:4px;height:inherit;cursor:ew-resize}.system-window{display:flex;position:absolute}.system-window-section{display:flex;flex-direction:column}header{background-color:#44ff57;padding:4px;display:flex;justify-content:space-between}header .handle-drag-zone{flex:1}header .actions{display:flex;gap:4px}header .actions button{cursor:pointer;height:16px;width:16px;background:#060606;color:#44ff57;font-size:16px;line-height:0px}.system-window-content{flex:1;background:#060606}.resize-bar{background:#44ff57}.resize-bar.horizontal{height:4px;width:100%;cursor:ns-resize}.resize-bar.vertical{width:4px;height:inherit;cursor:ew-resize}.cdk-drag-preview{border:2rem solid red!important;outline:2rem solid red!important}\n"], dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: Space, selector: "vault-space", inputs: ["content"] }] });
|
|
310
321
|
}
|
|
311
322
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: SystemWindow, decorators: [{
|
|
312
323
|
type: Component,
|
|
313
|
-
args: [{ selector: 'vault-system-window', imports: [CdkDrag, CdkDragHandle], template: "<div [style.left.px]=\"currentLeft()\" [style.top.px]=\"currentTop()\" class=\"system-window\" cdkDrag>\n\n <div class=\"resize-bar vertical\" cdkDrag (cdkDragStarted)=\"onDragStartedLeft()\"\n (cdkDragMoved)=\"onDragMovedLeft($event)\" (cdkDragEnded)=\"onDragMovedLeftEnded()\"></div>\n\n\n <section class=\"system-window-section\" [style.height.px]=\"currentHeight()\" [style.width.px]=\"currentWidth()\"\n [style.minHeight.px]=\"minHeight\" [style.minWidth.px]=\"minWidth\">\n\n\n <div class=\"resize-bar horizontal\" cdkDrag (cdkDragStarted)=\"onDragStartedTop()\"\n (cdkDragMoved)=\"onDragMovedTop($event)\" (cdkDragEnded)=\"onDragMovedTopEnded()\"></div>\n\n\n <header>\n <div cdkDragHandle class=\"handle-drag-zone\">\n <p>{{application().name}}</p>\n </div>\n <div class=\"actions\">\n <button class=\"reduce\" (click)=\"reduce.emit()\">_</button>\n <button class=\"close\" (click)=\"close.emit()\">x</button>\n </div>\n </header>\n <div class=\"system-window-content\">\n <
|
|
314
|
-
}], propDecorators: { application: [{ type: i0.Input, args: [{ isSignal: true, alias: "application", required: true }] }], close: [{ type: i0.Output, args: ["close"] }], reduce: [{ type: i0.Output, args: ["reduce"] }] } });
|
|
315
|
-
|
|
316
|
-
class Space {
|
|
317
|
-
content = input.required(...(ngDevMode ? [{ debugName: "content" }] : []));
|
|
318
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: Space, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
319
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: Space, isStandalone: true, selector: "vault-space", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"space-content\">\n @for(element of content();track $index){\n <vault-system-icon [element]=\"element\" [vaultCdkDragBoundary]=\"'.space-content'\" />\n }\n</div>", styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}:host,.space-content{width:100%;height:100%}:host{display:block}.space-content{display:flex;gap:12px;padding:12px}\n"], dependencies: [{ kind: "component", type: SystemIcon, selector: "vault-system-icon", inputs: ["element", "vaultCdkDragBoundary"], outputs: ["doubleClick"] }] });
|
|
320
|
-
}
|
|
321
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: Space, decorators: [{
|
|
322
|
-
type: Component,
|
|
323
|
-
args: [{ selector: 'vault-space', imports: [SystemIcon], template: "<div class=\"space-content\">\n @for(element of content();track $index){\n <vault-system-icon [element]=\"element\" [vaultCdkDragBoundary]=\"'.space-content'\" />\n }\n</div>", styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}:host,.space-content{width:100%;height:100%}:host{display:block}.space-content{display:flex;gap:12px;padding:12px}\n"] }]
|
|
324
|
-
}], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }] } });
|
|
324
|
+
args: [{ selector: 'vault-system-window', imports: [CdkDrag, CdkDragHandle, Space], template: "<div [style.left.px]=\"currentLeft()\" [style.top.px]=\"currentTop()\" class=\"system-window\" cdkDrag>\n\n <div class=\"resize-bar vertical\" cdkDrag (cdkDragStarted)=\"onDragStartedLeft()\"\n (cdkDragMoved)=\"onDragMovedLeft($event)\" (cdkDragEnded)=\"onDragMovedLeftEnded()\"></div>\n\n\n <section class=\"system-window-section\" [style.height.px]=\"currentHeight()\" [style.width.px]=\"currentWidth()\"\n [style.minHeight.px]=\"minHeight\" [style.minWidth.px]=\"minWidth\">\n\n\n <div class=\"resize-bar horizontal\" cdkDrag (cdkDragStarted)=\"onDragStartedTop()\"\n (cdkDragMoved)=\"onDragMovedTop($event)\" (cdkDragEnded)=\"onDragMovedTopEnded()\"></div>\n\n\n <header>\n <div cdkDragHandle class=\"handle-drag-zone\">\n <p>{{application().name}}</p>\n </div>\n <div class=\"actions\">\n <button class=\"reduce\" (click)=\"reduce.emit()\">_</button>\n <button class=\"close\" (click)=\"close.emit()\">x</button>\n </div>\n </header>\n <div class=\"system-window-content\">\n <vault-space [content]=\"content()\" />\n </div>\n <div class=\"resize-bar horizontal\" cdkDrag (cdkDragMoved)=\"onDragMovedBottom($event)\"\n (cdkDragEnded)=\"onDragMovedBottomEnded()\"></div>\n </section>\n <div class=\"resize-bar vertical\" cdkDrag (cdkDragMoved)=\"onDragMovedRight($event)\"\n (cdkDragEnded)=\"onDragMovedRightEnded()\"></div>\n</div>", styles: [".cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}@font-face{font-family:Space Mono,monospace;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Share+Tech&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap)}*{padding:0;margin:0;font-family:Space Mono,monospace;background:none;outline:none;border:none}:host{position:relative;display:block;width:fit-content}.hover-border-directive:after{position:absolute;content:\"\";width:calc(100% + 8px);height:calc(100% + 8px);top:-6px;left:-6px;border:2px solid #44FF57}.resize-wrapper{position:relative;display:inline-block;background:khaki}.resize-bar{background:#ff69b4}.resize-bar.horizontal{height:4px;min-width:4px;width:100%;cursor:ns-resize}.resize-bar.vertical{width:4px;min-height:4px;height:inherit;cursor:ew-resize}.system-window{display:flex;position:absolute}.system-window-section{display:flex;flex-direction:column}header{background-color:#44ff57;padding:4px;display:flex;justify-content:space-between}header .handle-drag-zone{flex:1}header .actions{display:flex;gap:4px}header .actions button{cursor:pointer;height:16px;width:16px;background:#060606;color:#44ff57;font-size:16px;line-height:0px}.system-window-content{flex:1;background:#060606}.resize-bar{background:#44ff57}.resize-bar.horizontal{height:4px;width:100%;cursor:ns-resize}.resize-bar.vertical{width:4px;height:inherit;cursor:ew-resize}.cdk-drag-preview{border:2rem solid red!important;outline:2rem solid red!important}\n"] }]
|
|
325
|
+
}], propDecorators: { application: [{ type: i0.Input, args: [{ isSignal: true, alias: "application", required: true }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }], close: [{ type: i0.Output, args: ["close"] }], reduce: [{ type: i0.Output, args: ["reduce"] }] } });
|
|
325
326
|
|
|
326
327
|
class HoverBorder {
|
|
327
328
|
element = inject(ElementRef);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vault-lib.mjs","sources":["../../../projects/vault-lib/src/lib/components/button/button.ts","../../../projects/vault-lib/src/lib/components/fieldset/fieldset.ts","../../../projects/vault-lib/src/lib/components/spinner/spinner.ts","../../../projects/vault-lib/src/lib/components/progress-bar/progress-bar.ts","../../../projects/vault-lib/src/lib/components/taskbar/taskbar.ts","../../../projects/vault-lib/src/lib/components/taskbar/taskbar.html","../../../projects/vault-lib/src/lib/components/system-icon/system-icon.ts","../../../projects/vault-lib/src/lib/components/system-window/system-window.ts","../../../projects/vault-lib/src/lib/components/system-window/system-window.html","../../../projects/vault-lib/src/lib/components/space/space.ts","../../../projects/vault-lib/src/lib/components/space/space.html","../../../projects/vault-lib/src/lib/directives/hover-border.ts","../../../projects/vault-lib/src/lib/directives/hover-invert.ts","../../../projects/vault-lib/src/public-api.ts","../../../projects/vault-lib/src/vault-lib.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n computed,\n input,\n InputSignal,\n output,\n OutputEmitterRef,\n} from '@angular/core';\n\ntype ButtonType = 'primary' | 'secondary';\n\n@Component({\n selector: 'vault-button',\n standalone: true,\n imports: [],\n styleUrl: './button.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: ` <button type=\"button\" (click)=\"onClick.emit($event)\" class=\"vault-button\">\n <ng-content></ng-content>\n </button>`,\n host: {\n '[class.vault-button--primary]': 'isPrimary()',\n '[class.vault-button--secondary]': 'isSecondary()',\n },\n})\nexport class Button {\n type: InputSignal<ButtonType> = input<ButtonType>('primary');\n\n isPrimary = computed(() => {\n return this.type() === 'primary';\n });\n\n isSecondary = computed(() => {\n return this.type() === 'secondary';\n });\n\n onClick: OutputEmitterRef<MouseEvent> = output();\n}\n","import { Component, input, InputSignal } from '@angular/core';\n\n@Component({\n selector: 'vault-fieldset',\n imports: [],\n template: `<fieldset>\n @if (legend()) {\n <legend>{{ legend() }}</legend>\n }\n <ng-content></ng-content>\n </fieldset>`,\n styleUrl: './fieldset.scss',\n})\nexport class Fieldset {\n legend: InputSignal<string | undefined> = input<string | undefined>();\n}\n","import { CommonModule } from '@angular/common';\nimport { Component, input, InputSignal } from '@angular/core';\n\nexport type SpinnerType = 'gear';\n\n@Component({\n selector: 'vault-spinner',\n imports: [CommonModule],\n template: `<img\n class=\"spinner\"\n [ngStyle]=\"{\n 'animation-duration': duration() + 'ms',\n 'animation-timing-function': timingFunction(),\n }\"\n [src]=\"'/icons/' + type() + '.svg'\"\n />`,\n styleUrl: './spinner.scss',\n})\nexport class Spinner {\n type: InputSignal<SpinnerType> = input<SpinnerType>('gear');\n timingFunction: InputSignal<'linear' | 'ease-in-out'> = input<'linear' | 'ease-in-out'>('linear');\n duration: InputSignal<number> = input<number>(5000);\n}\n","import { Component, computed, input, InputSignal, signal, Signal } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n selector: 'vault-progress-bar',\n imports: [CommonModule],\n template: `\n <div class=\"progress-bar\">\n @if (type() === 'fill') {\n <span class=\"progress\" [ngStyle]=\"{ width: progressValue() + '%' }\"></span>\n } @else {\n @for (block of blocks(); track $index) {\n <span class=\"block\" [class.filled]=\"block.filled\"></span>\n }\n }\n </div>\n `,\n styleUrl: './progress-bar.scss',\n})\nexport class ProgressBar {\n min: InputSignal<number> = input<number>(0);\n max: InputSignal<number> = input<number>(100);\n type: InputSignal<'fill' | 'block'> = input<'fill' | 'block'>('fill');\n progress: InputSignal<number> = input.required<number>();\n\n private readonly blocksCount: number = 40;\n\n readonly blocks = computed(() => {\n const filledBlocksCount: number =\n this.progress() > this.max()\n ? this.blocksCount\n : Math.floor((this.progressValue() / 100) * this.blocksCount);\n return Array.from({ length: this.blocksCount }, (_, i: number) => ({\n filled: i < filledBlocksCount,\n }));\n });\n\n readonly progressValue: Signal<number> = computed(() => {\n const range: number = this.max() - this.min();\n if (this.progress() > this.max()) return 100;\n return range === 0 ? 0 : ((this.progress() - this.min()) / range) * 100;\n });\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n computed,\n inject,\n input,\n InputSignal,\n signal,\n WritableSignal,\n effect,\n SimpleChanges,\n SimpleChange,\n} from '@angular/core';\nimport { Button } from '../button/button';\nimport { DatePipe } from '@angular/common';\nimport { CdkDropList, CdkDrag, CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';\nimport { VaultApplication } from '../../models/application.type';\n\nexport type TaskbarItem = {\n application: VaultApplication;\n};\n\n@Component({\n selector: 'vault-taskbar',\n imports: [Button, CdkDropList, CdkDrag],\n templateUrl: './taskbar.html',\n styleUrl: './taskbar.scss',\n providers: [DatePipe],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Taskbar {\n interval?: any;\n timestamp = signal(Date.now());\n datePipe: DatePipe = inject(DatePipe);\n time = computed(() => this.datePipe.transform(this.timestamp(), 'h:mm:ss'));\n date = computed(() => this.datePipe.transform(this.timestamp(), 'M/d/y'));\n\n items: InputSignal<TaskbarItem[]> = input<TaskbarItem[]>([]);\n localItems: WritableSignal<TaskbarItem[]> = signal([]);\n\n ngOnInit(): void {\n this.interval = setInterval(() => this.timestamp.update(() => Date.now()), 1000);\n this.localItems.set(this.items());\n }\n\n drop(event: CdkDragDrop<TaskbarItem[]>) {\n const items = [...this.localItems()];\n moveItemInArray(items, event.previousIndex, event.currentIndex);\n this.localItems.set(items);\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n const newList: TaskbarItem[] = changes['items'].currentValue;\n if (!Array.isArray(newList)) return;\n\n const filtered: TaskbarItem[] = this.localItems().filter((item: TaskbarItem) =>\n newList.some((newItem: TaskbarItem) => newItem.application.id === item.application.id),\n );\n\n const toAdd: TaskbarItem[] = newList.filter(\n (newItem: TaskbarItem) =>\n !filtered.some((item) => newItem.application.id === item.application.id),\n );\n this.localItems.set([...filtered, ...toAdd]);\n }\n}\n","<div class=\"taskbar\">\n <vault-button type=\"secondary\">menu</vault-button>\n <div class=\"content\" cdkDropList cdkDropListOrientation=\"horizontal\" (cdkDropListDropped)=\"drop($event)\">\n @for(item of localItems(); track item){\n <div class=\"item\" cdkDrag [cdkDragData]=\"item\" cdkDragBoundary=\".content\">\n <p>{{item.application.name}}</p>\n </div>\n }\n </div>\n <div class=\"time\">\n <div class=\"hours\">{{time()}}</div>\n <div class=\"hours\">{{date()}}</div>\n </div>\n</div>","import {\n ChangeDetectionStrategy,\n Component,\n computed,\n input,\n InputSignal,\n output,\n OutputEmitterRef,\n Signal,\n} from '@angular/core';\nimport { VaultApplication } from '../../models/application.type';\nimport { CdkDrag } from '@angular/cdk/drag-drop';\nimport { VaultFolder } from '../../models/vault-folder.type';\nimport { VaultFile } from '../../models/vault-file.type';\n\n@Component({\n selector: 'vault-system-icon',\n imports: [CdkDrag],\n template: `\n <div\n class=\"system-icon\"\n cdkDrag\n [cdkDragBoundary]=\"vaultCdkDragBoundary() || ''\"\n (dblclick)=\"doubleClick.emit()\"\n >\n <div class=\"icon-wrapper\">\n @if (application().icon) {\n <img\n [src]=\"'/icons/' + application().icon + '.svg'\"\n [alt]=\"application().name + ' application icon.'\"\n />\n }\n </div>\n <label>{{ application().name }}</label>\n </div>\n `,\n styleUrl: './system-icon.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SystemIcon {\n element: InputSignal<VaultFile | VaultFolder> = input.required<VaultFile | VaultFolder>();\n vaultCdkDragBoundary: InputSignal<string | undefined> = input<string>();\n doubleClick: OutputEmitterRef<void> = output<void>();\n\n application: Signal<VaultApplication> = computed<VaultApplication>(() => {\n if (this.element().type === 'application') {\n const fileContent: VaultFile = this.element() as VaultFile;\n return fileContent.appliaction;\n }\n\n const folderContent: VaultFolder = this.element() as VaultFolder;\n const folder: VaultApplication = {\n name: folderContent.name,\n id: folderContent.id,\n icon: 'folder',\n };\n return folder;\n });\n}\n","import {\n Component,\n input,\n InputSignal,\n output,\n OutputEmitterRef,\n signal,\n WritableSignal,\n} from '@angular/core';\nimport { CdkDrag, CdkDragHandle, CdkDragMove } from '@angular/cdk/drag-drop';\nimport { VaultApplication } from '../../models/application.type';\n\n@Component({\n selector: 'vault-system-window',\n imports: [CdkDrag, CdkDragHandle],\n templateUrl: './system-window.html',\n styleUrl: './system-window.scss',\n})\nexport class SystemWindow {\n application: InputSignal<VaultApplication> = input.required<VaultApplication>();\n\n close: OutputEmitterRef<void> = output<void>();\n reduce: OutputEmitterRef<void> = output<void>();\n\n defaultHeight: number = 360;\n defaultWidth: number = 400;\n minWidth: number = 300;\n minHeight: number = 140;\n\n defaultLeft: number = 0;\n defaultTop: number = 0;\n currentLeft: WritableSignal<number> = signal<number>(this.defaultLeft);\n currentTop: WritableSignal<number> = signal<number>(this.defaultLeft);\n\n currentHeight: WritableSignal<number> = signal<number>(this.defaultHeight);\n currentWidth: WritableSignal<number> = signal<number>(this.defaultWidth);\n\n private initialDragabledHeight: number = this.defaultHeight;\n private initialDragabledWidth: number = this.defaultWidth;\n\n initialDragabledLeft: number = this.defaultLeft;\n initialDragabledTop: number = this.defaultLeft;\n\n onDragMovedBottom(event: CdkDragMove): void {\n const newHeight: number = event.distance.y + this.initialDragabledHeight;\n if (newHeight >= this.minHeight) {\n this.currentHeight.set(newHeight);\n } else {\n this.currentHeight.set(this.minHeight);\n }\n const element: HTMLElement = event.source.element.nativeElement;\n element.style.transform = 'none';\n }\n\n onDragMovedBottomEnded(): void {\n this.initialDragabledHeight = this.currentHeight();\n }\n\n // ----\n\n onDragMovedRight(event: CdkDragMove): void {\n const newWidth: number = event.distance.x + this.initialDragabledWidth;\n if (newWidth >= this.minWidth) {\n this.currentWidth.set(newWidth);\n } else {\n this.currentWidth.set(this.minWidth);\n }\n const element: HTMLElement = event.source.element.nativeElement;\n element.style.transform = 'none';\n }\n\n onDragMovedRightEnded(): void {\n this.initialDragabledWidth = this.currentWidth();\n }\n\n // ---------------------------------------\n onDragStartedLeft(): void {\n this.initialDragabledWidth = this.currentWidth();\n this.initialDragabledLeft = this.currentLeft();\n }\n\n onDragMovedLeft(event: CdkDragMove): void {\n const newWidth: number = this.initialDragabledWidth - event.distance.x;\n const newLeft: number = this.initialDragabledLeft + event.distance.x;\n if (newWidth >= this.minWidth) {\n this.currentWidth.set(newWidth);\n this.currentLeft.set(newLeft);\n } else {\n this.currentWidth.set(this.minWidth);\n }\n const element: HTMLElement = event.source.element.nativeElement;\n element.style.transform = 'none';\n }\n\n onDragMovedLeftEnded(): void {\n this.initialDragabledWidth = this.currentWidth();\n this.initialDragabledLeft = this.currentLeft();\n }\n\n //----------------------------------------\n\n onDragStartedTop(): void {\n this.initialDragabledHeight = this.currentHeight();\n this.initialDragabledTop = this.currentTop();\n }\n\n onDragMovedTop(event: CdkDragMove): void {\n const newHeight: number = this.initialDragabledHeight - event.distance.y;\n const newTop: number = this.initialDragabledTop + event.distance.y;\n if (newHeight >= this.minHeight) {\n this.currentHeight.set(newHeight);\n this.currentTop.set(newTop);\n } else {\n this.currentHeight.set(this.minHeight);\n }\n const element: HTMLElement = event.source.element.nativeElement;\n element.style.transform = 'none';\n }\n\n onDragMovedTopEnded(): void {\n this.initialDragabledHeight = this.currentHeight();\n this.initialDragabledTop = this.currentTop();\n }\n}\n","<div [style.left.px]=\"currentLeft()\" [style.top.px]=\"currentTop()\" class=\"system-window\" cdkDrag>\n\n <div class=\"resize-bar vertical\" cdkDrag (cdkDragStarted)=\"onDragStartedLeft()\"\n (cdkDragMoved)=\"onDragMovedLeft($event)\" (cdkDragEnded)=\"onDragMovedLeftEnded()\"></div>\n\n\n <section class=\"system-window-section\" [style.height.px]=\"currentHeight()\" [style.width.px]=\"currentWidth()\"\n [style.minHeight.px]=\"minHeight\" [style.minWidth.px]=\"minWidth\">\n\n\n <div class=\"resize-bar horizontal\" cdkDrag (cdkDragStarted)=\"onDragStartedTop()\"\n (cdkDragMoved)=\"onDragMovedTop($event)\" (cdkDragEnded)=\"onDragMovedTopEnded()\"></div>\n\n\n <header>\n <div cdkDragHandle class=\"handle-drag-zone\">\n <p>{{application().name}}</p>\n </div>\n <div class=\"actions\">\n <button class=\"reduce\" (click)=\"reduce.emit()\">_</button>\n <button class=\"close\" (click)=\"close.emit()\">x</button>\n </div>\n </header>\n <div class=\"system-window-content\">\n <ng-content></ng-content>\n </div>\n <div class=\"resize-bar horizontal\" cdkDrag (cdkDragMoved)=\"onDragMovedBottom($event)\"\n (cdkDragEnded)=\"onDragMovedBottomEnded()\"></div>\n </section>\n <div class=\"resize-bar vertical\" cdkDrag (cdkDragMoved)=\"onDragMovedRight($event)\"\n (cdkDragEnded)=\"onDragMovedRightEnded()\"></div>\n</div>","import { Component, input, InputSignal, signal } from '@angular/core';\nimport { VaultFile } from '../../models/vault-file.type';\nimport { VaultFolder } from '../../models/vault-folder.type';\nimport { SystemIcon } from '../system-icon/system-icon';\n\n@Component({\n selector: 'vault-space',\n imports: [SystemIcon],\n templateUrl: './space.html',\n styleUrl: './space.scss',\n})\nexport class Space {\n content: InputSignal<(VaultFile | VaultFolder)[]> = input.required<(VaultFile | VaultFolder)[]>();\n}\n","<div class=\"space-content\">\n @for(element of content();track $index){\n <vault-system-icon [element]=\"element\" [vaultCdkDragBoundary]=\"'.space-content'\" />\n }\n</div>","import { Directive, ElementRef, inject, signal, WritableSignal } from '@angular/core';\n\n@Directive({\n selector: '[vaultHoverBorder]',\n standalone: true,\n host: {\n '(mouseenter)': 'onMouseEnter()',\n '(mouseleave)': 'onMouseLeave()',\n },\n})\nexport class HoverBorder {\n private element: ElementRef<HTMLElement> = inject(ElementRef);\n private readonly borderDirectiveClassName: string = 'hover-border-directive';\n\n onMouseEnter(): void {\n if (!this.element.nativeElement.classList.contains(this.borderDirectiveClassName))\n this.element.nativeElement.classList.add(this.borderDirectiveClassName);\n }\n\n onMouseLeave(): void {\n if (this.element.nativeElement.classList.contains(this.borderDirectiveClassName))\n this.element.nativeElement.classList.remove(this.borderDirectiveClassName);\n }\n}\n","import { Directive, ElementRef, inject } from '@angular/core';\n\n@Directive({\n selector: '[vaultHoverInvert]',\n host: {\n '(mouseenter)': 'onMouseEnter()',\n '(mouseleave)': 'onMouseLeave()',\n },\n})\nexport class HoverInvert {\n onMouseLeave() {\n this.invertColors(this.element.nativeElement);\n }\n onMouseEnter() {\n this.invertColors(this.element.nativeElement);\n }\n\n private element: ElementRef<HTMLElement> = inject(ElementRef);\n private backgroundColor: string = '#060606';\n private primaryColor: string = '#44FF57';\n\n private invertColors(HTMLElement: HTMLElement): void {\n console.log(HTMLElement.children);\n if (HTMLElement.style.background === this.primaryColor) {\n HTMLElement.style.background = this.backgroundColor;\n } else if (HTMLElement.style.background === this.backgroundColor) {\n HTMLElement.style.background = this.primaryColor;\n }\n if (HTMLElement.style.color === this.primaryColor) {\n HTMLElement.style.color = this.backgroundColor;\n } else if (HTMLElement.style.color === this.backgroundColor) {\n HTMLElement.style.color = this.primaryColor;\n }\n\n for (let i = 0; i < HTMLElement.children.length; i++) {\n const element: HTMLElement = HTMLElement.children[i] as HTMLElement;\n this.invertColors(element);\n }\n }\n\n ngOnInit(): void {\n if (!this.element) throw new Error('Hover Invert element missing');\n }\n}\n","/*\n * Public API of vault-lib\n */\n\nexport * from './lib/components/button/button';\nexport * from './lib/components/fieldset/fieldset';\nexport * from './lib/components/spinner/spinner';\nexport * from './lib/components/progress-bar/progress-bar';\nexport * from './lib/components/taskbar/taskbar';\nexport * from './lib/components/system-icon/system-icon';\nexport * from './lib/components/system-window/system-window';\nexport * from './lib/components/space/space';\n\nexport * from './lib/directives/directive.index';\n\nexport * from './lib/models/model.index';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"vault-lib.mjs","sources":["../../../projects/vault-lib/src/lib/components/button/button.ts","../../../projects/vault-lib/src/lib/components/fieldset/fieldset.ts","../../../projects/vault-lib/src/lib/components/spinner/spinner.ts","../../../projects/vault-lib/src/lib/components/progress-bar/progress-bar.ts","../../../projects/vault-lib/src/lib/components/taskbar/taskbar.ts","../../../projects/vault-lib/src/lib/components/taskbar/taskbar.html","../../../projects/vault-lib/src/lib/components/system-icon/system-icon.ts","../../../projects/vault-lib/src/lib/components/space/space.ts","../../../projects/vault-lib/src/lib/components/space/space.html","../../../projects/vault-lib/src/lib/components/system-window/system-window.ts","../../../projects/vault-lib/src/lib/components/system-window/system-window.html","../../../projects/vault-lib/src/lib/directives/hover-border.ts","../../../projects/vault-lib/src/lib/directives/hover-invert.ts","../../../projects/vault-lib/src/public-api.ts","../../../projects/vault-lib/src/vault-lib.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n computed,\n input,\n InputSignal,\n output,\n OutputEmitterRef,\n} from '@angular/core';\n\ntype ButtonType = 'primary' | 'secondary';\n\n@Component({\n selector: 'vault-button',\n standalone: true,\n imports: [],\n styleUrl: './button.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: ` <button type=\"button\" (click)=\"onClick.emit($event)\" class=\"vault-button\">\n <ng-content></ng-content>\n </button>`,\n host: {\n '[class.vault-button--primary]': 'isPrimary()',\n '[class.vault-button--secondary]': 'isSecondary()',\n },\n})\nexport class Button {\n type: InputSignal<ButtonType> = input<ButtonType>('primary');\n\n isPrimary = computed(() => {\n return this.type() === 'primary';\n });\n\n isSecondary = computed(() => {\n return this.type() === 'secondary';\n });\n\n onClick: OutputEmitterRef<MouseEvent> = output();\n}\n","import { Component, input, InputSignal } from '@angular/core';\n\n@Component({\n selector: 'vault-fieldset',\n imports: [],\n template: `<fieldset>\n @if (legend()) {\n <legend>{{ legend() }}</legend>\n }\n <ng-content></ng-content>\n </fieldset>`,\n styleUrl: './fieldset.scss',\n})\nexport class Fieldset {\n legend: InputSignal<string | undefined> = input<string | undefined>();\n}\n","import { CommonModule } from '@angular/common';\nimport { Component, input, InputSignal } from '@angular/core';\n\nexport type SpinnerType = 'gear';\n\n@Component({\n selector: 'vault-spinner',\n imports: [CommonModule],\n template: `<img\n class=\"spinner\"\n [ngStyle]=\"{\n 'animation-duration': duration() + 'ms',\n 'animation-timing-function': timingFunction(),\n }\"\n [src]=\"'/icons/' + type() + '.svg'\"\n />`,\n styleUrl: './spinner.scss',\n})\nexport class Spinner {\n type: InputSignal<SpinnerType> = input<SpinnerType>('gear');\n timingFunction: InputSignal<'linear' | 'ease-in-out'> = input<'linear' | 'ease-in-out'>('linear');\n duration: InputSignal<number> = input<number>(5000);\n}\n","import { Component, computed, input, InputSignal, signal, Signal } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n selector: 'vault-progress-bar',\n imports: [CommonModule],\n template: `\n <div class=\"progress-bar\">\n @if (type() === 'fill') {\n <span class=\"progress\" [ngStyle]=\"{ width: progressValue() + '%' }\"></span>\n } @else {\n @for (block of blocks(); track $index) {\n <span class=\"block\" [class.filled]=\"block.filled\"></span>\n }\n }\n </div>\n `,\n styleUrl: './progress-bar.scss',\n})\nexport class ProgressBar {\n min: InputSignal<number> = input<number>(0);\n max: InputSignal<number> = input<number>(100);\n type: InputSignal<'fill' | 'block'> = input<'fill' | 'block'>('fill');\n progress: InputSignal<number> = input.required<number>();\n\n private readonly blocksCount: number = 40;\n\n readonly blocks = computed(() => {\n const filledBlocksCount: number =\n this.progress() > this.max()\n ? this.blocksCount\n : Math.floor((this.progressValue() / 100) * this.blocksCount);\n return Array.from({ length: this.blocksCount }, (_, i: number) => ({\n filled: i < filledBlocksCount,\n }));\n });\n\n readonly progressValue: Signal<number> = computed(() => {\n const range: number = this.max() - this.min();\n if (this.progress() > this.max()) return 100;\n return range === 0 ? 0 : ((this.progress() - this.min()) / range) * 100;\n });\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n computed,\n inject,\n input,\n InputSignal,\n signal,\n WritableSignal,\n effect,\n SimpleChanges,\n SimpleChange,\n} from '@angular/core';\nimport { Button } from '../button/button';\nimport { DatePipe } from '@angular/common';\nimport { CdkDropList, CdkDrag, CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';\nimport { VaultApplication } from '../../models/application.type';\n\nexport type TaskbarItem = {\n application: VaultApplication;\n};\n\n@Component({\n selector: 'vault-taskbar',\n imports: [Button, CdkDropList, CdkDrag],\n templateUrl: './taskbar.html',\n styleUrl: './taskbar.scss',\n providers: [DatePipe],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Taskbar {\n interval?: any;\n timestamp = signal(Date.now());\n datePipe: DatePipe = inject(DatePipe);\n time = computed(() => this.datePipe.transform(this.timestamp(), 'h:mm:ss'));\n date = computed(() => this.datePipe.transform(this.timestamp(), 'M/d/y'));\n\n items: InputSignal<TaskbarItem[]> = input<TaskbarItem[]>([]);\n localItems: WritableSignal<TaskbarItem[]> = signal([]);\n\n ngOnInit(): void {\n this.interval = setInterval(() => this.timestamp.update(() => Date.now()), 1000);\n this.localItems.set(this.items());\n }\n\n drop(event: CdkDragDrop<TaskbarItem[]>) {\n const items = [...this.localItems()];\n moveItemInArray(items, event.previousIndex, event.currentIndex);\n this.localItems.set(items);\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n const newList: TaskbarItem[] = changes['items'].currentValue;\n if (!Array.isArray(newList)) return;\n\n const filtered: TaskbarItem[] = this.localItems().filter((item: TaskbarItem) =>\n newList.some((newItem: TaskbarItem) => newItem.application.id === item.application.id),\n );\n\n const toAdd: TaskbarItem[] = newList.filter(\n (newItem: TaskbarItem) =>\n !filtered.some((item) => newItem.application.id === item.application.id),\n );\n this.localItems.set([...filtered, ...toAdd]);\n }\n}\n","<div class=\"taskbar\">\n <vault-button type=\"secondary\">menu</vault-button>\n <div class=\"content\" cdkDropList cdkDropListOrientation=\"horizontal\" (cdkDropListDropped)=\"drop($event)\">\n @for(item of localItems(); track item){\n <div class=\"item\" cdkDrag [cdkDragData]=\"item\" cdkDragBoundary=\".content\">\n <p>{{item.application.name}}</p>\n </div>\n }\n </div>\n <div class=\"time\">\n <div class=\"hours\">{{time()}}</div>\n <div class=\"hours\">{{date()}}</div>\n </div>\n</div>","import {\n ChangeDetectionStrategy,\n Component,\n computed,\n input,\n InputSignal,\n output,\n OutputEmitterRef,\n Signal,\n} from '@angular/core';\nimport { VaultApplication } from '../../models/application.type';\nimport { CdkDrag } from '@angular/cdk/drag-drop';\nimport { VaultFolder } from '../../models/vault-folder.type';\nimport { VaultFile } from '../../models/vault-file.type';\n\n@Component({\n selector: 'vault-system-icon',\n imports: [CdkDrag],\n template: `\n <div\n class=\"system-icon\"\n cdkDrag\n [cdkDragBoundary]=\"vaultCdkDragBoundary() || ''\"\n (dblclick)=\"doubleClick.emit()\"\n >\n <div class=\"icon-wrapper\">\n @if (application().icon) {\n <img\n [src]=\"'/icons/' + application().icon + '.svg'\"\n [alt]=\"application().name + ' application icon.'\"\n />\n }\n </div>\n <label>{{ application().name }}</label>\n </div>\n `,\n styleUrl: './system-icon.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SystemIcon {\n element: InputSignal<VaultFile | VaultFolder> = input.required<VaultFile | VaultFolder>();\n vaultCdkDragBoundary: InputSignal<string | undefined> = input<string>();\n doubleClick: OutputEmitterRef<void> = output<void>();\n\n application: Signal<VaultApplication> = computed<VaultApplication>(() => {\n if (this.element().type === 'application') {\n const fileContent: VaultFile = this.element() as VaultFile;\n return fileContent.appliaction;\n }\n\n const folderContent: VaultFolder = this.element() as VaultFolder;\n const folder: VaultApplication = {\n name: folderContent.name,\n id: folderContent.id,\n icon: 'folder',\n };\n return folder;\n });\n}\n","import { Component, input, InputSignal, signal } from '@angular/core';\nimport { VaultFile } from '../../models/vault-file.type';\nimport { VaultFolder } from '../../models/vault-folder.type';\nimport { SystemIcon } from '../system-icon/system-icon';\n\n@Component({\n selector: 'vault-space',\n imports: [SystemIcon],\n templateUrl: './space.html',\n styleUrl: './space.scss',\n})\nexport class Space {\n content: InputSignal<(VaultFile | VaultFolder)[]> = input.required<(VaultFile | VaultFolder)[]>();\n}\n","<div class=\"space-content\">\n @for(element of content();track $index){\n <vault-system-icon [element]=\"element\" [vaultCdkDragBoundary]=\"'.space-content'\" />\n }\n</div>","import {\n Component,\n input,\n InputSignal,\n output,\n OutputEmitterRef,\n signal,\n WritableSignal,\n} from '@angular/core';\nimport { CdkDrag, CdkDragHandle, CdkDragMove } from '@angular/cdk/drag-drop';\nimport { VaultApplication } from '../../models/application.type';\nimport { VaultFile } from '../../models/vault-file.type';\nimport { VaultFolder } from '../../models/vault-folder.type';\nimport { Space } from '../space/space';\n\n@Component({\n selector: 'vault-system-window',\n imports: [CdkDrag, CdkDragHandle, Space],\n templateUrl: './system-window.html',\n styleUrl: './system-window.scss',\n})\nexport class SystemWindow {\n application: InputSignal<VaultApplication> = input.required<VaultApplication>();\n content: InputSignal<(VaultFile | VaultFolder)[]> = input.required<(VaultFile | VaultFolder)[]>();\n\n close: OutputEmitterRef<void> = output<void>();\n reduce: OutputEmitterRef<void> = output<void>();\n\n defaultHeight: number = 360;\n defaultWidth: number = 400;\n minWidth: number = 300;\n minHeight: number = 140;\n\n defaultLeft: number = 0;\n defaultTop: number = 0;\n currentLeft: WritableSignal<number> = signal<number>(this.defaultLeft);\n currentTop: WritableSignal<number> = signal<number>(this.defaultLeft);\n\n currentHeight: WritableSignal<number> = signal<number>(this.defaultHeight);\n currentWidth: WritableSignal<number> = signal<number>(this.defaultWidth);\n\n private initialDragabledHeight: number = this.defaultHeight;\n private initialDragabledWidth: number = this.defaultWidth;\n\n initialDragabledLeft: number = this.defaultLeft;\n initialDragabledTop: number = this.defaultLeft;\n\n onDragMovedBottom(event: CdkDragMove): void {\n const newHeight: number = event.distance.y + this.initialDragabledHeight;\n if (newHeight >= this.minHeight) {\n this.currentHeight.set(newHeight);\n } else {\n this.currentHeight.set(this.minHeight);\n }\n const element: HTMLElement = event.source.element.nativeElement;\n element.style.transform = 'none';\n }\n\n onDragMovedBottomEnded(): void {\n this.initialDragabledHeight = this.currentHeight();\n }\n\n // ----\n\n onDragMovedRight(event: CdkDragMove): void {\n const newWidth: number = event.distance.x + this.initialDragabledWidth;\n if (newWidth >= this.minWidth) {\n this.currentWidth.set(newWidth);\n } else {\n this.currentWidth.set(this.minWidth);\n }\n const element: HTMLElement = event.source.element.nativeElement;\n element.style.transform = 'none';\n }\n\n onDragMovedRightEnded(): void {\n this.initialDragabledWidth = this.currentWidth();\n }\n\n // ---------------------------------------\n onDragStartedLeft(): void {\n this.initialDragabledWidth = this.currentWidth();\n this.initialDragabledLeft = this.currentLeft();\n }\n\n onDragMovedLeft(event: CdkDragMove): void {\n const newWidth: number = this.initialDragabledWidth - event.distance.x;\n const newLeft: number = this.initialDragabledLeft + event.distance.x;\n if (newWidth >= this.minWidth) {\n this.currentWidth.set(newWidth);\n this.currentLeft.set(newLeft);\n } else {\n this.currentWidth.set(this.minWidth);\n }\n const element: HTMLElement = event.source.element.nativeElement;\n element.style.transform = 'none';\n }\n\n onDragMovedLeftEnded(): void {\n this.initialDragabledWidth = this.currentWidth();\n this.initialDragabledLeft = this.currentLeft();\n }\n\n //----------------------------------------\n\n onDragStartedTop(): void {\n this.initialDragabledHeight = this.currentHeight();\n this.initialDragabledTop = this.currentTop();\n }\n\n onDragMovedTop(event: CdkDragMove): void {\n const newHeight: number = this.initialDragabledHeight - event.distance.y;\n const newTop: number = this.initialDragabledTop + event.distance.y;\n if (newHeight >= this.minHeight) {\n this.currentHeight.set(newHeight);\n this.currentTop.set(newTop);\n } else {\n this.currentHeight.set(this.minHeight);\n }\n const element: HTMLElement = event.source.element.nativeElement;\n element.style.transform = 'none';\n }\n\n onDragMovedTopEnded(): void {\n this.initialDragabledHeight = this.currentHeight();\n this.initialDragabledTop = this.currentTop();\n }\n}\n","<div [style.left.px]=\"currentLeft()\" [style.top.px]=\"currentTop()\" class=\"system-window\" cdkDrag>\n\n <div class=\"resize-bar vertical\" cdkDrag (cdkDragStarted)=\"onDragStartedLeft()\"\n (cdkDragMoved)=\"onDragMovedLeft($event)\" (cdkDragEnded)=\"onDragMovedLeftEnded()\"></div>\n\n\n <section class=\"system-window-section\" [style.height.px]=\"currentHeight()\" [style.width.px]=\"currentWidth()\"\n [style.minHeight.px]=\"minHeight\" [style.minWidth.px]=\"minWidth\">\n\n\n <div class=\"resize-bar horizontal\" cdkDrag (cdkDragStarted)=\"onDragStartedTop()\"\n (cdkDragMoved)=\"onDragMovedTop($event)\" (cdkDragEnded)=\"onDragMovedTopEnded()\"></div>\n\n\n <header>\n <div cdkDragHandle class=\"handle-drag-zone\">\n <p>{{application().name}}</p>\n </div>\n <div class=\"actions\">\n <button class=\"reduce\" (click)=\"reduce.emit()\">_</button>\n <button class=\"close\" (click)=\"close.emit()\">x</button>\n </div>\n </header>\n <div class=\"system-window-content\">\n <vault-space [content]=\"content()\" />\n </div>\n <div class=\"resize-bar horizontal\" cdkDrag (cdkDragMoved)=\"onDragMovedBottom($event)\"\n (cdkDragEnded)=\"onDragMovedBottomEnded()\"></div>\n </section>\n <div class=\"resize-bar vertical\" cdkDrag (cdkDragMoved)=\"onDragMovedRight($event)\"\n (cdkDragEnded)=\"onDragMovedRightEnded()\"></div>\n</div>","import { Directive, ElementRef, inject, signal, WritableSignal } from '@angular/core';\n\n@Directive({\n selector: '[vaultHoverBorder]',\n standalone: true,\n host: {\n '(mouseenter)': 'onMouseEnter()',\n '(mouseleave)': 'onMouseLeave()',\n },\n})\nexport class HoverBorder {\n private element: ElementRef<HTMLElement> = inject(ElementRef);\n private readonly borderDirectiveClassName: string = 'hover-border-directive';\n\n onMouseEnter(): void {\n if (!this.element.nativeElement.classList.contains(this.borderDirectiveClassName))\n this.element.nativeElement.classList.add(this.borderDirectiveClassName);\n }\n\n onMouseLeave(): void {\n if (this.element.nativeElement.classList.contains(this.borderDirectiveClassName))\n this.element.nativeElement.classList.remove(this.borderDirectiveClassName);\n }\n}\n","import { Directive, ElementRef, inject } from '@angular/core';\n\n@Directive({\n selector: '[vaultHoverInvert]',\n host: {\n '(mouseenter)': 'onMouseEnter()',\n '(mouseleave)': 'onMouseLeave()',\n },\n})\nexport class HoverInvert {\n onMouseLeave() {\n this.invertColors(this.element.nativeElement);\n }\n onMouseEnter() {\n this.invertColors(this.element.nativeElement);\n }\n\n private element: ElementRef<HTMLElement> = inject(ElementRef);\n private backgroundColor: string = '#060606';\n private primaryColor: string = '#44FF57';\n\n private invertColors(HTMLElement: HTMLElement): void {\n console.log(HTMLElement.children);\n if (HTMLElement.style.background === this.primaryColor) {\n HTMLElement.style.background = this.backgroundColor;\n } else if (HTMLElement.style.background === this.backgroundColor) {\n HTMLElement.style.background = this.primaryColor;\n }\n if (HTMLElement.style.color === this.primaryColor) {\n HTMLElement.style.color = this.backgroundColor;\n } else if (HTMLElement.style.color === this.backgroundColor) {\n HTMLElement.style.color = this.primaryColor;\n }\n\n for (let i = 0; i < HTMLElement.children.length; i++) {\n const element: HTMLElement = HTMLElement.children[i] as HTMLElement;\n this.invertColors(element);\n }\n }\n\n ngOnInit(): void {\n if (!this.element) throw new Error('Hover Invert element missing');\n }\n}\n","/*\n * Public API of vault-lib\n */\n\nexport * from './lib/components/button/button';\nexport * from './lib/components/fieldset/fieldset';\nexport * from './lib/components/spinner/spinner';\nexport * from './lib/components/progress-bar/progress-bar';\nexport * from './lib/components/taskbar/taskbar';\nexport * from './lib/components/system-icon/system-icon';\nexport * from './lib/components/system-window/system-window';\nexport * from './lib/components/space/space';\n\nexport * from './lib/directives/directive.index';\n\nexport * from './lib/models/model.index';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/lib/styles/{_hover-border-directive.scss → directives/_hover-border-directive.scss}
RENAMED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
@use 'colors' as *;
|
|
1
|
+
@use '../colors' as *;
|
|
2
|
+
|
|
2
3
|
|
|
3
4
|
$space: 4px;
|
|
4
|
-
$border-width: 2px;
|
|
5
|
+
$hover-border-width: 2px;
|
|
5
6
|
|
|
6
7
|
:host {
|
|
7
8
|
position: relative;
|
|
@@ -16,8 +17,8 @@ $border-width: 2px;
|
|
|
16
17
|
content: '';
|
|
17
18
|
width: calc(100% + $space * 2);
|
|
18
19
|
height: calc(100% + $space * 2);
|
|
19
|
-
top: -$space - $border-width;
|
|
20
|
-
left: -$space - $border-width;
|
|
21
|
-
border: $border-width solid $primary;
|
|
20
|
+
top: -$space - $hover-border-width;
|
|
21
|
+
left: -$space - $hover-border-width;
|
|
22
|
+
border: $hover-border-width solid $primary;
|
|
22
23
|
}
|
|
23
24
|
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
@use '../colors' as *;
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
$border-width: 4px;
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
.resize-wrapper {
|
|
8
|
+
position: relative;
|
|
9
|
+
display: inline-block;
|
|
10
|
+
background: khaki;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.resize-bar {
|
|
14
|
+
background: hotpink;
|
|
15
|
+
|
|
16
|
+
&.horizontal {
|
|
17
|
+
height: $border-width;
|
|
18
|
+
min-width: $border-width;
|
|
19
|
+
width: 100%;
|
|
20
|
+
cursor: ns-resize;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
&.vertical {
|
|
24
|
+
width: $border-width;
|
|
25
|
+
min-height: $border-width;
|
|
26
|
+
height: inherit;
|
|
27
|
+
cursor: ew-resize;
|
|
28
|
+
}
|
|
29
|
+
}
|
package/types/vault-lib.d.ts
CHANGED
|
@@ -90,6 +90,7 @@ declare class SystemIcon {
|
|
|
90
90
|
|
|
91
91
|
declare class SystemWindow {
|
|
92
92
|
application: InputSignal<VaultApplication>;
|
|
93
|
+
content: InputSignal<(VaultFile | VaultFolder)[]>;
|
|
93
94
|
close: OutputEmitterRef<void>;
|
|
94
95
|
reduce: OutputEmitterRef<void>;
|
|
95
96
|
defaultHeight: number;
|
|
@@ -117,7 +118,7 @@ declare class SystemWindow {
|
|
|
117
118
|
onDragMovedTop(event: CdkDragMove): void;
|
|
118
119
|
onDragMovedTopEnded(): void;
|
|
119
120
|
static ɵfac: i0.ɵɵFactoryDeclaration<SystemWindow, never>;
|
|
120
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SystemWindow, "vault-system-window", never, { "application": { "alias": "application"; "required": true; "isSignal": true; }; }, { "close": "close"; "reduce": "reduce"; }, never,
|
|
121
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SystemWindow, "vault-system-window", never, { "application": { "alias": "application"; "required": true; "isSignal": true; }; "content": { "alias": "content"; "required": true; "isSignal": true; }; }, { "close": "close"; "reduce": "reduce"; }, never, never, true, never>;
|
|
121
122
|
}
|
|
122
123
|
|
|
123
124
|
declare class Space {
|
|
@@ -147,5 +148,7 @@ declare class HoverInvert {
|
|
|
147
148
|
static ɵdir: i0.ɵɵDirectiveDeclaration<HoverInvert, "[vaultHoverInvert]", never, {}, {}, never, never, true, never>;
|
|
148
149
|
}
|
|
149
150
|
|
|
151
|
+
type Position = 'top' | 'right' | 'bottom' | 'left';
|
|
152
|
+
|
|
150
153
|
export { Button, Fieldset, HoverBorder, HoverInvert, ProgressBar, Space, Spinner, SystemIcon, SystemWindow, Taskbar };
|
|
151
|
-
export type { SpinnerType, TaskbarItem, VaultApplication, VaultFile, VaultFolder };
|
|
154
|
+
export type { Position, SpinnerType, TaskbarItem, VaultApplication, VaultFile, VaultFolder };
|