@ng-vagabond-lab/ng-dsv 0.0.151 → 0.0.152
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/global.scss +4 -3
- package/fesm2022/ng-vagabond-lab-ng-dsv-ds-img.mjs +3 -2
- package/fesm2022/ng-vagabond-lab-ng-dsv-ds-img.mjs.map +1 -1
- package/fesm2022/ng-vagabond-lab-ng-dsv-ds-sekeleton.mjs +2 -2
- package/fesm2022/ng-vagabond-lab-ng-dsv-ds-sekeleton.mjs.map +1 -1
- package/package.json +9 -9
package/assets/global.scss
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { input, signal, computed, Component } from '@angular/core';
|
|
3
|
+
import { DsvSekeletonComponent } from '@ng-vagabond-lab/ng-dsv/ds/sekeleton';
|
|
3
4
|
|
|
4
5
|
class DsvImgComponent {
|
|
5
6
|
src = input.required();
|
|
@@ -17,11 +18,11 @@ class DsvImgComponent {
|
|
|
17
18
|
this.error.set(true);
|
|
18
19
|
}
|
|
19
20
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DsvImgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: DsvImgComponent, isStandalone: true, selector: "dsv-img", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: true, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, empty: { classPropertyName: "empty", publicName: "empty", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (!load()) {\n <svg\n
|
|
21
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: DsvImgComponent, isStandalone: true, selector: "dsv-img", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: true, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, empty: { classPropertyName: "empty", publicName: "empty", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (!load()) {\n <dsv-sekeleton>\n <svg\n [attr.viewBox]=\"'0 0 ' + width() + ' ' + height()\"\n xmlns=\"http://www.w3.org/2000/svg\"\n ></svg>\n </dsv-sekeleton>\n}\n@if (src() !== \"\" && !error()) {\n <img\n [src]=\"src()\"\n [alt]=\"alt()\"\n [width]=\"width()\"\n [height]=\"height()\"\n (load)=\"doLoad()\"\n (error)=\"onImageError()\"\n [style.aspect-ratio]=\"aspectRatio()\"\n [class.hidden]=\"!load()\"\n />\n} @else if (error()) {\n <img\n [src]=\"empty()\"\n [alt]=\"alt()\"\n (load)=\"doLoad()\"\n [style.aspect-ratio]=\"aspectRatio()\"\n />\n}\n", styles: [":host img{background-color:#f7f7f7}:host svg{background-color:var(--background-dark);opacity:.5;margin:0;padding:0}::ng-deep .dark dsv-img img{background-color:#525252!important}::ng-deep .dark dsv-img svg{background-color:var(--background)}\n"], dependencies: [{ kind: "component", type: DsvSekeletonComponent, selector: "dsv-sekeleton" }] });
|
|
21
22
|
}
|
|
22
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DsvImgComponent, decorators: [{
|
|
23
24
|
type: Component,
|
|
24
|
-
args: [{ selector: 'dsv-img', imports: [], template: "@if (!load()) {\n <svg\n
|
|
25
|
+
args: [{ selector: 'dsv-img', imports: [DsvSekeletonComponent], template: "@if (!load()) {\n <dsv-sekeleton>\n <svg\n [attr.viewBox]=\"'0 0 ' + width() + ' ' + height()\"\n xmlns=\"http://www.w3.org/2000/svg\"\n ></svg>\n </dsv-sekeleton>\n}\n@if (src() !== \"\" && !error()) {\n <img\n [src]=\"src()\"\n [alt]=\"alt()\"\n [width]=\"width()\"\n [height]=\"height()\"\n (load)=\"doLoad()\"\n (error)=\"onImageError()\"\n [style.aspect-ratio]=\"aspectRatio()\"\n [class.hidden]=\"!load()\"\n />\n} @else if (error()) {\n <img\n [src]=\"empty()\"\n [alt]=\"alt()\"\n (load)=\"doLoad()\"\n [style.aspect-ratio]=\"aspectRatio()\"\n />\n}\n", styles: [":host img{background-color:#f7f7f7}:host svg{background-color:var(--background-dark);opacity:.5;margin:0;padding:0}::ng-deep .dark dsv-img img{background-color:#525252!important}::ng-deep .dark dsv-img svg{background-color:var(--background)}\n"] }]
|
|
25
26
|
}] });
|
|
26
27
|
|
|
27
28
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-vagabond-lab-ng-dsv-ds-img.mjs","sources":["../../../projects/ng-dsv/ds/img/component/img.component.ts","../../../projects/ng-dsv/ds/img/component/img.component.html","../../../projects/ng-dsv/ds/img/ng-vagabond-lab-ng-dsv-ds-img.ts"],"sourcesContent":["import { Component, computed, input, signal } from '@angular/core';\n\n@Component({\n selector: 'dsv-img',\n imports: [],\n templateUrl: './img.component.html',\n styleUrl: './img.component.scss'\n})\nexport class DsvImgComponent {\n\n src = input.required<string>();\n alt = input<string>('description');\n empty = input<string>('images/empty.svg');\n\n width = input<number>(500);\n height = input<number>(750);\n\n load = signal<boolean>(false);\n error = signal<boolean>(false);\n\n aspectRatio = computed<string>(() => this.width() + '/' + this.height());\n\n doLoad() {\n this.load.set(true);\n }\n\n onImageError() {\n this.error.set(true);\n }\n}\n","@if (!load()) {\n <svg\n
|
|
1
|
+
{"version":3,"file":"ng-vagabond-lab-ng-dsv-ds-img.mjs","sources":["../../../projects/ng-dsv/ds/img/component/img.component.ts","../../../projects/ng-dsv/ds/img/component/img.component.html","../../../projects/ng-dsv/ds/img/ng-vagabond-lab-ng-dsv-ds-img.ts"],"sourcesContent":["import { Component, computed, input, signal } from '@angular/core';\nimport { DsvSekeletonComponent } from '@ng-vagabond-lab/ng-dsv/ds/sekeleton';\n\n@Component({\n selector: 'dsv-img',\n imports: [DsvSekeletonComponent],\n templateUrl: './img.component.html',\n styleUrl: './img.component.scss'\n})\nexport class DsvImgComponent {\n\n src = input.required<string>();\n alt = input<string>('description');\n empty = input<string>('images/empty.svg');\n\n width = input<number>(500);\n height = input<number>(750);\n\n load = signal<boolean>(false);\n error = signal<boolean>(false);\n\n aspectRatio = computed<string>(() => this.width() + '/' + this.height());\n\n doLoad() {\n this.load.set(true);\n }\n\n onImageError() {\n this.error.set(true);\n }\n}\n","@if (!load()) {\n <dsv-sekeleton>\n <svg\n [attr.viewBox]=\"'0 0 ' + width() + ' ' + height()\"\n xmlns=\"http://www.w3.org/2000/svg\"\n ></svg>\n </dsv-sekeleton>\n}\n@if (src() !== \"\" && !error()) {\n <img\n [src]=\"src()\"\n [alt]=\"alt()\"\n [width]=\"width()\"\n [height]=\"height()\"\n (load)=\"doLoad()\"\n (error)=\"onImageError()\"\n [style.aspect-ratio]=\"aspectRatio()\"\n [class.hidden]=\"!load()\"\n />\n} @else if (error()) {\n <img\n [src]=\"empty()\"\n [alt]=\"alt()\"\n (load)=\"doLoad()\"\n [style.aspect-ratio]=\"aspectRatio()\"\n />\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MASa,eAAe,CAAA;AAE1B,IAAA,GAAG,GAAG,KAAK,CAAC,QAAQ,EAAU;AAC9B,IAAA,GAAG,GAAG,KAAK,CAAS,aAAa,CAAC;AAClC,IAAA,KAAK,GAAG,KAAK,CAAS,kBAAkB,CAAC;AAEzC,IAAA,KAAK,GAAG,KAAK,CAAS,GAAG,CAAC;AAC1B,IAAA,MAAM,GAAG,KAAK,CAAS,GAAG,CAAC;AAE3B,IAAA,IAAI,GAAG,MAAM,CAAU,KAAK,CAAC;AAC7B,IAAA,KAAK,GAAG,MAAM,CAAU,KAAK,CAAC;AAE9B,IAAA,WAAW,GAAG,QAAQ,CAAS,MAAM,IAAI,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;IAExE,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;;IAGrB,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;;uGAnBX,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,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,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECT5B,2mBA2BA,EAAA,MAAA,EAAA,CAAA,qPAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDtBY,qBAAqB,EAAA,QAAA,EAAA,eAAA,EAAA,CAAA,EAAA,CAAA;;2FAIpB,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,SAAS;+BACE,SAAS,EAAA,OAAA,EACV,CAAC,qBAAqB,CAAC,EAAA,QAAA,EAAA,2mBAAA,EAAA,MAAA,EAAA,CAAA,qPAAA,CAAA,EAAA;;;AELlC;;AAEG;;;;"}
|
|
@@ -3,11 +3,11 @@ import { Component } from '@angular/core';
|
|
|
3
3
|
|
|
4
4
|
class DsvSekeletonComponent {
|
|
5
5
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DsvSekeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: DsvSekeletonComponent, isStandalone: true, selector: "dsv-sekeleton", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{
|
|
6
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: DsvSekeletonComponent, isStandalone: true, selector: "dsv-sekeleton", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:flex;background-color:#919191;margin-top:0;margin-bottom:0;width:100%;height:auto;border-radius:4px/6.7px;-webkit-animation:animation-c7515d 2s ease-in-out .5s infinite;animation:animation-c7515d 2s ease-in-out .5s infinite;font-size:1rem}@-webkit-keyframes animation-c7515d{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes animation-c7515d{0%{opacity:1}50%{opacity:.4}to{opacity:1}}\n"] });
|
|
7
7
|
}
|
|
8
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DsvSekeletonComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
|
-
args: [{ selector: 'dsv-sekeleton', imports: [], template: "<ng-content></ng-content>\n", styles: [":host{
|
|
10
|
+
args: [{ selector: 'dsv-sekeleton', imports: [], template: "<ng-content></ng-content>\n", styles: [":host{display:flex;background-color:#919191;margin-top:0;margin-bottom:0;width:100%;height:auto;border-radius:4px/6.7px;-webkit-animation:animation-c7515d 2s ease-in-out .5s infinite;animation:animation-c7515d 2s ease-in-out .5s infinite;font-size:1rem}@-webkit-keyframes animation-c7515d{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes animation-c7515d{0%{opacity:1}50%{opacity:.4}to{opacity:1}}\n"] }]
|
|
11
11
|
}] });
|
|
12
12
|
|
|
13
13
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-vagabond-lab-ng-dsv-ds-sekeleton.mjs","sources":["../../../projects/ng-dsv/ds/sekeleton/component/sekeleton.component.ts","../../../projects/ng-dsv/ds/sekeleton/component/sekeleton.component.html","../../../projects/ng-dsv/ds/sekeleton/ng-vagabond-lab-ng-dsv-ds-sekeleton.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'dsv-sekeleton',\n imports: [],\n templateUrl: './sekeleton.component.html',\n styleUrl: './sekeleton.component.scss'\n})\nexport class DsvSekeletonComponent {\n\n}\n","<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAQa,qBAAqB,CAAA;uGAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,yECRlC,6BACA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"ng-vagabond-lab-ng-dsv-ds-sekeleton.mjs","sources":["../../../projects/ng-dsv/ds/sekeleton/component/sekeleton.component.ts","../../../projects/ng-dsv/ds/sekeleton/component/sekeleton.component.html","../../../projects/ng-dsv/ds/sekeleton/ng-vagabond-lab-ng-dsv-ds-sekeleton.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'dsv-sekeleton',\n imports: [],\n templateUrl: './sekeleton.component.html',\n styleUrl: './sekeleton.component.scss'\n})\nexport class DsvSekeletonComponent {\n\n}\n","<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAQa,qBAAqB,CAAA;uGAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,yECRlC,6BACA,EAAA,MAAA,EAAA,CAAA,qZAAA,CAAA,EAAA,CAAA;;2FDOa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBANjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,WAChB,EAAE,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,qZAAA,CAAA,EAAA;;;AEJb;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ng-vagabond-lab/ng-dsv",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.152",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^20.0.0",
|
|
6
6
|
"@angular/core": "^20.0.0"
|
|
@@ -19,14 +19,14 @@
|
|
|
19
19
|
"types": "./index.d.ts",
|
|
20
20
|
"default": "./fesm2022/ng-vagabond-lab-ng-dsv.mjs"
|
|
21
21
|
},
|
|
22
|
-
"./api": {
|
|
23
|
-
"types": "./api/index.d.ts",
|
|
24
|
-
"default": "./fesm2022/ng-vagabond-lab-ng-dsv-api.mjs"
|
|
25
|
-
},
|
|
26
22
|
"./admin": {
|
|
27
23
|
"types": "./admin/index.d.ts",
|
|
28
24
|
"default": "./fesm2022/ng-vagabond-lab-ng-dsv-admin.mjs"
|
|
29
25
|
},
|
|
26
|
+
"./api": {
|
|
27
|
+
"types": "./api/index.d.ts",
|
|
28
|
+
"default": "./fesm2022/ng-vagabond-lab-ng-dsv-api.mjs"
|
|
29
|
+
},
|
|
30
30
|
"./auth": {
|
|
31
31
|
"types": "./auth/index.d.ts",
|
|
32
32
|
"default": "./fesm2022/ng-vagabond-lab-ng-dsv-auth.mjs"
|
|
@@ -127,14 +127,14 @@
|
|
|
127
127
|
"types": "./ds/tab/index.d.ts",
|
|
128
128
|
"default": "./fesm2022/ng-vagabond-lab-ng-dsv-ds-tab.mjs"
|
|
129
129
|
},
|
|
130
|
-
"./ds/theme": {
|
|
131
|
-
"types": "./ds/theme/index.d.ts",
|
|
132
|
-
"default": "./fesm2022/ng-vagabond-lab-ng-dsv-ds-theme.mjs"
|
|
133
|
-
},
|
|
134
130
|
"./ds/table": {
|
|
135
131
|
"types": "./ds/table/index.d.ts",
|
|
136
132
|
"default": "./fesm2022/ng-vagabond-lab-ng-dsv-ds-table.mjs"
|
|
137
133
|
},
|
|
134
|
+
"./ds/theme": {
|
|
135
|
+
"types": "./ds/theme/index.d.ts",
|
|
136
|
+
"default": "./fesm2022/ng-vagabond-lab-ng-dsv-ds-theme.mjs"
|
|
137
|
+
},
|
|
138
138
|
"./ds/toast": {
|
|
139
139
|
"types": "./ds/toast/index.d.ts",
|
|
140
140
|
"default": "./fesm2022/ng-vagabond-lab-ng-dsv-ds-toast.mjs"
|