@coolon/angular-ui-powerups 1.4.0 → 1.4.2
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/CHANGELOG.md +15 -0
- package/bundles/coolon-angular-ui-powerups.umd.js +1 -0
- package/bundles/coolon-angular-ui-powerups.umd.js.map +1 -1
- package/bundles/coolon-angular-ui-powerups.umd.min.js +1 -1
- package/bundles/coolon-angular-ui-powerups.umd.min.js.map +1 -1
- package/esm2015/lib/components/focusable.component.js +1 -0
- package/esm2015/lib/components/focusable.component.js.map +1 -1
- package/esm2015/lib/components/vertical-focus-container/vertical-focus-container.component.js.map +1 -1
- package/esm5/lib/components/focusable.component.js +1 -0
- package/esm5/lib/components/focusable.component.js.map +1 -1
- package/esm5/lib/components/vertical-focus-container/vertical-focus-container.component.js.map +1 -1
- package/fesm2015/coolon-angular-ui-powerups.js +1 -0
- package/fesm2015/coolon-angular-ui-powerups.js.map +1 -1
- package/fesm5/coolon-angular-ui-powerups.js +1 -0
- package/fesm5/coolon-angular-ui-powerups.js.map +1 -1
- package/package.json +1 -1
|
@@ -11,6 +11,7 @@ let FocusableComponent = class FocusableComponent extends DisposableComponent {
|
|
|
11
11
|
const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
|
|
12
12
|
if (this.focusManager) {
|
|
13
13
|
this._focusContext = this.focusManager.registerFocusable(this);
|
|
14
|
+
this.registerDisposable(this._focusContext);
|
|
14
15
|
this.registerDisposable(focusBindingFactory.createBinding(el.nativeElement, this.focusContext));
|
|
15
16
|
}
|
|
16
17
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"focusable.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/focusable.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAEjF,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAG7D,IAAa,kBAAkB,GAA/B,MAAa,kBAAmB,SAAQ,mBAAmB;IAmBzD,YAA+B,EAAc,EAAW,YAA0B,EAAE,mBAAwC;QAC1H,KAAK,EAAE,CAAC;QADqB,OAAE,GAAF,EAAE,CAAY;QAAW,iBAAY,GAAZ,YAAY,CAAc;QAEhF,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzF,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;YAC/D,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,aAAa,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;SACjG;IACH,CAAC;
|
|
1
|
+
{"version":3,"file":"focusable.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/focusable.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAEjF,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAG7D,IAAa,kBAAkB,GAA/B,MAAa,kBAAmB,SAAQ,mBAAmB;IAmBzD,YAA+B,EAAc,EAAW,YAA0B,EAAE,mBAAwC;QAC1H,KAAK,EAAE,CAAC;QADqB,OAAE,GAAF,EAAE,CAAY;QAAW,iBAAY,GAAZ,YAAY,CAAc;QAEhF,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzF,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;YAC/D,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAC5C,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,aAAa,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;SACjG;IACH,CAAC;IAtBD,IAAI,SAAS;QACX,OAAO,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7C,CAAC;IAGD,OAAO;;QACL,MAAA,IAAI,CAAC,YAAY,0CAAE,aAAa,GAAG;IACrC,CAAC;IAGD,MAAM;;QACJ,MAAA,IAAI,CAAC,YAAY,0CAAE,cAAc,GAAG;IACtC,CAAC;IAYD,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;CAEF,CAAA;;YAdoC,UAAU;YAAyB,YAAY;YAAuB,mBAAmB;;AAd5H;IADC,WAAW,CAAC,eAAe,CAAC;;;mDAG5B;AAGD;IADC,YAAY,CAAC,OAAO,CAAC;;;;iDAGrB;AAGD;IADC,YAAY,CAAC,MAAM,CAAC;;;;gDAGpB;AAjBU,kBAAkB;IAD9B,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;qCAoBS,UAAU,EAAyB,YAAY,EAAuB,mBAAmB;GAnBjH,kBAAkB,CAiC9B;SAjCY,kBAAkB","sourcesContent":["import { Component, ElementRef, HostBinding, HostListener } from '@angular/core';\n\nimport { Dsl, FocusManager } from '@coolon/pectin';\nimport { FocusBindingFactory } from '../directives/focus-binding-factory';\nimport { DisposableComponent } from './disposable-component';\n\n@Component({ template: '' })\nexport class FocusableComponent extends DisposableComponent {\n\n private _focusContext: FocusManager.Context;\n\n @HostBinding('attr.tabindex')\n get focusable() {\n return !!this.focusContext ? 0 : undefined;\n }\n\n @HostListener('focus')\n onFocus() {\n this.focusContext?.notifyFocusIn();\n }\n\n @HostListener('blur')\n onBlur() {\n this.focusContext?.notifyFocusOut();\n }\n\n constructor(protected readonly el: ElementRef, readonly focusManager: FocusManager, focusBindingFactory: FocusBindingFactory) {\n super();\n const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n if (this.focusManager) {\n this._focusContext = this.focusManager.registerFocusable(this);\n this.registerDisposable(this._focusContext);\n this.registerDisposable(focusBindingFactory.createBinding(el.nativeElement, this.focusContext));\n }\n }\n\n get focusContext(): FocusManager.Context {\n return this._focusContext;\n }\n\n}\n"]}
|
package/esm2015/lib/components/vertical-focus-container/vertical-focus-container.component.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vertical-focus-container.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/vertical-focus-container/vertical-focus-container.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"vertical-focus-container.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/vertical-focus-container/vertical-focus-container.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAU,IAAI,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AAUvF,IAAa,+BAA+B,GAA5C,MAAa,+BAAgC,SAAQ,uBAAuB;IA0C1E,YAA6B,YAA0B;QACrD,KAAK,CAAC,YAAY,CAAC,CAAC;QADO,iBAAY,GAAZ,YAAY,CAAc;IAEvD,CAAC;IAjCD,SAAS,CAAC,KAAoB;QAC5B,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE;YACvC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC;SACjC;IACH,CAAC;IAGD,UAAU,CAAC,KAAoB;QAC7B,IAAI,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE;YACxC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC;SAClC;IACH,CAAC;IAGD,SAAS,CAAC,KAAoB;QAC5B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC;IAChC,CAAC;IAGD,OAAO,CAAC,KAAoB;QAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC;IACpC,CAAC;IAMD,QAAQ;IACR,CAAC;CAEF,CAAA;;YAP4C,YAAY,uBAA1C,IAAI;;AAtCjB;IAFC,KAAK,CAAC,oBAAoB,CAAC;IAC3B,aAAa,EAAE;8BACG,OAAO;0EAAO;AAIjC;IAFC,KAAK,CAAC,mBAAmB,CAAC;IAC1B,aAAa,EAAE;8BACE,OAAO;yEAAO;AAGhC;IADC,YAAY,CAAC,iBAAiB,EAAE,CAAC,QAAQ,CAAC,CAAC;;qCAC3B,aAAa;;gEAM7B;AAGD;IADC,YAAY,CAAC,kBAAkB,EAAE,CAAC,QAAQ,CAAC,CAAC;;qCAC3B,aAAa;;iEAM9B;AAGD;IADC,YAAY,CAAC,iBAAiB,EAAE,CAAC,QAAQ,CAAC,CAAC;;qCAC3B,aAAa;;gEAI7B;AAGD;IADC,YAAY,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAC,CAAC;;qCAC3B,aAAa;;8DAI3B;AAxCU,+BAA+B;IAR3C,SAAS,CAAC;QACT,QAAQ,EAAE,8BAA8B;QACxC,uCAAwD;QAExD,SAAS,EAAE;YACT,EAAE,OAAO,EAAE,YAAY,EAAE;SAC1B;;KACF,CAAC;IA2Ca,WAAA,IAAI,EAAE,CAAA;qCAAwB,YAAY;GA1C5C,+BAA+B,CAiD3C;SAjDY,+BAA+B","sourcesContent":["import { Component, HostListener, Input, OnInit, Self } from '@angular/core';\nimport { Command, FocusManager, TrackExternal } from '@coolon/pectin';\nimport { FocusContainerComponent } from '../focus-container/focus-container.component';\n\n@Component({\n selector: 'aup-vertical-focus-container',\n templateUrl: './vertical-focus-container.component.html',\n styleUrls: ['./vertical-focus-container.component.scss'],\n providers: [\n { provide: FocusManager }\n ]\n})\nexport class VerticalFocusContainerComponent extends FocusContainerComponent implements OnInit {\n\n @Input('command.arrowRight')\n @TrackExternal()\n rightArrowCommand: Command<void>;\n\n @Input('command.arrowLeft')\n @TrackExternal()\n leftArrowCommand: Command<void>;\n\n @HostListener('keyup.arrowLeft', ['$event'])\n arrowLeft(event: KeyboardEvent) {\n if (this.leftArrowCommand.enabled.value) {\n event.preventDefault();\n event.stopPropagation();\n this.leftArrowCommand.execute();\n }\n }\n\n @HostListener('keyup.arrowRight', ['$event'])\n arrowRight(event: KeyboardEvent) {\n if (this.rightArrowCommand.enabled.value) {\n event.preventDefault();\n event.stopPropagation();\n this.rightArrowCommand.execute();\n }\n }\n\n @HostListener('keyup.arrowDown', ['$event'])\n arrowDown(event: KeyboardEvent) {\n event.preventDefault();\n event.stopPropagation();\n this.focusManager.focusNext();\n }\n\n @HostListener('keyup.arrowUp', ['$event'])\n arrowUp(event: KeyboardEvent) {\n event.preventDefault();\n event.stopPropagation();\n this.focusManager.focusPrevious();\n }\n\n constructor(@Self() readonly focusManager: FocusManager) {\n super(focusManager);\n }\n\n ngOnInit() {\n }\n\n}\n"]}
|
|
@@ -12,6 +12,7 @@ var FocusableComponent = /** @class */ (function (_super) {
|
|
|
12
12
|
var _a = Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
|
|
13
13
|
if (_this.focusManager) {
|
|
14
14
|
_this._focusContext = _this.focusManager.registerFocusable(_this);
|
|
15
|
+
_this.registerDisposable(_this._focusContext);
|
|
15
16
|
_this.registerDisposable(focusBindingFactory.createBinding(el.nativeElement, _this.focusContext));
|
|
16
17
|
}
|
|
17
18
|
return _this;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"focusable.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/focusable.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAEjF,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAG7D;IAAwC,sCAAmB;IAmBzD,4BAA+B,EAAc,EAAW,YAA0B,EAAE,mBAAwC;QAA5H,YACE,iBAAO,
|
|
1
|
+
{"version":3,"file":"focusable.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/focusable.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAEjF,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAG7D;IAAwC,sCAAmB;IAmBzD,4BAA+B,EAAc,EAAW,YAA0B,EAAE,mBAAwC;QAA5H,YACE,iBAAO,SAOR;QAR8B,QAAE,GAAF,EAAE,CAAY;QAAW,kBAAY,GAAZ,YAAY,CAAc;QAE1E,IAAA,2BAAkF,EAAhF,gBAAK,EAAE,oBAAO,EAAE,kBAAM,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAkC,CAAC;QACzF,IAAI,KAAI,CAAC,YAAY,EAAE;YACrB,KAAI,CAAC,aAAa,GAAG,KAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,KAAI,CAAC,CAAC;YAC/D,KAAI,CAAC,kBAAkB,CAAC,KAAI,CAAC,aAAa,CAAC,CAAC;YAC5C,KAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,aAAa,CAAC,EAAE,CAAC,aAAa,EAAE,KAAI,CAAC,YAAY,CAAC,CAAC,CAAC;SACjG;;IACH,CAAC;IAtBD,sBAAI,yCAAS;aAAb;YACE,OAAO,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC7C,CAAC;;;OAAA;IAGD,oCAAO,GAAP;;QACE,MAAA,IAAI,CAAC,YAAY,0CAAE,aAAa,GAAG;IACrC,CAAC;IAGD,mCAAM,GAAN;;QACE,MAAA,IAAI,CAAC,YAAY,0CAAE,cAAc,GAAG;IACtC,CAAC;IAYD,sBAAI,4CAAY;aAAhB;YACE,OAAO,IAAI,CAAC,aAAa,CAAC;QAC5B,CAAC;;;OAAA;;gBAZkC,UAAU;gBAAyB,YAAY;gBAAuB,mBAAmB;;IAd5H;QADC,WAAW,CAAC,eAAe,CAAC;;;uDAG5B;IAGD;QADC,YAAY,CAAC,OAAO,CAAC;;;;qDAGrB;IAGD;QADC,YAAY,CAAC,MAAM,CAAC;;;;oDAGpB;IAjBU,kBAAkB;QAD9B,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;yCAoBS,UAAU,EAAyB,YAAY,EAAuB,mBAAmB;OAnBjH,kBAAkB,CAiC9B;IAAD,yBAAC;CAAA,AAjCD,CAAwC,mBAAmB,GAiC1D;SAjCY,kBAAkB","sourcesContent":["import { Component, ElementRef, HostBinding, HostListener } from '@angular/core';\n\nimport { Dsl, FocusManager } from '@coolon/pectin';\nimport { FocusBindingFactory } from '../directives/focus-binding-factory';\nimport { DisposableComponent } from './disposable-component';\n\n@Component({ template: '' })\nexport class FocusableComponent extends DisposableComponent {\n\n private _focusContext: FocusManager.Context;\n\n @HostBinding('attr.tabindex')\n get focusable() {\n return !!this.focusContext ? 0 : undefined;\n }\n\n @HostListener('focus')\n onFocus() {\n this.focusContext?.notifyFocusIn();\n }\n\n @HostListener('blur')\n onBlur() {\n this.focusContext?.notifyFocusOut();\n }\n\n constructor(protected readonly el: ElementRef, readonly focusManager: FocusManager, focusBindingFactory: FocusBindingFactory) {\n super();\n const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n if (this.focusManager) {\n this._focusContext = this.focusManager.registerFocusable(this);\n this.registerDisposable(this._focusContext);\n this.registerDisposable(focusBindingFactory.createBinding(el.nativeElement, this.focusContext));\n }\n }\n\n get focusContext(): FocusManager.Context {\n return this._focusContext;\n }\n\n}\n"]}
|
package/esm5/lib/components/vertical-focus-container/vertical-focus-container.component.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vertical-focus-container.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/vertical-focus-container/vertical-focus-container.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"vertical-focus-container.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/vertical-focus-container/vertical-focus-container.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAU,IAAI,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AAUvF;IAAqD,mDAAuB;IA0C1E,yCAA6B,YAA0B;QAAvD,YACE,kBAAM,YAAY,CAAC,SACpB;QAF4B,kBAAY,GAAZ,YAAY,CAAc;;IAEvD,CAAC;IAjCD,mDAAS,GAAT,UAAU,KAAoB;QAC5B,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE;YACvC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC;SACjC;IACH,CAAC;IAGD,oDAAU,GAAV,UAAW,KAAoB;QAC7B,IAAI,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE;YACxC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC;SAClC;IACH,CAAC;IAGD,mDAAS,GAAT,UAAU,KAAoB;QAC5B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC;IAChC,CAAC;IAGD,iDAAO,GAAP,UAAQ,KAAoB;QAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC;IACpC,CAAC;IAMD,kDAAQ,GAAR;IACA,CAAC;;gBAL0C,YAAY,uBAA1C,IAAI;;IAtCjB;QAFC,KAAK,CAAC,oBAAoB,CAAC;QAC3B,aAAa,EAAE;kCACG,OAAO;8EAAO;IAIjC;QAFC,KAAK,CAAC,mBAAmB,CAAC;QAC1B,aAAa,EAAE;kCACE,OAAO;6EAAO;IAGhC;QADC,YAAY,CAAC,iBAAiB,EAAE,CAAC,QAAQ,CAAC,CAAC;;yCAC3B,aAAa;;oEAM7B;IAGD;QADC,YAAY,CAAC,kBAAkB,EAAE,CAAC,QAAQ,CAAC,CAAC;;yCAC3B,aAAa;;qEAM9B;IAGD;QADC,YAAY,CAAC,iBAAiB,EAAE,CAAC,QAAQ,CAAC,CAAC;;yCAC3B,aAAa;;oEAI7B;IAGD;QADC,YAAY,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAC,CAAC;;yCAC3B,aAAa;;kEAI3B;IAxCU,+BAA+B;QAR3C,SAAS,CAAC;YACT,QAAQ,EAAE,8BAA8B;YACxC,uCAAwD;YAExD,SAAS,EAAE;gBACT,EAAE,OAAO,EAAE,YAAY,EAAE;aAC1B;;SACF,CAAC;QA2Ca,WAAA,IAAI,EAAE,CAAA;yCAAwB,YAAY;OA1C5C,+BAA+B,CAiD3C;IAAD,sCAAC;CAAA,AAjDD,CAAqD,uBAAuB,GAiD3E;SAjDY,+BAA+B","sourcesContent":["import { Component, HostListener, Input, OnInit, Self } from '@angular/core';\nimport { Command, FocusManager, TrackExternal } from '@coolon/pectin';\nimport { FocusContainerComponent } from '../focus-container/focus-container.component';\n\n@Component({\n selector: 'aup-vertical-focus-container',\n templateUrl: './vertical-focus-container.component.html',\n styleUrls: ['./vertical-focus-container.component.scss'],\n providers: [\n { provide: FocusManager }\n ]\n})\nexport class VerticalFocusContainerComponent extends FocusContainerComponent implements OnInit {\n\n @Input('command.arrowRight')\n @TrackExternal()\n rightArrowCommand: Command<void>;\n\n @Input('command.arrowLeft')\n @TrackExternal()\n leftArrowCommand: Command<void>;\n\n @HostListener('keyup.arrowLeft', ['$event'])\n arrowLeft(event: KeyboardEvent) {\n if (this.leftArrowCommand.enabled.value) {\n event.preventDefault();\n event.stopPropagation();\n this.leftArrowCommand.execute();\n }\n }\n\n @HostListener('keyup.arrowRight', ['$event'])\n arrowRight(event: KeyboardEvent) {\n if (this.rightArrowCommand.enabled.value) {\n event.preventDefault();\n event.stopPropagation();\n this.rightArrowCommand.execute();\n }\n }\n\n @HostListener('keyup.arrowDown', ['$event'])\n arrowDown(event: KeyboardEvent) {\n event.preventDefault();\n event.stopPropagation();\n this.focusManager.focusNext();\n }\n\n @HostListener('keyup.arrowUp', ['$event'])\n arrowUp(event: KeyboardEvent) {\n event.preventDefault();\n event.stopPropagation();\n this.focusManager.focusPrevious();\n }\n\n constructor(@Self() readonly focusManager: FocusManager) {\n super(focusManager);\n }\n\n ngOnInit() {\n }\n\n}\n"]}
|
|
@@ -368,6 +368,7 @@ let FocusableComponent = class FocusableComponent extends DisposableComponent {
|
|
|
368
368
|
const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
|
|
369
369
|
if (this.focusManager) {
|
|
370
370
|
this._focusContext = this.focusManager.registerFocusable(this);
|
|
371
|
+
this.registerDisposable(this._focusContext);
|
|
371
372
|
this.registerDisposable(focusBindingFactory.createBinding(el.nativeElement, this.focusContext));
|
|
372
373
|
}
|
|
373
374
|
}
|