@likable-hair/svelte 3.1.10 → 3.1.11

package/dist/components/composed/forms/DatePickerTextField.svelte

@@ -11,7 +11,7 @@ import Dialog from "../../simple/dialogs/Dialog.svelte";
 let clazz = {};
 export { clazz as class };
 let dispatch = createEventDispatcher();
-export let menuOpened = false, openingId = "date-picker-text-field", pattern = "dd/MM/yyyy", selectedMonth = void 0, selectedYear = void 0, visibleMonth = void 0, visibleYear = void 0, selectedDate = void 0, placeholder = void 0, mobileDialog = true, maxYearInRange = 2100, minYearInRange = 1970;
+export let menuOpened = false, openingId = "date-picker-text-field", pattern = "dd/MM/yyyy", selectedMonth = void 0, selectedYear = void 0, visibleMonth = void 0, visibleYear = void 0, selectedDate = void 0, placeholder = void 0, mobileDialog = true, maxYearInRange = 2100, minYearInRange = 1970, disabled = false;
 let activator, refreshPosition = false, menuElement, inputElement, mask = {
   value: void 0
 }, maskFactoryArgs = {
@@ -139,6 +139,7 @@ $:
       {handleInputChange}
       {inputElement}
       {placeholder}
+      {disabled}
     >
       <SimpleTextField
         bind:value={mask.value}
@@ -147,6 +148,7 @@ $:
         bind:input={inputElement}
         bind:placeholder
         class={clazz.textfield}
+        {disabled}
       >
         <svelte:fragment slot="prepend-inner" let:prependInnerIcon let:iconSize>
           <slot name="prepend-inner" {prependInnerIcon} {iconSize}>
@@ -193,6 +195,7 @@ $:
           on:year-click={handleYearSelect}
           on:month-click={handleMonthSelect}
           skipTabs
+          {disabled}
         ></DatePicker>
       </div>
     </Dialog>
@@ -222,6 +225,7 @@ $:
           on:year-click={handleYearSelect}
           on:month-click={handleMonthSelect}
           skipTabs
+          {disabled}
         ></DatePicker>
       </div>
     </Menu>

package/dist/components/composed/forms/DatePickerTextField.svelte.d.ts

@@ -20,6 +20,7 @@ declare const __propDef: {
         mobileDialog?: boolean | undefined;
         maxYearInRange?: number | undefined;
         minYearInRange?: number | undefined;
+        disabled?: boolean | undefined;
     };
     events: {
         'day-click': CustomEvent<{
@@ -40,6 +41,7 @@ declare const __propDef: {
             handleInputChange: (event: any) => void;
             inputElement: HTMLElement;
             placeholder: string | undefined;
+            disabled: boolean;
         };
         'prepend-inner': {
             prependInnerIcon: string | undefined;

package/dist/components/simple/dates/Calendar.svelte

@@ -4,10 +4,12 @@ import { fly } from "svelte/transition";
 import { getDateRowsStats, getDaysNames } from "./utils";
 let clazz = {};
 export { clazz as class };
-export let selectedDate = void 0, visibleMonth = (/* @__PURE__ */ new Date()).getMonth(), visibleYear = (/* @__PURE__ */ new Date()).getFullYear(), locale = "it", showExtraMonthDays = true, showHeader = true, animationDuration = 200;
+export let selectedDate = void 0, visibleMonth = (/* @__PURE__ */ new Date()).getMonth(), visibleYear = (/* @__PURE__ */ new Date()).getFullYear(), locale = "it", showExtraMonthDays = true, showHeader = true, animationDuration = 200, disabled = false;
 import { createEventDispatcher } from "svelte";
 const dispatch = createEventDispatcher();
 function handleDayClick(dateStat, extraMonth) {
+  if (disabled)
+    return;
   if (!extraMonth) {
     selectedDate = new Date(
       dateStat.year,
@@ -58,6 +60,7 @@ function handleDayClick(dateStat, extraMonth) {
               class:not-selected={!selected}
               on:click={() => handleDayClick(day, extraMonth)}
               on:keydown={() => handleDayClick(day, extraMonth)}
+              role="presentation"
             >
               {day.dayOfMonth}
             </div>

package/dist/components/simple/dates/Calendar.svelte.d.ts

@@ -16,6 +16,7 @@ declare const __propDef: {
         showExtraMonthDays?: boolean | undefined;
         showHeader?: boolean | undefined;
         animationDuration?: number | undefined;
+        disabled?: boolean | undefined;
     };
     events: {
         "day-click": CustomEvent<{

package/dist/components/simple/dates/DatePicker.svelte

@@ -10,7 +10,7 @@ let clazz = {};
 export { clazz as class };
 export let selectedYear = (/* @__PURE__ */ new Date()).getFullYear(), selectedMonth = (/* @__PURE__ */ new Date()).getMonth(), selectedDate = void 0, visibleMonth = selectedMonth, visibleYear = selectedYear, view = "day", locale = "it", selectableYears = [...Array(150).keys()].map(
   (i) => i + ((/* @__PURE__ */ new Date()).getFullYear() - 75)
-), skipTabs = false;
+), skipTabs = false, disabled = false;
 let dispatch = createEventDispatcher();
 let selectorText = void 0;
 let elementDisabled = "date";
@@ -160,6 +160,7 @@ function handleMonthChange() {
         bind:visibleYear={visibleYear}
         bind:selectedDate
         {locale}
+        disabled={disabled}
         on:day-click
       />
     {/if}

package/dist/components/simple/dates/DatePicker.svelte.d.ts

@@ -18,6 +18,7 @@ declare const __propDef: {
         locale?: Locale | undefined;
         selectableYears?: number[] | undefined;
         skipTabs?: boolean | undefined;
+        disabled?: boolean | undefined;
     };
     events: {
         'day-click': CustomEvent<{

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@likable-hair/svelte",
   "description": "A Svelte component for likablehair and others",
-  "version": "3.1.10",
+  "version": "3.1.11",
   "scripts": {
     "host": "vite --host",
     "dev": "vite dev",