@colijnit/corecomponents_v12 12.1.3 → 12.1.5

package/fesm2015/colijnit-corecomponents_v12.js

@@ -5382,6 +5382,7 @@ class OverlayDirective {
         this.keepInView = false;
         this.inheritWidth = false;
         this.rightAlign = false;
+        this.fullSize = false;
         this.handleScroll = (event) => {
             this._checkAndPlaceElement();
         };
@@ -5435,11 +5436,18 @@ class OverlayDirective {
     _checkAndPlaceElement() {
         if (this._elementRef && this._elementRef.nativeElement && this._parent && this._parent.nativeElement) {
             const elementRect = this._elementRef.nativeElement.getBoundingClientRect();
-            const parentRect = this._parent.nativeElement.getBoundingClientRect();
+            const parentBoundingRect = this._parent.nativeElement.getBoundingClientRect();
+            const parentRect = {
+                bottom: this._parent.nativeElement.offsetTop + parentBoundingRect.height,
+                right: this._parent.nativeElement.offsetLeft + parentBoundingRect.width,
+                left: this._parent.nativeElement.offsetLeft,
+                top: this._parent.nativeElement.offsetTop
+            };
             this._placeElement(window.innerHeight, window.innerWidth, parentRect, elementRect);
         }
     }
     _placeElement(bottom, right, parentRect, elementRect) {
+        this._elementRef.nativeElement.style.position = "fixed";
         if (bottom < parentRect.bottom + elementRect.height) { // make sure it fits at the bottom
             this._elementRef.nativeElement.style.top = (parentRect.top - elementRect.height) + "px";
             this._elementRef.nativeElement.classList.add('top');
@@ -5454,18 +5462,23 @@ class OverlayDirective {
         if (this.rightAlign) {
             this._elementRef.nativeElement.style.left = (parentRect.right - elementRect.width) + "px";
         }
+        else if (this.fullSize) {
+            this._elementRef.nativeElement.style.left = "0px";
+        }
         else {
             this._elementRef.nativeElement.style.left = parentRect.left + "px";
         }
         if (this.keepInView) {
-            if (elementRect.right > window.innerWidth) {
+            const viewToKeepIn = this.view ? this.view : window;
+            const viewWidth = viewToKeepIn.innerWidth || viewToKeepIn.clientWidth;
+            if (elementRect.right > viewWidth) {
                 //see if we can move it to the left
-                if ((window.innerWidth - elementRect.width) > 0) {
-                    this._elementRef.nativeElement.style.left = (window.innerWidth - elementRect.width) + "px";
+                if (((viewWidth - elementRect.width) > 0) && !this.fullSize) {
+                    this._elementRef.nativeElement.style.left = (viewWidth - elementRect.width) + "px";
                 }
                 else { //resize so it fits into view
-                    this._elementRef.nativeElement.style.width = window.innerWidth + "px";
-                    this._elementRef.nativeElement.style.left = 0;
+                    this._elementRef.nativeElement.style.width = viewWidth + "px";
+                    this._elementRef.nativeElement.style.left = viewToKeepIn.offsetLeft + "px";
                 }
             }
         }
@@ -5481,9 +5494,11 @@ OverlayDirective.ctorParameters = () => [
 ];
 OverlayDirective.propDecorators = {
     parent: [{ type: Input, args: ["overlay",] }],
+    view: [{ type: Input }],
     keepInView: [{ type: Input }],
     inheritWidth: [{ type: Input }],
-    rightAlign: [{ type: Input }]
+    rightAlign: [{ type: Input }],
+    fullSize: [{ type: Input }]
 };
 
 class OverlayParentDirective {
@@ -5640,7 +5655,7 @@ InputTextComponent.decorators = [
       <co-icon *ngIf="leftIcon || leftIconData" class="input-text-left-icon" [icon]="leftIcon" [iconData]="leftIconData"
                (click)="handleLeftIconClick($event)" (mousedown)="handleLeftIconMouseDown($event)"
                (mouseup)="handleLeftIconMouseUp($event)"></co-icon>
-      <div *ngIf="leftIcon || leftIconData" class="spacer"></div>
+      <div *ngIf="leftIcon || leftIconData" class="spacer left-icon"></div>
       <div class="input-wrapper">
         <label *ngIf="showPlaceholderOnFocus || (!showPlaceholderOnFocus && !hasValue && !focused)"
                [textContent]="placeholder"></label>
@@ -5660,7 +5675,7 @@ InputTextComponent.decorators = [
         <co-icon [class.show]="showClearButton && hasValue && focused && !readonly" class="input-text-clear-button" [icon]="icons.CrossSkinny" (click)="clearInput($event)"></co-icon>
         <div class="required-indicator"></div>
       </div>
-      <div *ngIf="rightIcon || rightIconData" class="spacer"></div>
+      <div *ngIf="rightIcon || rightIconData" class="spacer right-icon"></div>
       <co-icon *ngIf="rightIcon || rightIconData" class="input-text-right-icon" [icon]="rightIcon" [iconData]="rightIconData"
                (click)="handleRightIconClick($event)" (mousedown)="handleRightIconMouseDown($event)" (mouseup)="handleRightIconMouseUp($event)"></co-icon>
     </div>
@@ -10452,6 +10467,7 @@ class ListOfValuesComponent extends BaseInputComponent {
         this.multiselect = false;
         this.displayField = 'description';
         this.searchDisabled = false;
+        this.closeAfterOptionChosen = true;
         this.isSelectOpen = false;
         this.state = 'default';
         this.selectedModels = [];
@@ -10555,6 +10571,9 @@ class ListOfValuesComponent extends BaseInputComponent {
             }
             else {
                 this.selectedModel = option[this.displayField];
+                if (this.closeAfterOptionChosen) {
+                    this.toggleSelect();
+                }
             }
         }
         this.model = option;
@@ -10652,6 +10671,7 @@ ListOfValuesComponent.propDecorators = {
     label: [{ type: Input }],
     customCssClass: [{ type: Input }],
     searchDisabled: [{ type: Input }],
+    closeAfterOptionChosen: [{ type: Input }],
     showClass: [{ type: HostBinding, args: ['class.co-list-of-values',] }]
 };
 
@@ -10790,6 +10810,45 @@ ListOfValuesModule.decorators = [
             },] }
 ];
 
+class ResponsiveTextComponent {
+    showClass() {
+        return true;
+    }
+}
+ResponsiveTextComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'co-responsive-text',
+                template: `
+        <svg viewBox="0 0 100 100">
+            <foreignObject height="100%" width="100%">
+                <div class="text" [textContent]="text"></div>
+            </foreignObject>            
+        </svg>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+ResponsiveTextComponent.propDecorators = {
+    text: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ['class.co-responsive-text',] }]
+};
+
+class ResponsiveTextModule {
+}
+ResponsiveTextModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule
+                ],
+                declarations: [
+                    ResponsiveTextComponent
+                ],
+                exports: [
+                    ResponsiveTextComponent
+                ]
+            },] }
+];
+
 class FilterPipe {
     transform(items, field, value) {
         if (!items || !field) {
@@ -11578,5 +11637,5 @@ ColorSequenceService.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { ArticleTileComponent, ArticleTileModule, BaseInputComponent, BaseInputDatePickerDirective, ButtonComponent, ButtonModule, CalendarComponent, CalendarModule, CardComponent, CardModule, Carousel3dComponent, Carousel3dModule, CarouselComponent, CarouselHammerConfig, CarouselModule, CheckmarkOverlayModule, ClickoutsideModule, CoDialogComponent, CoDialogModule, CoDialogWizardComponent, CoDialogWizardModule, CoDirection, CoOrientation, CollapsibleComponent, CollapsibleModule, ColorSequenceService, ColumnAlign, ContentViewMode, CoreComponentsIcon, CoreComponentsTranslationModule, CoreComponentsTranslationService, DoubleCalendarComponent, DoubleCalendarModule, FilterItemComponent, FilterItemModule, FilterItemViewmodel, FilterPipe, FilterPipeModule, FilterViewmodel, FormComponent, FormInputUserModelChangeListenerService, FormMasterService, FormModule, GridToolbarButtonComponent, GridToolbarButtonModule, GridToolbarComponent, GridToolbarModule, IconCacheService, IconCollapseHandleComponent, IconCollapseHandleModule, IconComponent, IconModule, ImageComponent, ImageModule, InputCheckboxComponent, InputCheckboxModule, InputDatePickerComponent, InputDatePickerModule, InputDateRangePickerComponent, InputDateRangePickerModule, InputNumberPickerComponent, InputNumberPickerModule, InputRadioButtonComponent, InputRadioButtonModule, InputSearchComponent, InputSearchModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, LevelIndicatorComponent, LevelIndicatorModule, ListOfValuesComponent, ListOfValuesModule, ListOfValuesPopupComponent, NgZoneWrapperService, ObserveVisibilityModule, OrientationOfDirection, OverlayModule, OverlayService, PaginationBarComponent, PaginationBarModule, PaginationComponent, PaginationModule, PopupButtonsComponent, PopupMessageDisplayComponent, PopupModule, PopupWindowShellComponent, PriceDisplayPipe, PriceDisplayPipeModule, PromptService, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, ScreenConfigurationModule, SimpleGridColumnDirective, SimpleGridComponent, SimpleGridModule, TextInputPopupComponent, TileComponent, TileModule, TooltipDirectiveModule, ViewModeButtonsComponent, ViewModeButtonsModule, emailValidator, equalValidator, getValidatePasswordErrorString, maxStringLengthValidator, passwordValidator, precisionScaleValidator, requiredValidator, showHideDialog, InputBoolean as ɵa, RippleModule as ɵb, PaginationService as ɵba, PaginatePipe as ɵbb, SimpleGridCellComponent as ɵbc, ListOfValuesMultiselectPopupComponent as ɵbd, PrependPipeModule as ɵbe, PrependPipe as ɵbf, TooltipModule as ɵbg, TooltipComponent as ɵbh, TooltipDirective as ɵbi, CheckmarkOverlayComponent as ɵbj, ScreenConfigurationDirective as ɵbk, ScreenConfigComponentWrapper as ɵbl, MD_RIPPLE_GLOBAL_OPTIONS as ɵc, CoRippleDirective as ɵd, CoViewportRulerService as ɵe, CoScrollDispatcherService as ɵf, CoScrollableDirective as ɵg, StopClickModule as ɵh, StopClickDirective as ɵi, BaseModule as ɵj, AppendPipeModule as ɵk, AppendPipe as ɵl, ValidationErrorModule as ɵm, OverlayDirective as ɵn, OverlayParentDirective as ɵo, LocalizePipe as ɵp, DictionaryService as ɵq, ValidationErrorComponent as ɵr, CommitButtonsModule as ɵs, CommitButtonsComponent as ɵt, ClickOutsideDirective as ɵu, ClickOutsideMasterService as ɵv, CalendarTemplateComponent as ɵw, PopupShowerService as ɵx, BaseSimpleGridComponent as ɵy, ObserveVisibilityDirective as ɵz };
+export { ArticleTileComponent, ArticleTileModule, BaseInputComponent, BaseInputDatePickerDirective, ButtonComponent, ButtonModule, CalendarComponent, CalendarModule, CardComponent, CardModule, Carousel3dComponent, Carousel3dModule, CarouselComponent, CarouselHammerConfig, CarouselModule, CheckmarkOverlayModule, ClickoutsideModule, CoDialogComponent, CoDialogModule, CoDialogWizardComponent, CoDialogWizardModule, CoDirection, CoOrientation, CollapsibleComponent, CollapsibleModule, ColorSequenceService, ColumnAlign, ContentViewMode, CoreComponentsIcon, CoreComponentsTranslationModule, CoreComponentsTranslationService, DoubleCalendarComponent, DoubleCalendarModule, FilterItemComponent, FilterItemModule, FilterItemViewmodel, FilterPipe, FilterPipeModule, FilterViewmodel, FormComponent, FormInputUserModelChangeListenerService, FormMasterService, FormModule, GridToolbarButtonComponent, GridToolbarButtonModule, GridToolbarComponent, GridToolbarModule, IconCacheService, IconCollapseHandleComponent, IconCollapseHandleModule, IconComponent, IconModule, ImageComponent, ImageModule, InputCheckboxComponent, InputCheckboxModule, InputDatePickerComponent, InputDatePickerModule, InputDateRangePickerComponent, InputDateRangePickerModule, InputNumberPickerComponent, InputNumberPickerModule, InputRadioButtonComponent, InputRadioButtonModule, InputSearchComponent, InputSearchModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, LevelIndicatorComponent, LevelIndicatorModule, ListOfValuesComponent, ListOfValuesModule, ListOfValuesPopupComponent, NgZoneWrapperService, ObserveVisibilityModule, OrientationOfDirection, OverlayModule, OverlayService, PaginationBarComponent, PaginationBarModule, PaginationComponent, PaginationModule, PopupButtonsComponent, PopupMessageDisplayComponent, PopupModule, PopupWindowShellComponent, PriceDisplayPipe, PriceDisplayPipeModule, PromptService, ResponsiveTextComponent, ResponsiveTextModule, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, ScreenConfigurationModule, SimpleGridColumnDirective, SimpleGridComponent, SimpleGridModule, TextInputPopupComponent, TileComponent, TileModule, TooltipDirectiveModule, ViewModeButtonsComponent, ViewModeButtonsModule, emailValidator, equalValidator, getValidatePasswordErrorString, maxStringLengthValidator, passwordValidator, precisionScaleValidator, requiredValidator, showHideDialog, InputBoolean as ɵa, RippleModule as ɵb, PaginationService as ɵba, PaginatePipe as ɵbb, SimpleGridCellComponent as ɵbc, ListOfValuesMultiselectPopupComponent as ɵbd, PrependPipeModule as ɵbe, PrependPipe as ɵbf, TooltipModule as ɵbg, TooltipComponent as ɵbh, TooltipDirective as ɵbi, CheckmarkOverlayComponent as ɵbj, ScreenConfigurationDirective as ɵbk, ScreenConfigComponentWrapper as ɵbl, MD_RIPPLE_GLOBAL_OPTIONS as ɵc, CoRippleDirective as ɵd, CoViewportRulerService as ɵe, CoScrollDispatcherService as ɵf, CoScrollableDirective as ɵg, StopClickModule as ɵh, StopClickDirective as ɵi, BaseModule as ɵj, AppendPipeModule as ɵk, AppendPipe as ɵl, ValidationErrorModule as ɵm, OverlayDirective as ɵn, OverlayParentDirective as ɵo, LocalizePipe as ɵp, DictionaryService as ɵq, ValidationErrorComponent as ɵr, CommitButtonsModule as ɵs, CommitButtonsComponent as ɵt, ClickOutsideDirective as ɵu, ClickOutsideMasterService as ɵv, CalendarTemplateComponent as ɵw, PopupShowerService as ɵx, BaseSimpleGridComponent as ɵy, ObserveVisibilityDirective as ɵz };
 //# sourceMappingURL=colijnit-corecomponents_v12.js.map