funda-ui 4.3.555 → 4.4.15

package/lib/cjs/Utils/date.js

@@ -52,9 +52,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "getCurrentDay": () => (/* binding */ getCurrentDay),
 /* harmony export */   "getCurrentMonth": () => (/* binding */ getCurrentMonth),
 /* harmony export */   "getCurrentYear": () => (/* binding */ getCurrentYear),
+/* harmony export */   "getDateDetails": () => (/* binding */ getDateDetails),
 /* harmony export */   "getFirstAndLastMonthDay": () => (/* binding */ getFirstAndLastMonthDay),
 /* harmony export */   "getFullTime": () => (/* binding */ getFullTime),
 /* harmony export */   "getLastDayInMonth": () => (/* binding */ getLastDayInMonth),
+/* harmony export */   "getMonthDates": () => (/* binding */ getMonthDates),
 /* harmony export */   "getNextMonthDate": () => (/* binding */ getNextMonthDate),
 /* harmony export */   "getNextYearDate": () => (/* binding */ getNextYearDate),
 /* harmony export */   "getNow": () => (/* binding */ getNow),
@@ -63,6 +65,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "getSpecifiedDate": () => (/* binding */ getSpecifiedDate),
 /* harmony export */   "getTodayDate": () => (/* binding */ getTodayDate),
 /* harmony export */   "getTomorrowDate": () => (/* binding */ getTomorrowDate),
+/* harmony export */   "getWeekDatesFromMon": () => (/* binding */ getWeekDatesFromMon),
+/* harmony export */   "getWeekDatesFromSun": () => (/* binding */ getWeekDatesFromSun),
 /* harmony export */   "getYesterdayDate": () => (/* binding */ getYesterdayDate),
 /* harmony export */   "isTimeString": () => (/* binding */ isTimeString),
 /* harmony export */   "isValidDate": () => (/* binding */ isValidDate),
@@ -174,6 +178,31 @@ function dateFormat(v) {
   return date;
 }
 
+/**
+ * Get date details
+ * @param {Date | String} v 
+ * @param {Boolean} padZeroEnabled 
+ * @typedef {Object} JSON
+ */
+function getDateDetails(v) {
+  var padZeroEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var date = dateFormat(v);
+  var year = date.getFullYear();
+  var month = padZero(date.getMonth() + 1, padZeroEnabled);
+  var day = padZero(date.getDate(), padZeroEnabled);
+  var hours = padZero(date.getHours(), padZeroEnabled);
+  var minutes = padZero(date.getMinutes(), padZeroEnabled);
+  var seconds = padZero(date.getSeconds(), padZeroEnabled);
+  return {
+    year: String(year),
+    month: month,
+    day: day,
+    hours: hours,
+    minutes: minutes,
+    seconds: seconds
+  };
+}
+
 /**
  * Get calendar date
  * @param {Date | String} v 
@@ -469,6 +498,69 @@ function timestampToDate(v) {
   return getFullTime(new Date(v), padZeroEnabled);
 }
 
+/**
+ * Get the date of the specified month
+ * @param {Number} year 
+ * @param {Number} month 
+ * @returns {Array<string>} 
+ */
+function getMonthDates(year, month) {
+  var dates = [];
+
+  // Get the total number of days in the month
+  var daysInMonth = new Date(year, month, 0).getDate();
+  for (var day = 1; day <= daysInMonth; day++) {
+    dates.push("".concat(year, "-").concat(String(month).padStart(2, '0'), "-").concat(String(day).padStart(2, '0'))); // 'YYYY-MM-DD'
+  }
+
+  return dates;
+}
+
+/**
+ * Get the date of the specified week (From Sunday)
+ * @param {Number} weekOffset 
+ * @returns {Array<Date>} 
+ */
+function getWeekDatesFromSun(weekOffset) {
+  var dates = [];
+  var currentDate = new Date();
+
+  // Calculate the date of Sunday
+  var dayOfWeek = currentDate.getDay(); // 0 is Sunday
+  currentDate.setDate(currentDate.getDate() - dayOfWeek + weekOffset * 7);
+
+  // Get the date of the week
+  for (var i = 0; i < 7; i++) {
+    var date = new Date(currentDate);
+    date.setDate(currentDate.getDate() + i);
+    dates.push(date);
+  }
+  return dates;
+}
+
+/**
+ * Get the date of the specified week (From Monday)
+ * @param {Number} weekOffset 
+ * @returns {Array<Date>} 
+ */
+function getWeekDatesFromMon(weekOffset) {
+  var dates = [];
+  var currentDate = new Date();
+
+  // Set the date to Monday
+  var dayOfWeek = currentDate.getDay();
+  var diffToMonday = dayOfWeek === 0 ? -6 : 1 - dayOfWeek;
+  currentDate.setDate(currentDate.getDate() + diffToMonday + weekOffset * 7);
+
+  // Get the date of the week
+  for (var i = 0; i < 7; i++) {
+    var date = new Date(currentDate);
+    date.setDate(currentDate.getDate() + i);
+    dates.push(date);
+  }
+  return dates;
+}
+
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;

