@ng-vagabond-lab/ng-dsv 0.1.63 → 0.1.64
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.
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { inject, input, Component } from '@angular/core';
|
|
3
|
+
import { inject, input, computed, Component } from '@angular/core';
|
|
4
4
|
import { Router } from '@angular/router';
|
|
5
5
|
import { MenuService, DsvMenuButtonComponent } from '@ng-vagabond-lab/ng-dsv/ds/menu';
|
|
6
6
|
|
|
@@ -10,6 +10,7 @@ class DsvHeaderComponent {
|
|
|
10
10
|
img = input(...(ngDevMode ? [undefined, { debugName: "img" }] : /* istanbul ignore next */ []));
|
|
11
11
|
titleText = input('', ...(ngDevMode ? [{ debugName: "titleText" }] : /* istanbul ignore next */ []));
|
|
12
12
|
withMenu = input(true, ...(ngDevMode ? [{ debugName: "withMenu" }] : /* istanbul ignore next */ []));
|
|
13
|
+
titleTextParts = computed(() => this.titleText().split(' '), ...(ngDevMode ? [{ debugName: "titleTextParts" }] : /* istanbul ignore next */ []));
|
|
13
14
|
doToogleMenu() {
|
|
14
15
|
this.menuService.toogleMenu();
|
|
15
16
|
}
|
|
@@ -17,11 +18,11 @@ class DsvHeaderComponent {
|
|
|
17
18
|
this.router.navigate(['/']);
|
|
18
19
|
}
|
|
19
20
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DsvHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: DsvHeaderComponent, isStandalone: true, selector: "dsv-header", inputs: { img: { classPropertyName: "img", publicName: "img", isSignal: true, isRequired: false, transformFunction: null }, titleText: { classPropertyName: "titleText", publicName: "titleText", isSignal: true, isRequired: false, transformFunction: null }, withMenu: { classPropertyName: "withMenu", publicName: "withMenu", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"dsv-header-content\">\n <div class=\"flex gap10 align-center\">\n @if (withMenu()) {\n <dsv-menu-button />\n }\n <a class=\"dsv-header-logo\" (click)=\"goToHome()\">\n @if (img()) {\n <img src=\"{{ img() }}\" alt=\"logo\" />\n }\n <span>{{ titleText
|
|
21
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: DsvHeaderComponent, isStandalone: true, selector: "dsv-header", inputs: { img: { classPropertyName: "img", publicName: "img", isSignal: true, isRequired: false, transformFunction: null }, titleText: { classPropertyName: "titleText", publicName: "titleText", isSignal: true, isRequired: false, transformFunction: null }, withMenu: { classPropertyName: "withMenu", publicName: "withMenu", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"dsv-header-content\">\n <div class=\"flex gap10 align-center\">\n @if (withMenu()) {\n <dsv-menu-button />\n }\n <a class=\"dsv-header-logo\" (click)=\"goToHome()\">\n @if (img()) {\n <img src=\"{{ img() }}\" alt=\"logo\" />\n }\n @for (\n titleText of titleTextParts();\n track titleText;\n let index = $index\n ) {\n <span class=\"title-{{ index }}\">{{ titleText }}</span>\n }\n </a>\n </div>\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:flex;flex-direction:column;width:100%;box-sizing:border-box;flex-shrink:0;top:0;left:auto;right:0;background-color:var(--white);color:var(--text);z-index:1201;transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}:host .dsv-header-content{position:relative;display:flex;-webkit-box-align:center;align-items:center;justify-content:space-between;padding-left:16px;padding-right:16px;min-height:48px;-webkit-user-select:none;user-select:none}:host .dsv-header-content .dsv-header-logo{display:flex;justify-content:flex-start;align-items:center;font-size:1.3rem;gap:10px}:host .dsv-header-content .dsv-header-logo img{width:30px;height:30px;cursor:pointer}:host .dsv-header-content .dsv-header-logo span{font-weight:700;cursor:pointer}::ng-deep .dark dsv-header{background-color:var(--background-dark)}::ng-deep .dark dsv-header *{color:var(--text-dark)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DsvMenuButtonComponent, selector: "dsv-menu-button" }] });
|
|
21
22
|
}
|
|
22
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DsvHeaderComponent, decorators: [{
|
|
23
24
|
type: Component,
|
|
24
|
-
args: [{ selector: 'dsv-header', imports: [CommonModule, DsvMenuButtonComponent], template: "<div class=\"dsv-header-content\">\n <div class=\"flex gap10 align-center\">\n @if (withMenu()) {\n <dsv-menu-button />\n }\n <a class=\"dsv-header-logo\" (click)=\"goToHome()\">\n @if (img()) {\n <img src=\"{{ img() }}\" alt=\"logo\" />\n }\n <span>{{ titleText
|
|
25
|
+
args: [{ selector: 'dsv-header', imports: [CommonModule, DsvMenuButtonComponent], template: "<div class=\"dsv-header-content\">\n <div class=\"flex gap10 align-center\">\n @if (withMenu()) {\n <dsv-menu-button />\n }\n <a class=\"dsv-header-logo\" (click)=\"goToHome()\">\n @if (img()) {\n <img src=\"{{ img() }}\" alt=\"logo\" />\n }\n @for (\n titleText of titleTextParts();\n track titleText;\n let index = $index\n ) {\n <span class=\"title-{{ index }}\">{{ titleText }}</span>\n }\n </a>\n </div>\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:flex;flex-direction:column;width:100%;box-sizing:border-box;flex-shrink:0;top:0;left:auto;right:0;background-color:var(--white);color:var(--text);z-index:1201;transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}:host .dsv-header-content{position:relative;display:flex;-webkit-box-align:center;align-items:center;justify-content:space-between;padding-left:16px;padding-right:16px;min-height:48px;-webkit-user-select:none;user-select:none}:host .dsv-header-content .dsv-header-logo{display:flex;justify-content:flex-start;align-items:center;font-size:1.3rem;gap:10px}:host .dsv-header-content .dsv-header-logo img{width:30px;height:30px;cursor:pointer}:host .dsv-header-content .dsv-header-logo span{font-weight:700;cursor:pointer}::ng-deep .dark dsv-header{background-color:var(--background-dark)}::ng-deep .dark dsv-header *{color:var(--text-dark)}\n"] }]
|
|
25
26
|
}], propDecorators: { img: [{ type: i0.Input, args: [{ isSignal: true, alias: "img", required: false }] }], titleText: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleText", required: false }] }], withMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "withMenu", required: false }] }] } });
|
|
26
27
|
|
|
27
28
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-vagabond-lab-ng-dsv-ds-header.mjs","sources":["../../../projects/ng-dsv/ds/header/component/header.component.ts","../../../projects/ng-dsv/ds/header/component/header.component.html","../../../projects/ng-dsv/ds/header/ng-vagabond-lab-ng-dsv-ds-header.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, inject, input } from '@angular/core';\nimport { Router } from '@angular/router';\nimport {\n DsvMenuButtonComponent,\n MenuService,\n} from '@ng-vagabond-lab/ng-dsv/ds/menu';\n\n@Component({\n selector: 'dsv-header',\n imports: [CommonModule, DsvMenuButtonComponent],\n templateUrl: './header.component.html',\n styleUrls: ['./header.component.scss'],\n})\nexport class DsvHeaderComponent {\n private readonly router = inject(Router);\n private readonly menuService = inject(MenuService);\n\n img = input<string>();\n titleText = input<string>('');\n withMenu = input<boolean>(true);\n\n doToogleMenu() {\n this.menuService.toogleMenu();\n }\n\n goToHome() {\n this.router.navigate(['/']);\n }\n}\n","<div class=\"dsv-header-content\">\n <div class=\"flex gap10 align-center\">\n @if (withMenu()) {\n <dsv-menu-button />\n }\n <a class=\"dsv-header-logo\" (click)=\"goToHome()\">\n @if (img()) {\n <img src=\"{{ img() }}\" alt=\"logo\" />\n }\n <span>{{ titleText
|
|
1
|
+
{"version":3,"file":"ng-vagabond-lab-ng-dsv-ds-header.mjs","sources":["../../../projects/ng-dsv/ds/header/component/header.component.ts","../../../projects/ng-dsv/ds/header/component/header.component.html","../../../projects/ng-dsv/ds/header/ng-vagabond-lab-ng-dsv-ds-header.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, computed, inject, input } from '@angular/core';\nimport { Router } from '@angular/router';\nimport {\n DsvMenuButtonComponent,\n MenuService,\n} from '@ng-vagabond-lab/ng-dsv/ds/menu';\n\n@Component({\n selector: 'dsv-header',\n imports: [CommonModule, DsvMenuButtonComponent],\n templateUrl: './header.component.html',\n styleUrls: ['./header.component.scss'],\n})\nexport class DsvHeaderComponent {\n private readonly router = inject(Router);\n private readonly menuService = inject(MenuService);\n\n img = input<string>();\n titleText = input<string>('');\n withMenu = input<boolean>(true);\n\n titleTextParts = computed(() => this.titleText().split(' '));\n\n doToogleMenu() {\n this.menuService.toogleMenu();\n }\n\n goToHome() {\n this.router.navigate(['/']);\n }\n}\n","<div class=\"dsv-header-content\">\n <div class=\"flex gap10 align-center\">\n @if (withMenu()) {\n <dsv-menu-button />\n }\n <a class=\"dsv-header-logo\" (click)=\"goToHome()\">\n @if (img()) {\n <img src=\"{{ img() }}\" alt=\"logo\" />\n }\n @for (\n titleText of titleTextParts();\n track titleText;\n let index = $index\n ) {\n <span class=\"title-{{ index }}\">{{ titleText }}</span>\n }\n </a>\n </div>\n <ng-content></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAca,kBAAkB,CAAA;AACZ,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,IAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;IAElD,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;AACrB,IAAA,SAAS,GAAG,KAAK,CAAS,EAAE,gFAAC;AAC7B,IAAA,QAAQ,GAAG,KAAK,CAAU,IAAI,+EAAC;AAE/B,IAAA,cAAc,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,qFAAC;IAE5D,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE;IAC/B;IAEA,QAAQ,GAAA;QACN,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC;IAC7B;uGAhBW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECd/B,ghBAoBA,EAAA,MAAA,EAAA,CAAA,g2BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDVY,YAAY,+BAAE,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,CAAA,EAAA,CAAA;;2FAInC,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAAA,OAAA,EACb,CAAC,YAAY,EAAE,sBAAsB,CAAC,EAAA,QAAA,EAAA,ghBAAA,EAAA,MAAA,EAAA,CAAA,g2BAAA,CAAA,EAAA;;;AEVjD;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -6,6 +6,7 @@ declare class DsvHeaderComponent {
|
|
|
6
6
|
img: _angular_core.InputSignal<string | undefined>;
|
|
7
7
|
titleText: _angular_core.InputSignal<string>;
|
|
8
8
|
withMenu: _angular_core.InputSignal<boolean>;
|
|
9
|
+
titleTextParts: _angular_core.Signal<string[]>;
|
|
9
10
|
doToogleMenu(): void;
|
|
10
11
|
goToHome(): void;
|
|
11
12
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsvHeaderComponent, never>;
|