@progress/kendo-angular-inputs 7.5.1 → 8.0.0-dev.202112211528

package/dist/es2015/{colorpicker/models/color-picker-view.d.ts → common/models/fillmode.d.ts}

@@ -3,11 +3,11 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies what view the ColorPicker will render in the popup.
+ * Represents the possible fillMode options of the inputs.
  *
  * The possible values are:
- * * (Default) `gradient`
- * * `palette`
- * * `combo`
+ * - `solid`
+ * - `flat`
+ * - `outline`
  */
-export declare type ColorPickerView = 'gradient' | 'palette' | 'combo';
+export declare type InputFillMode = 'solid' | 'flat' | 'outline';

package/dist/es2015/common/models/fillmode.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/

package/dist/es2015/common/models/rounded.d.ts

@@ -0,0 +1,23 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Represents the possible rounded options of the inputs.
+ *
+ * The possible values are:
+ * - `'small'`
+ * - `'medium'`
+ * - `'large'`
+ * - `'full'`
+ */
+export declare type InputRounded = 'small' | 'medium' | 'large' | 'full';
+/**
+ * Represents the possible rounded options of the CheckBox.
+ *
+ * The possible values are:
+ * - `'small'`
+ * - `'medium'`
+ * - `'large'`
+ */
+export declare type CheckBoxRounded = 'small' | 'medium' | 'large';

package/dist/es2015/common/models/rounded.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/

package/dist/es2015/common/models/size.d.ts

@@ -0,0 +1,14 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Represents the possible size options of the inputs.
+ *
+ * The possible values are:
+ * - `'small'`
+ * - `'medium'`
+ * - `'large'`
+ * - `null`
+ */
+export declare type InputSize = 'small' | 'medium' | 'large' | null;

package/dist/es2015/common/models/size.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/

package/dist/es2015/common/models/styling-classes.d.ts

@@ -0,0 +1,11 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export interface InputStylingClasses {
+    toRemove?: string;
+    toAdd?: string;
+}

package/dist/es2015/common/models/styling-classes.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/

package/dist/es2015/common/models.d.ts

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export * from './models/fillmode';
+export * from './models/rounded';
+export * from './models/size';
+export * from './models/styling-classes';

package/dist/es2015/common/models.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/

package/dist/es2015/common/utils.d.ts

@@ -2,6 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { InputStylingClasses } from "./models";
 /**
  * @hidden
  *
@@ -26,3 +27,9 @@ export declare const requiresZoneOnBlur: (ngControl: any) => any;
  * @param max The inclusive upper bound number.
  */
 export declare const fitIntoBounds: (contender: number, min: number, max: number) => number;
+/**
+ * @hidden
+ *
+ * Returns the styling classes to be added and removed
+ */
+export declare const getStylingClasses: (componentType: any, stylingOption: string, previousValue: any, newValue: any) => InputStylingClasses;

package/dist/es2015/common/utils.js

@@ -32,3 +32,40 @@ export const fitIntoBounds = (contender, min, max) => {
     }
     return contender <= min ? min : contender >= max ? max : contender;
 };
+const SIZES = {
+    small: 'sm',
+    medium: 'md',
+    large: 'lg'
+};
+const ROUNDNESS = {
+    small: 'sm',
+    medium: 'md',
+    large: 'lg',
+    full: 'full'
+};
+/**
+ * @hidden
+ *
+ * Returns the styling classes to be added and removed
+ */
+export const getStylingClasses = (componentType, stylingOption, previousValue, newValue) => {
+    switch (stylingOption) {
+        case 'size':
+            return {
+                toRemove: `k-${componentType}-${SIZES[previousValue]}`,
+                toAdd: newValue ? `k-${componentType}-${SIZES[newValue]}` : null
+            };
+        case 'rounded':
+            return {
+                toRemove: `k-rounded-${ROUNDNESS[previousValue]}`,
+                toAdd: newValue ? `k-rounded-${ROUNDNESS[newValue]}` : null
+            };
+        case 'fillMode':
+            return {
+                toRemove: `k-${componentType}-${previousValue}`,
+                toAdd: newValue ? `k-${componentType}-${newValue}` : null
+            };
+        default:
+            break;
+    }
+};

package/dist/es2015/index.d.ts

@@ -7,16 +7,21 @@
  */
 export * from './main';
 export { CheckBoxModule } from './checkbox.module';
+export { ColorContrastSvgComponent } from './colorpicker/color-contrast-svg.component';
 export { ColorInputComponent } from './colorpicker/color-input.component';
 export { ContrastValidationComponent } from './colorpicker/contrast-validation.component';
 export { ContrastComponent } from './colorpicker/contrast.component';
+export { FlatColorPickerActionButtonsComponent } from './colorpicker/flatcolorpicker-actions.component';
+export { FlatColorPickerHeaderComponent } from './colorpicker/flatcolorpicker-header.component';
 export { FocusOnDomReadyDirective } from './colorpicker/focus-on-dom-ready.directive';
 export { ColorGradientLocalizationService } from './colorpicker/localization/colorgradient-localization.service';
 export { ColorPaletteLocalizationService } from './colorpicker/localization/colorpalette-localization.service';
 export { ColorPickerLocalizationService } from './colorpicker/localization/colorpicker-localization.service';
 export { ColorPickerCustomMessagesComponent } from './colorpicker/localization/custom-messages.component';
+export { FlatColorPickerLocalizationService } from './colorpicker/localization/flatcolorpicker-localization.service';
 export { ColorPickerMessages } from './colorpicker/localization/messages';
 export { ColorPaletteService } from './colorpicker/services/color-palette.service';
+export { FlatColorPickerService } from './colorpicker/services/flatcolorpicker.service';
 export { MaskingService } from './maskedtextbox/masking.service';
 export { NumericTextBoxMessages } from './numerictextbox/localization/messages';
 export { RadioButtonModule } from './radiobutton.module';

package/dist/es2015/index.js

@@ -7,16 +7,21 @@
  */
 export * from './main';
 export { CheckBoxModule } from './checkbox.module';
+export { ColorContrastSvgComponent } from './colorpicker/color-contrast-svg.component';
 export { ColorInputComponent } from './colorpicker/color-input.component';
 export { ContrastValidationComponent } from './colorpicker/contrast-validation.component';
 export { ContrastComponent } from './colorpicker/contrast.component';
+export { FlatColorPickerActionButtonsComponent } from './colorpicker/flatcolorpicker-actions.component';
+export { FlatColorPickerHeaderComponent } from './colorpicker/flatcolorpicker-header.component';
 export { FocusOnDomReadyDirective } from './colorpicker/focus-on-dom-ready.directive';
 export { ColorGradientLocalizationService } from './colorpicker/localization/colorgradient-localization.service';
 export { ColorPaletteLocalizationService } from './colorpicker/localization/colorpalette-localization.service';
 export { ColorPickerLocalizationService } from './colorpicker/localization/colorpicker-localization.service';
 export { ColorPickerCustomMessagesComponent } from './colorpicker/localization/custom-messages.component';
+export { FlatColorPickerLocalizationService } from './colorpicker/localization/flatcolorpicker-localization.service';
 export { ColorPickerMessages } from './colorpicker/localization/messages';
 export { ColorPaletteService } from './colorpicker/services/color-palette.service';
+export { FlatColorPickerService } from './colorpicker/services/flatcolorpicker.service';
 export { MaskingService } from './maskedtextbox/masking.service';
 export { NumericTextBoxMessages } from './numerictextbox/localization/messages';
 export { RadioButtonModule } from './radiobutton.module';