novo-elements 11.0.1-next.1 → 11.0.1

package/elements/button/styles/button-primary.scss

@@ -10,6 +10,7 @@
 
     &:hover,
     &:focus {
+      // background: lighten($positive, 10%);
       box-shadow: $shadow-2, $shadow-1;
       filter: brightness(1.15);
     }

package/elements/calendar/month-view/month-view.component.scss

@@ -7,6 +7,7 @@
   position: relative;
   .calendar-table {
     display: table;
+    // border-collapse: collapse;
     .calendar-thead {
       display: table-header-group;
     }

package/elements/chips/Chips.scss

@@ -80,6 +80,9 @@
     right: 0;
     font-size: 1.1em;
     color: $dark;
+    // &.has-value {
+    //   bottom: 14px;
+    // }
   }
 
   & + i {

package/elements/common/option/optgroup.component.scss

@@ -1,5 +1,7 @@
 @import "../../../styles/variables.scss";
 @import "../typography/text.mixins.scss";
+// @import "../style/menu-common";
+// @import "../style/vendor-prefixes";
 
 .novo-optgroup-label {
   @include novo-label-text();

package/elements/data-table/data-table.component.scss

@@ -94,6 +94,7 @@ cdk-table {
   background-color: var(--background-body, $white);
   .novo-data-table-header-cell,
   .novo-data-table-checkbox-header-cell {
+    // border-bottom: 1px solid var(--border, $off-white);
     background-color: var(--background-body, $white);
   }
   &.expanded {
@@ -249,6 +250,7 @@ cdk-table {
 }
 
 .novo-data-table-header-cell {
+  // border-left: 1px solid var(--border, $off-white);
   white-space: normal;
   overflow-wrap: break-word;
   display: flex;
@@ -537,6 +539,12 @@ novo-data-table {
     display: flex;
     justify-content: space-between;
     align-items: center;
+    // button {
+    //   padding: 3px;
+    //   icon {
+    //     font-size: 0.8em;
+    //   }
+    // }
   }
   .optgroup-container {
     max-height: 346px;
@@ -598,6 +606,12 @@ novo-data-table {
       }
     }
   }
+  // i.bhi-search {
+  //   color: inherit;
+  //   position: relative;
+  //   left: 196px;
+  //   top: -25px;
+  // }
   span.error-text {
     color: $negative;
     position: relative;

package/elements/date-picker/DateRangeInput.scss

@@ -3,6 +3,7 @@
 :host {
   flex: 1;
   position: relative;
+  // display: block;
   display: flex;
   flex-flow: row nowrap;
   height: min-content;

package/elements/field/field.scss

@@ -4,6 +4,7 @@
 :host {
   display: grid;
   position: relative;
+  // margin: 0 0.5em;
 
   &.novo-field-layout-horizontal {
     grid-gap: 0rem 1rem;

package/elements/field/toggle/picker-toggle.component.scss

@@ -0,0 +1,23 @@
+// .mat-form-field-appearance-legacy {
+//   .mat-form-field-prefix,
+//   .mat-form-field-suffix {
+//     .mat-datepicker-toggle-default-icon {
+//       width: 1em;
+//     }
+//   }
+// }
+
+// .mat-form-field:not(.mat-form-field-appearance-legacy) {
+//   .mat-form-field-prefix,
+//   .mat-form-field-suffix {
+//     .mat-datepicker-toggle-default-icon {
+//       display: block;
+//       width: 1.5em;
+//       height: 1.5em;
+//     }
+
+//     .mat-icon-button .mat-datepicker-toggle-default-icon {
+//       margin: auto;
+//     }
+//   }
+// }

package/elements/form/extras/file/FileInput.scss

@@ -45,7 +45,7 @@ novo-file-input {
     .file-item {
       @include file-item-style;
       margin-bottom: 15px;
-      position: relative;
+      position: relative; //border-radius: 3px;
       width: 100%;
       button:hover,
       button:focus,

package/elements/layout/content/layout-content.component.d.ts

@@ -4,7 +4,8 @@ import * as i0 from "@angular/core";
 export declare class NovoLayoutContent extends CdkScrollable implements AfterContentInit {
     private _changeDetectorRef;
     _container: any;
-    constructor(_changeDetectorRef: ChangeDetectorRef, _container: any, elementRef: ElementRef<HTMLElement>, scrollDispatcher: ScrollDispatcher, ngZone: NgZone);
+    constructor(_changeDetectorRef: ChangeDetectorRef, _container: any, // NovoLayoutContainer
+    elementRef: ElementRef<HTMLElement>, scrollDispatcher: ScrollDispatcher, ngZone: NgZone);
     ngAfterContentInit(): void;
     getHostElement(): HTMLElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<NovoLayoutContent, never>;

package/elements/non-ideal-state/NonIdealState.scss

@@ -5,6 +5,7 @@
   justify-content: center;
   align-items: center;
   text-align: center;
+  // gap: 1.2rem;
   .novo-non-ideal-state-icon {
     font-size: xx-large;
   }

package/elements/picker/extras/picker-results/PickerResults.scss

@@ -137,6 +137,9 @@ quick-note-results,
         opacity: 0.5;
         pointer-events: none;
       }
+      item-content {
+        // display: block;
+      }
     }
     novo-loading {
       justify-content: center;

package/elements/switch/Switch.scss

@@ -19,6 +19,7 @@ $switch-thumb-size: 20px !default;
 :host {
   display: flex;
   align-items: center;
+  // margin: 15px;
   white-space: nowrap;
   cursor: pointer;
   outline: none;

package/elements/time-picker/TimePicker.scss

@@ -2,6 +2,8 @@
 
 :host {
   display: block;
+  // width: 250px;
+  // min-width: 250px;
   width: min-content;
   overflow: hidden;
   border-radius: 4px;

package/fesm2022/novo-elements-elements-agenda.mjs

@@ -286,6 +286,12 @@ class NovoAgendaAllDayEventElement {
     <ng-template #defaultTemplate>
       <div class="cal-all-day-event" [style.backgroundColor]="event.color.secondary" [style.borderColor]="event.color.primary">
         {{ event.title }}
+        <!--<novo-agenda-event-title
+          [event]="event"
+          view="day"
+          (click)="eventClicked.emit()">
+        </novo-agenda-event-title>
+        <novo-agenda-event-actions [event]="event"></novo-agenda-event-actions>-->
       </div>
     </ng-template>
     <ng-template
@@ -306,6 +312,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
     <ng-template #defaultTemplate>
       <div class="cal-all-day-event" [style.backgroundColor]="event.color.secondary" [style.borderColor]="event.color.primary">
         {{ event.title }}
+        <!--<novo-agenda-event-title
+          [event]="event"
+          view="day"
+          (click)="eventClicked.emit()">
+        </novo-agenda-event-title>
+        <novo-agenda-event-actions [event]="event"></novo-agenda-event-actions>-->
       </div>
     </ng-template>
     <ng-template
@@ -1530,6 +1542,73 @@ class NovoAgendaWeekViewElement {
             this.refreshSubscription.unsubscribe();
         }
     }
+    /*
+      resizeStarted(weekViewContainer: HTMLElement, weekEvent: WeekViewEvent, resizeEvent: ResizeEvent): void {
+        this.currentResize = {
+          originalOffset: weekEvent.offset,
+          originalSpan: weekEvent.span,
+          edge: typeof resizeEvent.edges.left !== 'undefined' ? 'left' : 'right'
+        };
+        const resizeHelper: CalendarResizeHelper = new CalendarResizeHelper(weekViewContainer, this.getDayColumnWidth(weekViewContainer));
+        this.validateResize = ({rectangle}) => resizeHelper.validateResize({rectangle});
+        this.cdr.detectChanges();
+      }
+  
+      resizing(weekEvent: WeekViewEvent, resizeEvent: ResizeEvent, dayWidth: number): void {
+        if (resizeEvent.edges.left) {
+          const diff: number = Math.round(+resizeEvent.edges.left / dayWidth);
+          weekEvent.offset = this.currentResize.originalOffset + diff;
+          weekEvent.span = this.currentResize.originalSpan - diff;
+        } else if (resizeEvent.edges.right) {
+          const diff: number = Math.round(+resizeEvent.edges.right / dayWidth);
+          weekEvent.span = this.currentResize.originalSpan + diff;
+        }
+      }
+  
+      resizeEnded(weekEvent: WeekViewEvent): void {
+  
+        let daysDiff: number;
+        if (this.currentResize.edge === 'left') {
+          daysDiff = weekEvent.offset - this.currentResize.originalOffset;
+        } else {
+          daysDiff = weekEvent.span - this.currentResize.originalSpan;
+        }
+  
+        weekEvent.offset = this.currentResize.originalOffset;
+        weekEvent.span = this.currentResize.originalSpan;
+  
+        let newStart: Date = weekEvent.event.start;
+        let newEnd: Date = weekEvent.event.end;
+        if (this.currentResize.edge === 'left') {
+          newStart = addDays(newStart, daysDiff);
+        } else if (newEnd) {
+          newEnd = addDays(newEnd, daysDiff);
+        }
+  
+        this.eventTimesChanged.emit({newStart, newEnd, event: weekEvent.event});
+        this.currentResize = null;
+  
+      }
+  
+      eventDragged(weekEvent: WeekViewEvent, draggedByPx: number, dayWidth: number): void {
+  
+        const daysDragged: number = draggedByPx / dayWidth;
+        const newStart: Date = addDays(weekEvent.event.start, daysDragged);
+        let newEnd: Date;
+        if (weekEvent.event.end) {
+          newEnd = addDays(weekEvent.event.end, daysDragged);
+        }
+  
+        this.eventTimesChanged.emit({newStart, newEnd, event: weekEvent.event});
+  
+      }
+  
+      dragStart(weekViewContainer: HTMLElement, event: HTMLElement): void {
+        const dragHelper: CalendarDragHelper = new CalendarDragHelper(weekViewContainer, event);
+        this.validateDrag = ({x, y}) => !this.currentResize && dragHelper.validateDrag({x, y});
+        this.cdr.detectChanges();
+      }
+      */
     getDayColumnWidth(eventRowContainer) {
         return Math.floor(eventRowContainer.offsetWidth / this.days.length);
     }
@@ -1556,6 +1635,7 @@ class NovoAgendaWeekViewElement {
                 hour: this.dayEndHour,
                 minute: this.dayEndMinute,
             },
+            // precision: this.precision
         });
     }
     refreshHourGrid() {
@@ -1571,6 +1651,11 @@ class NovoAgendaWeekViewElement {
                 minute: this.dayEndMinute,
             },
         });
+        // if (this.hourSegmentModifier) {
+        //   this.hours.forEach(hour => {
+        //     hour.segments.forEach(segment => this.hourSegmentModifier(segment));
+        //   });
+        // }
     }
     refreshAll() {
         this.refreshHeader();