@tylertech/forge 2.7.0 → 2.8.0

package/custom-elements.json

@@ -73327,6 +73327,15 @@
               "privacy": "private",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "_showHourOptions",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "true"
+            },
             {
               "kind": "field",
               "name": "_customOptions",
@@ -74109,6 +74118,14 @@
               },
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "showHourOptions",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "customOptions",
@@ -74681,6 +74698,15 @@
               },
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "showHourOptions",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "Whether or not to display hour options in dropdown"
+            },
             {
               "kind": "field",
               "name": "customOptions",
@@ -94197,6 +94223,26 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "_setOpened",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_setClosed",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "_applyOpen",
@@ -94209,7 +94255,7 @@
             },
             {
               "kind": "method",
-              "name": "_setDrawerOpenState",
+              "name": "_triggerDrawerOpen",
               "privacy": "protected",
               "return": {
                 "type": {
@@ -94219,7 +94265,7 @@
             },
             {
               "kind": "method",
-              "name": "_setDrawerClosedState",
+              "name": "_triggerDrawerClose",
               "privacy": "protected",
               "return": {
                 "type": {
@@ -95437,7 +95483,7 @@
             },
             {
               "kind": "method",
-              "name": "_setDrawerOpenState",
+              "name": "_triggerDrawerOpen",
               "privacy": "protected",
               "return": {
                 "type": {
@@ -95451,7 +95497,7 @@
             },
             {
               "kind": "method",
-              "name": "_setDrawerClosedState",
+              "name": "_triggerDrawerClose",
               "privacy": "protected",
               "return": {
                 "type": {
@@ -95591,6 +95637,34 @@
                 "module": "drawer/base/base-drawer-foundation.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "_setOpened",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "BaseDrawerFoundation",
+                "module": "drawer/base/base-drawer-foundation.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_setClosed",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "BaseDrawerFoundation",
+                "module": "drawer/base/base-drawer-foundation.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "_applyOpen",

package/dist/esm/chunks/{chunk.JUXKYUD4.js → chunk.2NMHSTAO.js}

@@ -109,6 +109,7 @@ var attributes = {
   STEP: "step",
   ALLOW_INPUT: "allow-input",
   SHOW_NOW: "show-now",
+  SHOW_HOUR_OPTIONS: "show-hour-options",
   DISABLED: "disabled",
   POPUP_CLASSES: "popup-classes",
   ALLOW_DROPDOWN: "allow-dropdown"
@@ -456,6 +457,7 @@ var TimePickerFoundation = class {
     this._allowSeconds = false;
     this._allowInvalidTime = false;
     this._showNow = false;
+    this._showHourOptions = true;
     this._customOptions = [];
     this._disabled = false;
     this._popupClasses = [];
@@ -806,31 +808,33 @@ var TimePickerFoundation = class {
     return value;
   }
   _openDropdown() {
-    if (!this.allowDropdown) {
+    const options = this._generateTimeOptions();
+    if (!this.allowDropdown || !options.length) {
       return;
     }
     this._formatInputValue();
     this._open = true;
     this._adapter.setHostAttribute(TIME_PICKER_CONSTANTS.attributes.OPEN);
-    const options = this._generateTimeOptions();
     const selectableOptions = options.filter((o) => !o.divider && !o.disabled);
     let selectedValues = [];
     let activeStartIndex;
-    if (this._value !== null) {
-      const optionIndex = this._findClosestOptionIndex(this._value, selectableOptions);
-      if (optionIndex >= 0) {
-        const isExactMatch = selectableOptions[optionIndex].value.time === this._value;
-        if (isExactMatch) {
-          selectedValues = [selectableOptions[optionIndex].value];
-        } else {
+    if (options.length) {
+      if (this._value !== null) {
+        const optionIndex = this._findClosestOptionIndex(this._value, selectableOptions);
+        if (optionIndex >= 0) {
+          const isExactMatch = selectableOptions[optionIndex].value.time === this._value;
+          if (isExactMatch) {
+            selectedValues = [selectableOptions[optionIndex].value];
+          } else {
+            activeStartIndex = optionIndex;
+          }
+        }
+      } else if (typeof this._startTime === "number") {
+        const optionIndex = this._findClosestOptionIndex(this._startTime, selectableOptions);
+        if (optionIndex >= 0 && optionIndex < selectableOptions.length) {
           activeStartIndex = optionIndex;
         }
       }
-    } else if (typeof this._startTime === "number") {
-      const optionIndex = this._findClosestOptionIndex(this._startTime, selectableOptions);
-      if (optionIndex >= 0 && optionIndex < selectableOptions.length) {
-        activeStartIndex = optionIndex;
-      }
     }
     const config = {
       id: `forge-time-picker-${this._identifier}`,
@@ -879,19 +883,21 @@ var TimePickerFoundation = class {
     const minuteStep = this._step;
     const times = [];
     let leadingOptions = [];
-    for (let totalMinutes = minMinutes; totalMinutes <= maxMinutes; totalMinutes += minuteStep) {
-      if (totalMinutes === TIME_PICKER_CONSTANTS.numbers.MAX_DAY_MINUTES) {
-        break;
+    if (this._showHourOptions) {
+      for (let totalMinutes = minMinutes; totalMinutes <= maxMinutes; totalMinutes += minuteStep) {
+        if (totalMinutes === TIME_PICKER_CONSTANTS.numbers.MAX_DAY_MINUTES) {
+          break;
+        }
+        const millis = minutesToMillis(totalMinutes);
+        const disabled = this._restrictedTimes.includes(millis);
+        const label = millisToTimeString(millis, this._use24HourTime, false) || "";
+        const value = { time: millis };
+        times.push({ label, value, disabled });
+      }
+      const firstPmIndex = times.findIndex((t) => t.value.time / 1e3 / 60 >= 720);
+      if (firstPmIndex >= 0 && firstPmIndex < times.length - 1) {
+        times.splice(firstPmIndex, 0, { label: "", value: null, divider: true });
       }
-      const millis = minutesToMillis(totalMinutes);
-      const disabled = this._restrictedTimes.includes(millis);
-      const label = millisToTimeString(millis, this._use24HourTime, false) || "";
-      const value = { time: millis };
-      times.push({ label, value, disabled });
-    }
-    const firstPmIndex = times.findIndex((t) => t.value.time / 1e3 / 60 >= 720);
-    if (firstPmIndex >= 0 && firstPmIndex < times.length - 1) {
-      times.splice(firstPmIndex, 0, { label: "", value: null, divider: true });
     }
     if (this._showNow) {
       const value = { time: null, metadata: "now" };
@@ -905,7 +911,9 @@ var TimePickerFoundation = class {
       leadingOptions = [...leadingOptions, ...options];
     }
     if (leadingOptions.length) {
-      times.splice(0, 0, { label: "", value: null, divider: true });
+      if (times.length) {
+        times.splice(0, 0, { label: "", value: null, divider: true });
+      }
       leadingOptions.forEach((o, index) => times.splice(index, 0, o));
     }
     return times;
@@ -1109,6 +1117,14 @@ var TimePickerFoundation = class {
       this._showNow = value;
     }
   }
+  get showHourOptions() {
+    return this._showHourOptions;
+  }
+  set showHourOptions(value) {
+    if (this._showHourOptions !== value) {
+      this._showHourOptions = value;
+    }
+  }
   get customOptions() {
     return this._customOptions;
   }
@@ -1199,6 +1215,7 @@ var TimePickerComponent = class extends BaseComponent {
       TIME_PICKER_CONSTANTS.attributes.STEP,
       TIME_PICKER_CONSTANTS.attributes.ALLOW_INPUT,
       TIME_PICKER_CONSTANTS.attributes.SHOW_NOW,
+      TIME_PICKER_CONSTANTS.attributes.SHOW_HOUR_OPTIONS,
       TIME_PICKER_CONSTANTS.attributes.DISABLED,
       TIME_PICKER_CONSTANTS.attributes.POPUP_CLASSES,
       TIME_PICKER_CONSTANTS.attributes.ALLOW_DROPDOWN
@@ -1240,6 +1257,9 @@ var TimePickerComponent = class extends BaseComponent {
       case TIME_PICKER_CONSTANTS.attributes.SHOW_NOW:
         this.showNow = coerceBoolean(newValue);
         break;
+      case TIME_PICKER_CONSTANTS.attributes.SHOW_HOUR_OPTIONS:
+        this.showHourOptions = coerceBoolean(newValue);
+        break;
       case TIME_PICKER_CONSTANTS.attributes.MIN:
         this.min = newValue;
         break;
@@ -1309,6 +1329,9 @@ __decorateClass([
 __decorateClass([
   FoundationProperty()
 ], TimePickerComponent.prototype, "showNow", 2);
+__decorateClass([
+  FoundationProperty()
+], TimePickerComponent.prototype, "showHourOptions", 2);
 __decorateClass([
   FoundationProperty()
 ], TimePickerComponent.prototype, "customOptions", 2);
@@ -1447,4 +1470,4 @@ export {
   TimePickerComponentDelegate,
   defineTimePickerComponent
 };
-//# sourceMappingURL=chunk.JUXKYUD4.js.map
+//# sourceMappingURL=chunk.2NMHSTAO.js.map