package/lib/css/EventCalendar/index.css

@@ -32,12 +32,16 @@
   position: relative;
   min-width: var(--e-cal-normal-wrapper-min-width);
   border: 1px solid var(--e-cal-normal-border-color);
+  /* Required when using onKeyDown */
   /* --HEADER --*/
   /*-- BODY --*/
   /*-- CELL --*/
   /*-- SELECTION --*/
   /* --BUTTON --*/
 }
+.e-cal-normal__wrapper[tabindex]:focus-visible {
+  outline: none;
+}
 .e-cal-normal__wrapper .e-cal-normal__header {
   font-size: var(--e-cal-normal-header-fs);
   font-weight: bold;
@@ -186,6 +190,9 @@
   position: relative;
   width: 100%;
 }
+.e-cal-normal__wrapper .e-cal-normal__row .e-cal-normal__cell.empty > div {
+  opacity: 0.2;
+}
 .e-cal-normal__wrapper .e-cal-normal__row .e-cal-normal__cell:not(.empty) {
   cursor: pointer;
 }

package/lib/css/EventCalendarTimeline/index.css

@@ -25,6 +25,7 @@
   --e-cal-timeline-header-prevnext-btn-radius: 0.25rem;
   --e-cal-timeline-footer-today-btn-bg: rgba(0, 58, 166, 1);
   --e-cal-timeline-footer-today-btn-color: #fff;
+  --e-cal-timeline-appearance-btn-active-bg: rgb(239, 239, 239);
   position: relative;
   z-index: 3;
   min-width: var(--e-cal-timeline-wrapper-min-width);
@@ -32,6 +33,7 @@
   /* --HEADER --*/
   /*-- SELECTION --*/
   /* --BUTTON --*/
+  /* WEEK MODE --*/
 }
 .e-cal-timeline__wrapper .e-cal-timeline__header {
   font-size: var(--e-cal-timeline-header-fs);
@@ -40,6 +42,11 @@
   display: flex;
   justify-content: space-between;
 }
+.e-cal-timeline__wrapper .e-cal-timeline__header .e-cal-timeline__header__info {
+  font-weight: normal;
+  font-size: 0.875em;
+  margin-bottom: 0.2rem;
+}
 .e-cal-timeline__wrapper .e-cal-timeline__header .e-cal-timeline__header__btns .e-cal-timeline__btn {
   margin-right: 1rem;
   color: var(--e-cal-timeline-header-text-color);
@@ -133,6 +140,7 @@
   margin: 0;
   box-shadow: none;
   cursor: pointer;
+  margin-right: 0.35rem;
   /* required */
   display: inline-flex;
   align-items: center;
@@ -160,7 +168,20 @@
   color: var(--e-cal-timeline-footer-today-btn-color);
   background-color: var(--e-cal-timeline-footer-today-btn-bg);
 }
+.e-cal-timeline__wrapper .e-cal-timeline__btn--appearance {
+  border: 1px solid var(--e-cal-timeline-border-color);
+  border-radius: 0.25rem;
+  font-size: 0.875em;
+  padding: 0.2rem 1rem;
+}
+.e-cal-timeline__wrapper .e-cal-timeline__btn--appearance.active {
+  background-color: var(--e-cal-timeline-appearance-btn-active-bg);
+}
+.e-cal-timeline__wrapper.e-cal-timeline__wrapper--week .e-cal-timeline__header__info {
+  transform: translateX(-2.5rem);
+}
 
