@wkly/datetime-picker 11.0.0

package/fesm2015/wkly-datetime-picker-cdk-overlay.js

@@ -0,0 +1,131 @@
+import { ɵɵdefineInjectable, ɵɵinject, INJECTOR, Injectable, Injector, Directive, forwardRef, ElementRef, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
+import { Overlay, OverlayModule } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+import { FocusTrapFactory } from '@angular/cdk/a11y';
+import { WklyDateTimePickerComponent, WklyTriggerBase, WklyPickerInputsPropertyKeys, WklyDateTimePickerModule } from '@wkly/datetime-picker';
+
+class WklyDateTimePickerOverlayService {
+    constructor(overlay, injector, traps) {
+        this.overlay = overlay;
+        this.injector = injector;
+        this.traps = traps;
+    }
+    open(trigger, onCancel, backdrop = true, injector) {
+        const overlay = this.overlay.create({
+            width: "390px",
+            maxWidth: "100vw",
+            maxHeight: "94vh",
+            hasBackdrop: true,
+            backdropClass: "cdk-overlay-transparent-backdrop",
+            scrollStrategy: this.overlay.scrollStrategies.block(),
+            positionStrategy: this.overlay
+                .position()
+                .flexibleConnectedTo(trigger)
+                .withPush(true)
+                .withFlexibleDimensions(false)
+                .withLockedPosition(true)
+                .withPositions([
+                {
+                    originX: "start",
+                    originY: "bottom",
+                    overlayX: "start",
+                    overlayY: "top",
+                    offsetY: 6,
+                },
+                {
+                    originX: "start",
+                    originY: "top",
+                    overlayX: "start",
+                    overlayY: "bottom",
+                    offsetY: -6,
+                },
+            ]),
+        });
+        const component = overlay.attach(new ComponentPortal(WklyDateTimePickerComponent, null, injector || this.injector));
+        component.instance.presentation = "transient";
+        overlay.overlayElement.setAttribute("role", "dialog");
+        overlay.overlayElement.setAttribute("aria-modal", "true");
+        overlay.overlayElement.setAttribute("aria-label", "Date and time picker");
+        overlay.overlayElement.style.overflow = "auto";
+        const trap = this.traps.create(overlay.overlayElement);
+        const sub = overlay.backdropClick().subscribe(() => {
+            if (backdrop)
+                onCancel("backdrop");
+        });
+        const key = overlay.keydownEvents().subscribe((event) => {
+            if (event.key === "Escape") {
+                event.preventDefault();
+                onCancel("escape");
+            }
+        });
+        return {
+            component,
+            destroy: () => {
+                sub.unsubscribe();
+                key.unsubscribe();
+                trap.destroy();
+                overlay.dispose();
+                trigger.focus();
+            },
+        };
+    }
+}
+WklyDateTimePickerOverlayService.ɵprov = ɵɵdefineInjectable({ factory: function WklyDateTimePickerOverlayService_Factory() { return new WklyDateTimePickerOverlayService(ɵɵinject(Overlay), ɵɵinject(INJECTOR), ɵɵinject(FocusTrapFactory)); }, token: WklyDateTimePickerOverlayService, providedIn: "root" });
+WklyDateTimePickerOverlayService.decorators = [
+    { type: Injectable, args: [{ providedIn: "root" },] }
+];
+WklyDateTimePickerOverlayService.ctorParameters = () => [
+    { type: Overlay },
+    { type: Injector },
+    { type: FocusTrapFactory }
+];
+class WklyDateTimePickerOverlayDirective extends WklyTriggerBase {
+    constructor(element, service, triggerInjector) {
+        super(element);
+        this.service = service;
+        this.triggerInjector = triggerInjector;
+    }
+    create() {
+        return this.service.open(this.element.nativeElement, (reason) => this.close(reason), this[WklyPickerInputsPropertyKeys.CloseOnBackdrop], this.triggerInjector);
+    }
+}
+WklyDateTimePickerOverlayDirective.decorators = [
+    { type: Directive, args: [{
+                selector: "[wklyDateTimePickerOverlay]",
+                exportAs: "wklyOverlay",
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => WklyDateTimePickerOverlayDirective),
+                        multi: true,
+                    },
+                    {
+                        provide: NG_VALIDATORS,
+                        useExisting: forwardRef(() => WklyDateTimePickerOverlayDirective),
+                        multi: true,
+                    },
+                ],
+            },] }
+];
+WklyDateTimePickerOverlayDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: WklyDateTimePickerOverlayService },
+    { type: Injector }
+];
+class WklyDateTimePickerOverlayModule {
+}
+WklyDateTimePickerOverlayModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [OverlayModule, WklyDateTimePickerModule],
+                declarations: [WklyDateTimePickerOverlayDirective],
+                exports: [WklyDateTimePickerOverlayDirective],
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WklyDateTimePickerOverlayDirective, WklyDateTimePickerOverlayModule, WklyDateTimePickerOverlayService };
+//# sourceMappingURL=wkly-datetime-picker-cdk-overlay.js.map

