@colijnit/sharedcomponents 1.0.61 → 1.0.63

package/lib/components/date-planning/component/agenda/style/_material-definition.scss

@@ -1,12 +1,12 @@
-$agenda-week-view-header-height: 100px;
-$agenda-hour-view-labels-width: 80px;
-$color-active-light: #74B77F;
-$color-label: #5B6875;
-$color-dark: #171721;
-$color-border: rgba(grey, 0.4);
-$color-inactive-day: rgba($color-dark, 0.2);
-$agenda-week-label-value-font-size: 22px;
-$xs-width: 600px;
-$sm-width: 960px;
-$md-width: 1280px;
-$lg-width: 1920px;
+$agenda-week-view-header-height: 100px;
+$agenda-hour-view-labels-width: 80px;
+$color-active-light: #74B77F;
+$color-label: #5B6875;
+$color-dark: #171721;
+$color-border: rgba(grey, 0.4);
+$color-inactive-day: rgba($color-dark, 0.2);
+$agenda-week-label-value-font-size: 22px;
+$xs-width: 600px;
+$sm-width: 960px;
+$md-width: 1280px;
+$lg-width: 1920px;

package/lib/components/date-planning/component/agenda/style/_theme.scss

@@ -1,7 +1,7 @@
-@import "../../../../../style/mixin";
-
-@include export-module('sc-agenda-theme') {
-  .sc-agenda {
-
-  }
-}
+@import "../../../../../style/mixin";
+
+@include export-module('sc-agenda-theme') {
+  .sc-agenda {
+
+  }
+}

package/lib/components/date-planning/component/agenda/style/material.scss

@@ -1,5 +1,5 @@
-@import "./material-definition";
-@import "./layout";
-@import "./theme";
-
-
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+
+

package/lib/components/date-planning/component/agenda/view-select.component.d.ts

@@ -1,11 +1,11 @@
-import { EventEmitter } from "@angular/core";
-import { CalendarView } from "../../../../enum/calendar-view.enum";
-import { ThumbThreeWayState } from "../../../../enum/thumb-three-way-state";
-export declare class ViewSelectComponent {
-    private readonly _viewsToThumb;
-    selectedView: CalendarView;
-    selectedViewChange: EventEmitter<CalendarView>;
-    get modelAsThumbState(): ThumbThreeWayState;
-    constructor();
-    onThumbStateChange(thumbState: ThumbThreeWayState): void;
-}
+import { EventEmitter } from "@angular/core";
+import { CalendarView } from "../../../../enum/calendar-view.enum";
+import { ThumbThreeWayState } from "../../../../enum/thumb-three-way-state";
+export declare class ViewSelectComponent {
+    private readonly _viewsToThumb;
+    selectedView: CalendarView;
+    selectedViewChange: EventEmitter<CalendarView>;
+    get modelAsThumbState(): ThumbThreeWayState;
+    constructor();
+    onThumbStateChange(thumbState: ThumbThreeWayState): void;
+}

package/lib/components/date-planning/component/calendar/calendar-all-months.component.d.ts

@@ -1,9 +1,9 @@
-import { EventEmitter, OnInit } from "@angular/core";
-export declare class CalendarAllMonthsComponent implements OnInit {
-    month: number;
-    shortDescriptions: boolean;
-    monthChange: EventEmitter<number>;
-    months: string[];
-    constructor();
-    ngOnInit(): void;
-}
+import { EventEmitter, OnInit } from "@angular/core";
+export declare class CalendarAllMonthsComponent implements OnInit {
+    month: number;
+    shortDescriptions: boolean;
+    monthChange: EventEmitter<number>;
+    months: string[];
+    constructor();
+    ngOnInit(): void;
+}

package/lib/components/date-planning/component/calendar/calendar-all-years.component.d.ts

@@ -1,9 +1,9 @@
-import { EventEmitter, OnInit } from "@angular/core";
-export declare class CalendarAllYearsComponent implements OnInit {
-    year: number;
-    readonly yearChange: EventEmitter<number>;
-    years: number[];
-    constructor();
-    ngOnInit(): void;
-    private _determineStart;
-}
+import { EventEmitter, OnInit } from "@angular/core";
+export declare class CalendarAllYearsComponent implements OnInit {
+    year: number;
+    readonly yearChange: EventEmitter<number>;
+    years: number[];
+    constructor();
+    ngOnInit(): void;
+    private _determineStart;
+}