+/* WEEK MODE*/
 /*
 ///////////////////////////////////////////////////
 //////////////////// Table Grid  //////////////////
@@ -192,12 +213,13 @@
   --e-cal-timeline-table-add-btn-color: #0b5ed7;
   --e-cal-timeline-table-event-font-size: 0.75rem;
   --e-cal-timeline-table-event-hover-bg: rgba(255, 240, 227, 0);
-  --e-cal-timeline-table-event-hover-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15);
+  --e-cal-timeline-table-event-hover-shadow: inset 0px 0px 0px 1px rgba(21, 21, 240, 0.45);
   height: 100%; /* Required */
   font-size: var(--e-cal-timeline-table-bodycell-font-size);
   margin-top: -1px;
   position: relative;
   z-index: 2;
+  /* Required when using onKeyDown */
   /* list section */
   /* datagrid title */
   /* datagrid content */
@@ -220,6 +242,9 @@
   /* cell */
   /* scroller */
 }
+.e-cal-timeline-table__timeline-table__wrapper[tabindex]:focus-visible {
+  outline: none;
+}
 .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__timeline-table {
   border: var(--e-cal-timeline-table-primary-border);
   text-align: left;
@@ -468,6 +493,9 @@
   overflow: hidden;
   height: auto;
 }
+.e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__scroller-harness--hideX {
+  overflow-x: hidden !important;
+}
 .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__scroller-harness[data-scroll=body].dragging {
   cursor: grab;
 }

package/lib/css/Select/index.css

@@ -262,6 +262,7 @@
   --cus-sel-listgroup-popwin-min-width: 200px;
   --cus-sel-listgroup-tool-bg: rgb(248,249,250);
   --cus-sel-listgroup-checkbox: #a5a5a5;
+  --cus-sel-listgroup-checkbox-active: #3162B2;
   --cus-sel-listgroup-item-hover-focus-bg: rgba(0,0,0,.1);
   --cus-sel-listgroup-content-scrollbar-color: rgba(0, 0, 0, 0.2);
   --cus-sel-listgroup-content-scrollbar-track: rgba(0, 0, 0, 0);
@@ -271,6 +272,7 @@
   display: none;
   min-width: var(--cus-sel-listgroup-popwin-min-width);
   z-index: 1055; /* --bs-modal-zindex */
+  /*------ Multiple selection ------*/
   /*------ Group ------*/
   /*------ Extended buttons of Multiple selection ------*/
   /*------ Extended buttons of Single selection ------*/
@@ -302,6 +304,9 @@
 .custom-select__options-wrapper .bg-light {
   background-color: var(--cus-sel-listgroup-tool-bg) !important;
 }
+.custom-select__options-wrapper .list-group-item {
+  /* ITEM SELECTED */
+}
 .custom-select__options-wrapper .list-group-item.hide {
   display: none;
 }
@@ -326,9 +331,21 @@
 .custom-select__options-wrapper .list-group-item .custom-select-multi__control-option-checkbox-selected svg path {
   stroke: var(--cus-sel-listgroup-checkbox);
 }
+.custom-select__options-wrapper .list-group-item.item-selected .custom-select-multi__control-option-checkbox-placeholder svg path {
+  stroke: var(--cus-sel-listgroup-checkbox-active);
+}
+.custom-select__options-wrapper .list-group-item.item-selected .custom-select-multi__control-option-checkbox-selected svg {
+  fill: var(--cus-sel-listgroup-checkbox-active);
+}
+.custom-select__options-wrapper .list-group-item.item-selected .custom-select-multi__control-option-checkbox-selected svg path {
+  stroke: var(--cus-sel-listgroup-checkbox-active);
+}
 .custom-select__options-wrapper .list-group-item:hover, .custom-select__options-wrapper .list-group-item:focus {
   background-color: var(--cus-sel-listgroup-item-hover-focus-bg);
 }
+.custom-select__options-wrapper.multiple-selection .list-group-item.active {
+  border-top-width: 0;
+}
 .custom-select__options-wrapper .custom-select-grouptitle {
   pointer-events: none;
   color: var(--cus-sel-listgroup-grouptitle-color);

package/lib/esm/EventCalendar/index.scss

@@ -46,6 +46,11 @@
     border: 1px solid var(--e-cal-normal-border-color);
 
 
+    /* Required when using onKeyDown */
+    &[tabindex]:focus-visible {
+        outline: none;
+    }
+
     /* --HEADER --*/
     .e-cal-normal__header {
         font-size: var(--e-cal-normal-header-fs);
@@ -246,6 +251,10 @@
                 position: relative;
                 width: 100%;
             }
+            
+            &.empty > div {
+                opacity: .2;
+            }
 
 
             &:not(.empty) {