@yuafox/easepick2-lock-plugin 2.0.0

package/LICENSE.md

@@ -0,0 +1,5 @@
+# Software License Agreement
+
+Licensed under the terms of [GNU General Public License Version 2 or later](http://www.gnu.org/licenses/gpl.html). 
+
+Copyright © 2021-2022, [Rinat G.](https://github.com/wakirin)

package/README.md

@@ -0,0 +1,27 @@
+# @easepick/lock-plugin
+
+[![npm version](https://badge.fury.io/js/@easepick%2Flock-plugin.svg)](https://www.npmjs.com/package/@easepick/lock-plugin)
+
+> This package does not need to be installed if you are using [@easepick/bundle](https://easepick.com/packages/bundle).
+
+Adds the ability to disable days for selection.
+
+
+## Documentation
+
+[https://easepick.com/packages/lock-plugin](https://easepick.com/packages/lock-plugin)
+
+
+## Options
+
+| Name | Type | Default | Description
+| --- | :---: | :---: | ---
+| minDate | Date <br/> string <br/> number | null | The minimum/earliest date that can be selected. <br/> Date Object or Unix Timestamp (with milliseconds) or ISO String.
+| maxDate | Date <br/> string <br/> number | null | The maximum/latest date that can be selected. <br/> Date Object or Unix Timestamp (with milliseconds) or ISO String.
+| minDays | number | null | The minimum days of the selected range.
+| maxDays | number | null | The maximum days of the selected range.
+| selectForward | boolean | false | Select second date after the first selected date.
+| selectBackward | boolean | false | Select second date before the first selected date.
+| presets | boolean | true | Disable unallowed presets (when PresetPlugin is included).
+| inseparable | boolean | false | Disable date range selection with locked days.
+| filter | function | null | Lock days by custom function.

package/dist/index.css

@@ -0,0 +1 @@
+:host{--color-fg-locked:#9e9e9e;--color-bg-locked:#ffab91;--color-bg-unavailable:#f9f9f9}.container.lock-plugin .calendars .calendar:first-child>.header.no-previous-month .previous-button,.container.lock-plugin .calendars .calendar:last-child>.header.no-next-month .next-button{visibility:hidden}.container.lock-plugin .calendar>.days-grid>.day.not-available{background-color:var(--color-bg-unavailable);color:var(--color-fg-locked);font-style:italic;pointer-events:none}.container.lock-plugin .calendar>.days-grid>.day.locked{background-color:transparent;border:1px solid var(--color-border-locked);color:var(--color-fg-locked);pointer-events:none}.container.lock-plugin .calendar>.days-grid>.day.locked:not(.start):not(.end){background-image:repeating-linear-gradient(135deg,transparent,var(--color-bg-locked) 2px,transparent 2px,transparent 4px);font-style:italic}.container.lock-plugin .calendar>.months-grid>.month.locked,.container.lock-plugin .calendar>.years-grid>.year.locked{background-color:transparent;border:1px solid var(--color-border-locked);color:var(--color-fg-locked);pointer-events:none}.container.lock-plugin .preset-plugin-container>button:disabled{color:var(--color-fg-locked);pointer-events:none}

package/dist/index.d.ts

@@ -0,0 +1,98 @@
+import { BasePlugin, IPlugin } from '@yuafox/easepick2-base-plugin';
+import { ILockConfig } from './interface';
+import './index.scss';
+export declare class LockPlugin extends BasePlugin implements IPlugin {
+    priority: number;
+    binds: {
+        onView: any;
+    };
+    options: ILockConfig;
+    /**
+     * Returns plugin name
+     *
+     * @returns String
+     */
+    getName(): string;
+    /**
+     * - Called automatically via BasePlugin.attach() -
+     * The function execute on initialize the picker
+     */
+    onAttach(): void;
+    /**
+     * - Called automatically via BasePlugin.attach() -
+     * The function execute on initialize the picker
+     */
+    onDetach(): void;
+    /**
+     * Function `view` event
+     * Mark day elements as locked
+     *
+     * @param event
+     */
+    private onView;
+    /**
+     * Checks availability date
+     *
+     * @param date
+     * @param start
+     * @returns Boolean
+     */
+    private dateIsNotAvailable;
+    /**
+     * Checks the date range for availability
+     *
+     * @param date1
+     * @param date2
+     * @returns Boolean
+     */
+    private rangeIsNotAvailable;
+    /**
+     * Handle `minDate` option
+     *
+     * @param date
+     * @returns Boolean
+     */
+    private lockMinDate;
+    /**
+     * Handle `maxDate` option
+     *
+     * @param date
+     * @returns Boolean
+     */
+    private lockMaxDate;
+    /**
+     * Handle `minDays` option
+     *
+     * @param date
+     * @returns Boolean
+     */
+    private lockMinDays;
+    /**
+     * Handle `maxDays` option
+     *
+     * @param date
+     * @returns Boolean
+     */
+    private lockMaxDays;
+    /**
+     * Handle `selectForward` option
+     *
+     * @param date
+     * @returns Boolean
+     */
+    private lockSelectForward;
+    /**
+     * Handle `selectBackward` option
+     *
+     * @param date
+     * @returns Boolean
+     */
+    private lockSelectBackward;
+    /**
+     * Handle `filter` option
+     *
+     * @param date
+     * @returns Boolean
+     */
+    private testFilter;
+}

package/dist/index.esm.js

@@ -0,0 +1 @@
+import{DateTime as t}from"@yuafox/easepick2-datetime";import{BasePlugin as i}from"@yuafox/easepick2-base-plugin";class e extends i{priority=1;binds={onView:this.onView.bind(this)};options={minDate:null,maxDate:null,minDays:null,maxDays:null,selectForward:null,selectBackward:null,presets:!0,inseparable:!1,filter:null};getName(){return"LockPlugin"}onAttach(){if(this.options.minDate&&(this.options.minDate=new t(this.options.minDate,this.picker.options.format,this.picker.options.lang)),this.options.maxDate&&(this.options.maxDate=new t(this.options.maxDate,this.picker.options.format,this.picker.options.lang),this.options.maxDate instanceof t&&this.picker.options.calendars>1&&this.picker.calendars[0].isSame(this.options.maxDate,"month"))){const t=this.picker.calendars[0].clone().subtract(1,"month");this.picker.gotoDate(t)}if((this.options.minDays||this.options.maxDays||this.options.selectForward||this.options.selectBackward)&&!this.picker.options.plugins.includes("RangePlugin")){const t=["minDays","maxDays","selectForward","selectBackward"];console.warn(`${this.getName()}: options ${t.join(", ")} required RangePlugin.`)}this.picker.on("view",this.binds.onView)}onDetach(){this.picker.off("view",this.binds.onView)}onView(i){const{view:e,target:s,date:a}=i.detail;if("CalendarHeader"===e&&(this.options.minDate instanceof t&&a.isSameOrBefore(this.options.minDate,"month")&&s.classList.add("no-previous-month"),this.options.maxDate instanceof t&&a.isSameOrAfter(this.options.maxDate,"month")&&s.classList.add("no-next-month")),"CalendarMonth"===e){if(this.options.minDate instanceof t){const i=new t(new Date(this.options.minDate.getFullYear(),this.options.minDate.getMonth(),1));a.getTime()<i.getTime()&&s.classList.add("locked")}if(this.options.maxDate instanceof t){const i=new t(new Date(this.options.maxDate.getFullYear(),this.options.maxDate.getMonth(),1));a.getTime()>i.getTime()&&s.classList.add("locked")}}if("CalendarYear"===e&&(this.options.minDate instanceof t&&a.getFullYear()<this.options.minDate.getFullYear()&&s.classList.add("locked"),this.options.maxDate instanceof t&&a.getFullYear()>this.options.maxDate.getFullYear()&&s.classList.add("locked")),"CalendarDay"===e){const t=this.picker.datePicked.length?this.picker.datePicked[0]:null;if(this.testFilter(a))return void s.classList.add("locked");if(this.options.inseparable){if(this.options.minDays){const t=a.clone().subtract(this.options.minDays-1,"day"),i=a.clone().add(this.options.minDays-1,"day");let e=!1,o=!1;for(;t.isBefore(a,"day");){if(this.testFilter(t)){e=!0;break}t.add(1,"day")}for(;i.isAfter(a,"day");){if(this.testFilter(i)){o=!0;break}i.subtract(1,"day")}e&&o&&s.classList.add("not-available")}this.rangeIsNotAvailable(a,t)&&s.classList.add("not-available")}this.dateIsNotAvailable(a,t)&&s.classList.add("not-available")}if(this.options.presets&&"PresetPluginButton"===e){const i=new t(Number(s.dataset.start)),e=new t(Number(s.dataset.end)),a=e.diff(i,"day"),o=this.options.minDays&&a<this.options.minDays,n=this.options.maxDays&&a>this.options.maxDays;(o||n||this.lockMinDate(i)||this.lockMaxDate(i)||this.lockMinDate(e)||this.lockMaxDate(e)||this.rangeIsNotAvailable(i,e))&&s.setAttribute("disabled","disabled")}}dateIsNotAvailable(t,i){return this.lockMinDate(t)||this.lockMaxDate(t)||this.lockMinDays(t,i)||this.lockMaxDays(t,i)||this.lockSelectForward(t)||this.lockSelectBackward(t)}rangeIsNotAvailable(t,i){if(!t||!i)return!1;const e=(t.isSameOrBefore(i,"day")?t:i).clone(),s=(i.isSameOrAfter(t,"day")?i:t).clone();for(;e.isSameOrBefore(s,"day");){if(this.testFilter(e))return!0;e.add(1,"day")}return!1}lockMinDate(i){return this.options.minDate instanceof t&&i.isBefore(this.options.minDate,"day")}lockMaxDate(i){return this.options.maxDate instanceof t&&i.isAfter(this.options.maxDate,"day")}lockMinDays(t,i){if(this.options.minDays&&i){const e=i.clone().subtract(this.options.minDays-1,"day"),s=i.clone().add(this.options.minDays-1,"day");return t.isBetween(e,s)}return!1}lockMaxDays(t,i){if(this.options.maxDays&&i){const e=i.clone().subtract(this.options.maxDays,"day"),s=i.clone().add(this.options.maxDays,"day");return!t.isBetween(e,s)}return!1}lockSelectForward(t){if(1===this.picker.datePicked.length&&this.options.selectForward){const i=this.picker.datePicked[0].clone();return t.isBefore(i,"day")}return!1}lockSelectBackward(t){if(1===this.picker.datePicked.length&&this.options.selectBackward){const i=this.picker.datePicked[0].clone();return t.isAfter(i,"day")}return!1}testFilter(t){return"function"==typeof this.options.filter&&this.options.filter(t,this.picker.datePicked)}}export{e as LockPlugin};

package/dist/index.umd.js

@@ -0,0 +1,10 @@
+/**
+* @license
+* Package: @yuafox/easepick2-lock-plugin
+* Version: 2.0.0
+* https://github.com/YuaFox/easepick2
+* Copyright 2026 YuaFox
+* 
+* Licensed under the terms of GNU General Public License Version 2 or later. (http://www.gnu.org/licenses/gpl.html)
+*/
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@yuafox/easepick2-datetime"),require("@yuafox/easepick2-base-plugin")):"function"==typeof define&&define.amd?define(["exports","@yuafox/easepick2-datetime","@yuafox/easepick2-base-plugin"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).easepick=t.easepick||{},t.easepick,t.easepick)}(this,(function(t,e,i){"use strict";class s extends i.BasePlugin{priority=1;binds={onView:this.onView.bind(this)};options={minDate:null,maxDate:null,minDays:null,maxDays:null,selectForward:null,selectBackward:null,presets:!0,inseparable:!1,filter:null};getName(){return"LockPlugin"}onAttach(){if(this.options.minDate&&(this.options.minDate=new e.DateTime(this.options.minDate,this.picker.options.format,this.picker.options.lang)),this.options.maxDate&&(this.options.maxDate=new e.DateTime(this.options.maxDate,this.picker.options.format,this.picker.options.lang),this.options.maxDate instanceof e.DateTime&&this.picker.options.calendars>1&&this.picker.calendars[0].isSame(this.options.maxDate,"month"))){const t=this.picker.calendars[0].clone().subtract(1,"month");this.picker.gotoDate(t)}if((this.options.minDays||this.options.maxDays||this.options.selectForward||this.options.selectBackward)&&!this.picker.options.plugins.includes("RangePlugin")){const t=["minDays","maxDays","selectForward","selectBackward"];console.warn(`${this.getName()}: options ${t.join(", ")} required RangePlugin.`)}this.picker.on("view",this.binds.onView)}onDetach(){this.picker.off("view",this.binds.onView)}onView(t){const{view:i,target:s,date:a}=t.detail;if("CalendarHeader"===i&&(this.options.minDate instanceof e.DateTime&&a.isSameOrBefore(this.options.minDate,"month")&&s.classList.add("no-previous-month"),this.options.maxDate instanceof e.DateTime&&a.isSameOrAfter(this.options.maxDate,"month")&&s.classList.add("no-next-month")),"CalendarMonth"===i){if(this.options.minDate instanceof e.DateTime){const t=new e.DateTime(new Date(this.options.minDate.getFullYear(),this.options.minDate.getMonth(),1));a.getTime()<t.getTime()&&s.classList.add("locked")}if(this.options.maxDate instanceof e.DateTime){const t=new e.DateTime(new Date(this.options.maxDate.getFullYear(),this.options.maxDate.getMonth(),1));a.getTime()>t.getTime()&&s.classList.add("locked")}}if("CalendarYear"===i&&(this.options.minDate instanceof e.DateTime&&a.getFullYear()<this.options.minDate.getFullYear()&&s.classList.add("locked"),this.options.maxDate instanceof e.DateTime&&a.getFullYear()>this.options.maxDate.getFullYear()&&s.classList.add("locked")),"CalendarDay"===i){const t=this.picker.datePicked.length?this.picker.datePicked[0]:null;if(this.testFilter(a))return void s.classList.add("locked");if(this.options.inseparable){if(this.options.minDays){const t=a.clone().subtract(this.options.minDays-1,"day"),e=a.clone().add(this.options.minDays-1,"day");let i=!1,o=!1;for(;t.isBefore(a,"day");){if(this.testFilter(t)){i=!0;break}t.add(1,"day")}for(;e.isAfter(a,"day");){if(this.testFilter(e)){o=!0;break}e.subtract(1,"day")}i&&o&&s.classList.add("not-available")}this.rangeIsNotAvailable(a,t)&&s.classList.add("not-available")}this.dateIsNotAvailable(a,t)&&s.classList.add("not-available")}if(this.options.presets&&"PresetPluginButton"===i){const t=new e.DateTime(Number(s.dataset.start)),i=new e.DateTime(Number(s.dataset.end)),a=i.diff(t,"day"),o=this.options.minDays&&a<this.options.minDays,n=this.options.maxDays&&a>this.options.maxDays;(o||n||this.lockMinDate(t)||this.lockMaxDate(t)||this.lockMinDate(i)||this.lockMaxDate(i)||this.rangeIsNotAvailable(t,i))&&s.setAttribute("disabled","disabled")}}dateIsNotAvailable(t,e){return this.lockMinDate(t)||this.lockMaxDate(t)||this.lockMinDays(t,e)||this.lockMaxDays(t,e)||this.lockSelectForward(t)||this.lockSelectBackward(t)}rangeIsNotAvailable(t,e){if(!t||!e)return!1;const i=(t.isSameOrBefore(e,"day")?t:e).clone(),s=(e.isSameOrAfter(t,"day")?e:t).clone();for(;i.isSameOrBefore(s,"day");){if(this.testFilter(i))return!0;i.add(1,"day")}return!1}lockMinDate(t){return this.options.minDate instanceof e.DateTime&&t.isBefore(this.options.minDate,"day")}lockMaxDate(t){return this.options.maxDate instanceof e.DateTime&&t.isAfter(this.options.maxDate,"day")}lockMinDays(t,e){if(this.options.minDays&&e){const i=e.clone().subtract(this.options.minDays-1,"day"),s=e.clone().add(this.options.minDays-1,"day");return t.isBetween(i,s)}return!1}lockMaxDays(t,e){if(this.options.maxDays&&e){const i=e.clone().subtract(this.options.maxDays,"day"),s=e.clone().add(this.options.maxDays,"day");return!t.isBetween(i,s)}return!1}lockSelectForward(t){if(1===this.picker.datePicked.length&&this.options.selectForward){const e=this.picker.datePicked[0].clone();return t.isBefore(e,"day")}return!1}lockSelectBackward(t){if(1===this.picker.datePicked.length&&this.options.selectBackward){const e=this.picker.datePicked[0].clone();return t.isAfter(e,"day")}return!1}testFilter(t){return"function"==typeof this.options.filter&&this.options.filter(t,this.picker.datePicked)}}t.LockPlugin=s,Object.defineProperty(t,"__esModule",{value:!0})}));

package/dist/interface.d.ts

@@ -0,0 +1,18 @@
+import { DateTime } from '@yuafox/easepick2-datetime';
+import { IBaseConfig } from '@yuafox/easepick2-base-plugin';
+export interface ILockConfig extends IBaseConfig {
+    minDate?: Date | string | number;
+    maxDate?: Date | string | number;
+    minDays?: number;
+    maxDays?: number;
+    selectForward?: boolean;
+    selectBackward?: boolean;
+    presets?: boolean;
+    inseparable?: boolean;
+    filter?: (date: DateTime | DateTime[], picked: DateTime[]) => boolean;
+}
+declare module '@yuafox/easepick2-core/dist/types' {
+    interface IPickerConfig {
+        LockPlugin?: ILockConfig;
+    }
+}

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@yuafox/easepick2-lock-plugin",
+  "description": "Lock plugin for easepick2.",
+  "version": "2.0.0",
+  "main": "dist/index.umd.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "dependencies": {
+    "@yuafox/easepick2-base-plugin": "^2.0.0"
+  },
+  "author": {
+    "name": "YuaFox"
+  },
+  "license": "GPL-2.0-or-later",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/YuaFox/easepick2.git",
+    "directory": "packages/lock-plugin"
+  },
+  "homepage": "https://github.com/YuaFox/easepick2",
+  "bugs": {
+    "url": "https://github.com/YuaFox/easepick2/issues"
+  },
+  "files": [
+    "dist"
+  ]
+}