package/lib/components/date-planning/component/calendar/calendar-header.component.d.ts

@@ -1,23 +1,23 @@
-import { DoCheck, EventEmitter } from "@angular/core";
-import { Icon } from "../../../../enum/icon.enum";
-import { IconCacheService } from "../../../../service/icon-cache.service";
-export declare class CalendarHeaderComponent implements DoCheck {
-    iconCacheService: IconCacheService;
-    selectedDate: Date;
-    readonly selectedDateChange: EventEmitter<Date>;
-    readonly icons: typeof Icon;
-    showMonthYearSelect: boolean;
-    expanded: boolean;
-    currentMonth: string;
-    currentYear: number;
-    selectedMonth: number;
-    selectedYear: number;
-    constructor(iconCacheService: IconCacheService);
-    ngDoCheck(): void;
-    subMonth(): void;
-    addMonth(): void;
-    hideMonthYearSelection(): void;
-    setNewMonth(month: number): void;
-    setNewYear(year: number): void;
-    changeMonthYear(): void;
-}
+import { DoCheck, EventEmitter } from "@angular/core";
+import { Icon } from "../../../../enum/icon.enum";
+import { IconCacheService } from "../../../../service/icon-cache.service";
+export declare class CalendarHeaderComponent implements DoCheck {
+    iconCacheService: IconCacheService;
+    selectedDate: Date;
+    readonly selectedDateChange: EventEmitter<Date>;
+    readonly icons: typeof Icon;
+    showMonthYearSelect: boolean;
+    expanded: boolean;
+    currentMonth: string;
+    currentYear: number;
+    selectedMonth: number;
+    selectedYear: number;
+    constructor(iconCacheService: IconCacheService);
+    ngDoCheck(): void;
+    subMonth(): void;
+    addMonth(): void;
+    hideMonthYearSelection(): void;
+    setNewMonth(month: number): void;
+    setNewYear(year: number): void;
+    changeMonthYear(): void;
+}

package/lib/components/date-planning/component/calendar/calendar-view.component.d.ts

@@ -1,31 +1,31 @@
-import { EventEmitter } from "@angular/core";
-import { CalendarView } from "../../../../enum/calendar-view.enum";
-import { LanguageCode } from "../../../../enum/language-code.enum";
-declare type DateStamp = {
-    day: number;
-    inMonth: boolean;
-    timestamp: number;
-    week: number;
-    selected: boolean;
-};
-export declare class CalendarViewComponent {
-    private readonly _locale;
-    set view(value: CalendarView);
-    get view(): CalendarView;
-    set selectedDate(value: Date);
-    get selectedDate(): Date;
-    selectedDateChange: EventEmitter<Date>;
-    trackByStamp: Function;
-    trackByWeek: Function;
-    weekDayLabel: string[];
-    weeks: DateStamp[][];
-    private _selectedDate;
-    private _view;
-    constructor(_locale: LanguageCode);
-    onDateClick(date: DateStamp): void;
-    private _setLabels;
-    private _prepareWeeks;
-    private _selectDays;
-    private _resetSelection;
-}
-export {};
+import { EventEmitter } from "@angular/core";
+import { CalendarView } from "../../../../enum/calendar-view.enum";
+import { LanguageCode } from "../../../../enum/language-code.enum";
+declare type DateStamp = {
+    day: number;
+    inMonth: boolean;
+    timestamp: number;
+    week: number;
+    selected: boolean;
+};
+export declare class CalendarViewComponent {
+    private readonly _locale;
+    set view(value: CalendarView);
+    get view(): CalendarView;
+    set selectedDate(value: Date);
+    get selectedDate(): Date;
+    selectedDateChange: EventEmitter<Date>;
+    trackByStamp: Function;
+    trackByWeek: Function;
+    weekDayLabel: string[];
+    weeks: DateStamp[][];
+    private _selectedDate;
+    private _view;
+    constructor(_locale: LanguageCode);
+    onDateClick(date: DateStamp): void;
+    private _setLabels;
+    private _prepareWeeks;
+    private _selectDays;
+    private _resetSelection;
+}
+export {};

package/lib/components/date-planning/component/calendar/calendar.component.d.ts

