nmce-directives 1.6.0 → 1.6.1
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/README.md +0 -23
- package/fesm2022/nmce-directives.mjs +15 -12
- package/fesm2022/nmce-directives.mjs.map +1 -1
- package/package.json +6 -5
- package/types/nmce-directives.d.ts +3 -2
package/README.md
CHANGED
|
@@ -2,26 +2,3 @@
|
|
|
2
2
|
|
|
3
3
|
* autofocus
|
|
4
4
|
* scrollInto
|
|
5
|
-
|
|
6
|
-
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.5.
|
|
7
|
-
|
|
8
|
-
## Code scaffolding
|
|
9
|
-
|
|
10
|
-
Run `ng generate component component-name --project nmce-directives` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project nmce-directives`.
|
|
11
|
-
> Note: Don't forget to add `--project nmce-directives` or else it will be added to the default project in your `angular.json` file.
|
|
12
|
-
|
|
13
|
-
## Build
|
|
14
|
-
|
|
15
|
-
Run `ng build nmce-directives` to build the project. The build artifacts will be stored in the `dist/` directory.
|
|
16
|
-
|
|
17
|
-
## Publishing
|
|
18
|
-
|
|
19
|
-
After building your library with `ng build nmce-directives`, go to the dist folder `cd dist/nmce-directives` and run `npm publish`.
|
|
20
|
-
|
|
21
|
-
## Running unit tests
|
|
22
|
-
|
|
23
|
-
Run `ng test nmce-directives` to execute the unit tests via [Karma](https://karma-runner.github.io).
|
|
24
|
-
|
|
25
|
-
## Further help
|
|
26
|
-
|
|
27
|
-
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
|
|
@@ -4,7 +4,8 @@ import { Input, Directive, NgModule } from '@angular/core';
|
|
|
4
4
|
/**
|
|
5
5
|
* Use as a parameterized input parameter in html element.
|
|
6
6
|
* When used inside a material dialog, this directive may be at odd against the autofocus config parameter of MatDialogConfig,
|
|
7
|
-
* if the autofocus config is not false.
|
|
7
|
+
* if the autofocus config is not false.
|
|
8
|
+
* For auto focus features in Angular Material dialog, CDK focus directives are preferred: https://material.angular.dev/cdk/a11y/overview
|
|
8
9
|
*/
|
|
9
10
|
class AutofocusDirective {
|
|
10
11
|
el;
|
|
@@ -14,13 +15,15 @@ class AutofocusDirective {
|
|
|
14
15
|
}
|
|
15
16
|
ngAfterViewInit() {
|
|
16
17
|
if (this.autofocus) {
|
|
17
|
-
|
|
18
|
+
queueMicrotask(() => {
|
|
19
|
+
this.el.nativeElement.focus({ preventScroll: true });
|
|
20
|
+
});
|
|
18
21
|
}
|
|
19
22
|
}
|
|
20
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
21
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
23
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: AutofocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
24
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.2", type: AutofocusDirective, isStandalone: true, selector: "[autofocus]", inputs: { autofocus: "autofocus" }, ngImport: i0 });
|
|
22
25
|
}
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: AutofocusDirective, decorators: [{
|
|
24
27
|
type: Directive,
|
|
25
28
|
args: [{
|
|
26
29
|
selector: '[autofocus]',
|
|
@@ -46,10 +49,10 @@ class ScrollIntoDirective {
|
|
|
46
49
|
this.el.nativeElement.scrollIntoView();
|
|
47
50
|
}
|
|
48
51
|
}
|
|
49
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
50
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
52
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ScrollIntoDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
53
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.2", type: ScrollIntoDirective, isStandalone: true, selector: "[scrollInto]", inputs: { scrollInto: "scrollInto" }, ngImport: i0 });
|
|
51
54
|
}
|
|
52
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ScrollIntoDirective, decorators: [{
|
|
53
56
|
type: Directive,
|
|
54
57
|
args: [{
|
|
55
58
|
selector: '[scrollInto]',
|
|
@@ -63,13 +66,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
63
66
|
* Contain components for apps preferring importing module.
|
|
64
67
|
*/
|
|
65
68
|
class NmceDirectivesModule {
|
|
66
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
67
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
69
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NmceDirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
70
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: NmceDirectivesModule, imports: [AutofocusDirective,
|
|
68
71
|
ScrollIntoDirective], exports: [AutofocusDirective,
|
|
69
72
|
ScrollIntoDirective] });
|
|
70
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
73
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NmceDirectivesModule });
|
|
71
74
|
}
|
|
72
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
75
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NmceDirectivesModule, decorators: [{
|
|
73
76
|
type: NgModule,
|
|
74
77
|
args: [{
|
|
75
78
|
imports: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nmce-directives.mjs","sources":["../../../projects/nmce-directives/src/_directives/autofocus.ts","../../../projects/nmce-directives/src/_directives/scrollInto.directive.ts","../../../projects/nmce-directives/src/nmce-directives.module.ts","../../../projects/nmce-directives/src/public-api.ts","../../../projects/nmce-directives/src/nmce-directives.ts"],"sourcesContent":["import { AfterViewInit, Directive, ElementRef, Input } from '@angular/core';\r\n\r\n/**\r\n * Use as a parameterized input parameter in html element.\r\n * When used inside a material dialog, this directive may be at odd against the autofocus config parameter of MatDialogConfig, \r\n * if the autofocus config is not false
|
|
1
|
+
{"version":3,"file":"nmce-directives.mjs","sources":["../../../projects/nmce-directives/src/_directives/autofocus.ts","../../../projects/nmce-directives/src/_directives/scrollInto.directive.ts","../../../projects/nmce-directives/src/nmce-directives.module.ts","../../../projects/nmce-directives/src/public-api.ts","../../../projects/nmce-directives/src/nmce-directives.ts"],"sourcesContent":["import { AfterViewInit, Directive, ElementRef, Input } from '@angular/core';\r\n\r\n/**\r\n * Use as a parameterized input parameter in html element.\r\n * When used inside a material dialog, this directive may be at odd against the autofocus config parameter of MatDialogConfig, \r\n * if the autofocus config is not false.\r\n * For auto focus features in Angular Material dialog, CDK focus directives are preferred: https://material.angular.dev/cdk/a11y/overview\r\n */\r\n@Directive({\r\n\tselector: '[autofocus]',\r\n\tstandalone: true\r\n})\r\nexport class AutofocusDirective implements AfterViewInit {\r\n\t@Input('autofocus') autofocus = false;\r\n\r\n\tconstructor(private el: ElementRef<HTMLElement>) {\r\n\t}\r\n\r\n\tngAfterViewInit() {\r\n\t\tif (this.autofocus) {\r\n\t\t\tqueueMicrotask(() => {\r\n\t\t\t\tthis.el.nativeElement.focus({ preventScroll: true });\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n}\r\n","import { AfterViewInit, Directive, ElementRef, Input } from '@angular/core';\r\n\r\n/**\r\n * Scroll to element attached. And the element may be an Angular Material component too.\r\n */\r\n@Directive({\r\n selector: '[scrollInto]',\r\n standalone: true\r\n})\r\nexport class ScrollIntoDirective implements AfterViewInit {\r\n\tconstructor(private el: ElementRef) {\r\n\t\t//\tconsole.debug('ScrollIntoDirective created.');\r\n\t}\r\n\r\n\t@Input()\r\n\tscrollInto: boolean = false;\r\n\r\n\tngAfterViewInit() {\r\n\t\tif (this.scrollInto) {\r\n\t\t\tthis.el.nativeElement.scrollIntoView();\r\n\t\t}\r\n\t}\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { AutofocusDirective } from './_directives/autofocus';\r\nimport { ScrollIntoDirective } from './_directives/scrollInto.directive';\r\n\r\n/**\r\n * Contain components for apps preferring importing module.\r\n */\r\n@NgModule({\r\n\timports: [\r\n\t\tAutofocusDirective,\r\n\t\tScrollIntoDirective\r\n\t],\r\n\r\n\texports: [\r\n\t\tAutofocusDirective,\r\n\t\tScrollIntoDirective\r\n\t]\r\n})\r\nexport class NmceDirectivesModule { }\r\n","/*\r\n * Public API Surface of nmce-directives\r\n */\r\n/// <reference types=\"@angular/localize\" />\r\n\r\nexport * from './_directives/autofocus';\r\nexport * from './_directives/scrollInto.directive';\r\nexport * from './nmce-directives.module';\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAEA;;;;;AAKG;MAKU,kBAAkB,CAAA;AAGV,IAAA,EAAA;IAFA,SAAS,GAAG,KAAK;AAErC,IAAA,WAAA,CAAoB,EAA2B,EAAA;QAA3B,IAAA,CAAA,EAAE,GAAF,EAAE;IACtB;IAEA,eAAe,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YACnB,cAAc,CAAC,MAAK;AACnB,gBAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;AACrD,YAAA,CAAC,CAAC;QACH;IACD;uGAZY,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,UAAU,EAAE;AACZ,iBAAA;;sBAEC,KAAK;uBAAC,WAAW;;;ACXnB;;AAEG;MAKU,mBAAmB,CAAA;AACX,IAAA,EAAA;AAApB,IAAA,WAAA,CAAoB,EAAc,EAAA;QAAd,IAAA,CAAA,EAAE,GAAF,EAAE;;IAEtB;IAGA,UAAU,GAAY,KAAK;IAE3B,eAAe,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACpB,YAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,cAAc,EAAE;QACvC;IACD;uGAZY,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAJ/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,UAAU,EAAE;AACf,iBAAA;;sBAMC;;;ACVF;;AAEG;MAYU,oBAAoB,CAAA;uGAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAT/B,kBAAkB;AAClB,YAAA,mBAAmB,aAInB,kBAAkB;YAClB,mBAAmB,CAAA,EAAA,CAAA;wGAGR,oBAAoB,EAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAXhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,OAAO,EAAE;wBACR,kBAAkB;wBAClB;AACA,qBAAA;AAED,oBAAA,OAAO,EAAE;wBACR,kBAAkB;wBAClB;AACA;AACD,iBAAA;;;ACjBD;;AAEG;AACH;;ACHA;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "nmce-directives",
|
|
3
|
-
"version": "1.6.
|
|
3
|
+
"version": "1.6.1",
|
|
4
4
|
"author": {
|
|
5
5
|
"name": "Z"
|
|
6
6
|
},
|
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
"repository": {
|
|
10
10
|
"url": "git+https://github.com/zijianhuang/nmce.git"
|
|
11
11
|
},
|
|
12
|
+
"dependencies": {
|
|
13
|
+
"nmce-func": "^1.7.1",
|
|
14
|
+
"tslib": "^2.3.0"
|
|
15
|
+
},
|
|
12
16
|
"module": "fesm2022/nmce-directives.mjs",
|
|
13
17
|
"typings": "types/nmce-directives.d.ts",
|
|
14
18
|
"exports": {
|
|
@@ -20,8 +24,5 @@
|
|
|
20
24
|
"default": "./fesm2022/nmce-directives.mjs"
|
|
21
25
|
}
|
|
22
26
|
},
|
|
23
|
-
"sideEffects": false
|
|
24
|
-
"dependencies": {
|
|
25
|
-
"tslib": "^2.3.0"
|
|
26
|
-
}
|
|
27
|
+
"sideEffects": false
|
|
27
28
|
}
|
|
@@ -4,12 +4,13 @@ import { AfterViewInit, ElementRef } from '@angular/core';
|
|
|
4
4
|
/**
|
|
5
5
|
* Use as a parameterized input parameter in html element.
|
|
6
6
|
* When used inside a material dialog, this directive may be at odd against the autofocus config parameter of MatDialogConfig,
|
|
7
|
-
* if the autofocus config is not false.
|
|
7
|
+
* if the autofocus config is not false.
|
|
8
|
+
* For auto focus features in Angular Material dialog, CDK focus directives are preferred: https://material.angular.dev/cdk/a11y/overview
|
|
8
9
|
*/
|
|
9
10
|
declare class AutofocusDirective implements AfterViewInit {
|
|
10
11
|
private el;
|
|
11
12
|
autofocus: boolean;
|
|
12
|
-
constructor(el: ElementRef);
|
|
13
|
+
constructor(el: ElementRef<HTMLElement>);
|
|
13
14
|
ngAfterViewInit(): void;
|
|
14
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<AutofocusDirective, never>;
|
|
15
16
|
static ɵdir: i0.ɵɵDirectiveDeclaration<AutofocusDirective, "[autofocus]", never, { "autofocus": { "alias": "autofocus"; "required": false; }; }, {}, never, never, true, never>;
|