package/fesm2015/wkly-datetime-picker-cdk-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wkly-datetime-picker-cdk-overlay.js","sources":["../../../projects/wkly-datetime-picker.11/cdk-overlay/public-api.ts","../../../projects/wkly-datetime-picker.11/cdk-overlay/wkly-datetime-picker-cdk-overlay.ts"],"sourcesContent":["import {\n  ComponentFactoryResolver,\n  Directive,\n  ElementRef,\n  forwardRef,\n  Injectable,\n  Injector,\n  NgModule,\n} from \"@angular/core\";\nimport { NG_VALIDATORS, NG_VALUE_ACCESSOR } from \"@angular/forms\";\nimport { Overlay, OverlayModule } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { FocusTrapFactory } from \"@angular/cdk/a11y\";\nimport {\n  WklyDateTimePickerComponent,\n  WklyDateTimePickerModule,\n  WklyCloseReason,\n  WklyPresentationRef,\n  WklyTriggerBase,\n  WklyPickerInputsPropertyKeys,\n} from \"@wkly/datetime-picker\";\n@Injectable({ providedIn: \"root\" })\nexport class WklyDateTimePickerOverlayService {\n  constructor(\n    private overlay: Overlay,\n    private injector: Injector,\n    private traps: FocusTrapFactory,\n  ) {}\n  open(\n    trigger: HTMLElement,\n    onCancel: (reason: WklyCloseReason) => void,\n    backdrop = true,\n    injector?: Injector,\n  ): WklyPresentationRef {\n    const overlay = this.overlay.create({\n      width: \"390px\",\n      maxWidth: \"100vw\",\n      maxHeight: \"94vh\",\n      hasBackdrop: true,\n      backdropClass: \"cdk-overlay-transparent-backdrop\",\n      scrollStrategy: this.overlay.scrollStrategies.block(),\n      positionStrategy: this.overlay\n        .position()\n        .flexibleConnectedTo(trigger)\n        .withPush(true)\n        .withFlexibleDimensions(false)\n        .withLockedPosition(true)\n        .withPositions([\n          {\n            originX: \"start\",\n            originY: \"bottom\",\n            overlayX: \"start\",\n            overlayY: \"top\",\n            offsetY: 6,\n          },\n          {\n            originX: \"start\",\n            originY: \"top\",\n            overlayX: \"start\",\n            overlayY: \"bottom\",\n            offsetY: -6,\n          },\n        ]),\n    });\n    const component = overlay.attach(\n      new ComponentPortal(\n        WklyDateTimePickerComponent,\n        null,\n        injector || this.injector,\n      ),\n    );\n    component.instance.presentation = \"transient\";\n    overlay.overlayElement.setAttribute(\"role\", \"dialog\");\n    overlay.overlayElement.setAttribute(\"aria-modal\", \"true\");\n    overlay.overlayElement.setAttribute(\"aria-label\", \"Date and time picker\");\n    overlay.overlayElement.style.overflow = \"auto\";\n    const trap = this.traps.create(overlay.overlayElement);\n    const sub = overlay.backdropClick().subscribe(() => {\n      if (backdrop) onCancel(\"backdrop\");\n    });\n    const key = overlay.keydownEvents().subscribe((event) => {\n      if (event.key === \"Escape\") {\n        event.preventDefault();\n        onCancel(\"escape\");\n      }\n    });\n    return {\n      component,\n      destroy: () => {\n        sub.unsubscribe();\n        key.unsubscribe();\n        trap.destroy();\n        overlay.dispose();\n        trigger.focus();\n      },\n    };\n  }\n}\n@Directive({\n  selector: \"[wklyDateTimePickerOverlay]\",\n  exportAs: \"wklyOverlay\",\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => WklyDateTimePickerOverlayDirective),\n      multi: true,\n    },\n    {\n      provide: NG_VALIDATORS,\n      useExisting: forwardRef(() => WklyDateTimePickerOverlayDirective),\n      multi: true,\n    },\n  ],\n})\nexport class WklyDateTimePickerOverlayDirective extends WklyTriggerBase {\n  constructor(\n    element: ElementRef<HTMLElement>,\n    private service: WklyDateTimePickerOverlayService,\n    private triggerInjector: Injector,\n  ) {\n    super(element);\n  }\n  protected create(): WklyPresentationRef {\n    return this.service.open(\n      this.element.nativeElement,\n      (reason) => this.close(reason),\n      this[WklyPickerInputsPropertyKeys.CloseOnBackdrop],\n      this.triggerInjector,\n    );\n  }\n}\n@NgModule({\n  imports: [OverlayModule, WklyDateTimePickerModule],\n  declarations: [WklyDateTimePickerOverlayDirective],\n  exports: [WklyDateTimePickerOverlayDirective],\n})\nexport class WklyDateTimePickerOverlayModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}