@@ -1,10 +1,10 @@
-import { EventEmitter } from "@angular/core";
-import { CalendarView } from "../../../../enum/calendar-view.enum";
-export declare class CalendarComponent {
-    view: CalendarView;
-    selectedDate: Date;
-    days: Date[];
-    selectedDateChange: EventEmitter<Date>;
-    constructor();
-    changeSelectedDate(date: Date): void;
-}
+import { EventEmitter } from "@angular/core";
+import { CalendarView } from "../../../../enum/calendar-view.enum";
+export declare class CalendarComponent {
+    view: CalendarView;
+    selectedDate: Date;
+    days: Date[];
+    selectedDateChange: EventEmitter<Date>;
+    constructor();
+    changeSelectedDate(date: Date): void;
+}

package/lib/components/date-planning/component/calendar/style/_layout.scss

@@ -1,167 +1,167 @@
-@import "../../../../../style/mixin";
-
-@include export-module('sc-calendar') {
-  .sc-calendar {
-
-    .calendar-header-row{
-      flex-direction: row;
-      box-sizing: border-box;
-      display: flex;
-      place-content: center space-between;
-      align-items: center;
-    }
-
-    .pointer-hover {
-      cursor: pointer;
-    }
-
-    icon {
-      width: 20px;
-      height: 20px;
-    }
-
-    .month, .year {
-      user-select: none;
-    }
-
-    .month {
-      margin-right: 10px;
-    }
-
-    .select-month-year-window {
-      z-index: 9001;
-      background: white;
-    }
-
-    default-ok-cancel-buttons {
-      align-self: center;
-    }
-
-    .vertical-divider {
-      flex: 0 0;
-      padding: 0;
-      height: 80%;
-      flex-basis: 1px;
-      margin-top: 5px;
-    }
-
-    .selected-month {
-      color: $color-light;
-    }
-
-    .input-date-window {
-      &.expanded {
-        box-shadow: 0 0 5px 0 rgba(72,79,96,0.25);
-        border: 1px solid;
-        border-radius: 5px;
-      }
-      position: relative;
-      z-index: 1000;
-      transform-origin: center;
-      pointer-events: none;
-    }
-
-    .calendar-content {
-      pointer-events: initial;
-      background: $color-light;
-    }
-
-    .month-changer {
-      height: 40px;
-      .month-change {
-        opacity: 0.5;
-        &:hover {
-          opacity: 1;
-        }
-      }
-    }
-
-    .month-year-display {
-      margin-left: 10px;
-    }
-
-    .view-changer icon {
-      width: 20px;
-      height: 20px;
-      [fill] {
-        fill: $color-action;
-      }
-    }
-
-
-    .week-row {
-      flex-direction: row;
-      box-sizing: border-box;
-      display: flex;
-      > div {
-        flex: 1;
-        text-align: center;
-        line-height: 33px;
-      }
-    }
-
-    .week-day-label,
-    .week-acronym,
-    .week-number {
-      background: $color-less-light;
-    }
-
-    .week-day-label,
-    .week-number {
-      font-weight: bold;
-      border: 0 solid $color-light;
-    }
-
-    .week-number {
-      border-top-width: 1px;
-    }
-
-    .week-day-label {
-      border-left-width: 1px;
-    }
-
-    .week-acronym {
-      color: $color-grey;
-    }
-
-    .calendar-view,
-    .week-day {
-      cursor: pointer;
-      border: 1px solid transparent;
-      &.in-month {
-        color: $color-dark;
-      }
-      &.is-selected,
-      &:hover {
-        color: $color-light;
-        font-weight: normal;
-      }
-      &.is-today {
-        color: $color-action;
-        font-weight: bold;
-      }
-      &.is-selected {
-        color: $color-light;
-        background: $color-active !important;
-        border-color: $color-active !important;
-        border-radius: 0;
-      }
-      &:hover {
-        background: $color-active-accent;
-        border-color: $color-active-accent;
-      }
-    }
-
-    .week-day {
-      color: $color-grey;
-      //border-radius: 50%;
-    }
-
-    .calendar-view {
-      line-height: 45px;
-      text-align: center;
-      border-radius: 10px;
-      width: 69px;
-    }
-  }
-}
+@import "../../../../../style/mixin";
+
+@include export-module('sc-calendar') {
+  .sc-calendar {
+
+    .calendar-header-row{
+      flex-direction: row;
+      box-sizing: border-box;
+      display: flex;
+      place-content: center space-between;
+      align-items: center;
+    }
+
+    .pointer-hover {
+      cursor: pointer;
+    }
+
+    icon {
+      width: 20px;
+      height: 20px;
+    }
+
+    .month, .year {
+      user-select: none;
+    }
+
+    .month {
+      margin-right: 10px;
+    }
+
+    .select-month-year-window {
+      z-index: 9001;
+      background: white;
+    }
+
+    default-ok-cancel-buttons {
+      align-self: center;
+    }
+
+    .vertical-divider {
+      flex: 0 0;
+      padding: 0;
+      height: 80%;
+      flex-basis: 1px;
+      margin-top: 5px;
+    }
+
+    .selected-month {
+      color: $color-light;
+    }
+
+    .input-date-window {
+      &.expanded {
+        box-shadow: 0 0 5px 0 rgba(72,79,96,0.25);
+        border: 1px solid;
+        border-radius: 5px;
+      }
+      position: relative;
+      z-index: 1000;
+      transform-origin: center;
+      pointer-events: none;
+    }
+
+    .calendar-content {
+      pointer-events: initial;
+      background: $color-light;
+    }
+
+    .month-changer {
+      height: 40px;
+      .month-change {
+        opacity: 0.5;
+        &:hover {
+          opacity: 1;
+        }
+      }
+    }
+
+    .month-year-display {
+      margin-left: 10px;
+    }
+
+    .view-changer icon {
+      width: 20px;
+      height: 20px;
+      [fill] {
+        fill: $color-action;
+      }
+    }
+
+
+    .week-row {
+      flex-direction: row;
+      box-sizing: border-box;
+      display: flex;
+      > div {
+        flex: 1;
+        text-align: center;
+        line-height: 33px;
+      }
+    }
+
+    .week-day-label,
+    .week-acronym,
+    .week-number {
+      background: $color-less-light;
+    }
+
+    .week-day-label,
+    .week-number {
+      font-weight: bold;
+      border: 0 solid $color-light;
+    }
+
+    .week-number {
+      border-top-width: 1px;
+    }
+
+    .week-day-label {
+      border-left-width: 1px;
+    }
+
+    .week-acronym {
+      color: $color-grey;
+    }
+
+    .calendar-view,
+    .week-day {
+      cursor: pointer;
+      border: 1px solid transparent;
+      &.in-month {
+        color: $color-dark;
+      }
+      &.is-selected,
+      &:hover {
+        color: $color-light;
+        font-weight: normal;
+      }
+      &.is-today {
+        color: $color-action;
+        font-weight: bold;
+      }
+      &.is-selected {
+        color: $color-light;
+        background: $color-active !important;
+        border-color: $color-active !important;
+        border-radius: 0;
+      }
+      &:hover {
+        background: $color-active-accent;
+        border-color: $color-active-accent;
+      }
+    }
+
+    .week-day {
+      color: $color-grey;
+      //border-radius: 50%;
+    }
+
+    .calendar-view {
+      line-height: 45px;
+      text-align: center;
+      border-radius: 10px;
+      width: 69px;
+    }
+  }
+}

package/lib/components/date-planning/component/calendar/style/_material-definition.scss

@@ -1,7 +1,7 @@
-$color-grey: #DAD9D9;
-$color-active-accent: #8faba6;
-$color-active: #429777;
-$color-light: #FFFFFF;
-$color-dark: #171721;
-$color-less-light: #F7FAFA;
-$color-action: #4682b4;
+$color-grey: #DAD9D9;
+$color-active-accent: #8faba6;
+$color-active: #429777;
+$color-light: #FFFFFF;
+$color-dark: #171721;
+$color-less-light: #F7FAFA;
+$color-action: #4682b4;

package/lib/components/date-planning/component/calendar/style/_theme.scss

@@ -1,7 +1,7 @@
-@import "../../../../../style/mixin";
-
-@include export-module('sc-calendar-theme') {
-  .sc-calendar {
-
-  }
-}
+@import "../../../../../style/mixin";
+
+@include export-module('sc-calendar-theme') {
+  .sc-calendar {
+
+  }
+}

package/lib/components/date-planning/component/calendar/style/material.scss

@@ -1,5 +1,5 @@
-@import "./material-definition";
-@import "./layout";
-@import "./theme";
-
-
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+
+