@progress/kendo-angular-inputs
Version:
Kendo UI for Angular Inputs Package - Everything you need to build professional form functionality (Checkbox, ColorGradient, ColorPalette, ColorPicker, FlatColorPicker, FormField, MaskedTextBox, NumericTextBox, RadioButton, RangeSlider, Slider, Switch, Te
28 lines (27 loc) • 1.32 kB
JavaScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
/**
* @hidden
*/
export const animationDuration = 300;
/**
* @hidden
*/
export const updateActionSheetAdaptiveAppearance = (actionSheet, windowSize, renderer) => {
const element = actionSheet['element'].nativeElement.querySelector('.k-actionsheet');
const animationContainer = actionSheet['element'].nativeElement.querySelector('.k-child-animation-container');
renderer.addClass(element, 'k-adaptive-actionsheet');
renderer.setStyle(animationContainer, 'width', '100%');
if (windowSize === 'medium') {
renderer.removeClass(element, 'k-actionsheet-fullscreen');
renderer.addClass(element, 'k-actionsheet-bottom');
renderer.setStyle(animationContainer, 'bottom', '0px');
}
else if (windowSize === 'small') {
renderer.removeClass(element, 'k-actionsheet-bottom');
renderer.addClass(element, 'k-actionsheet-fullscreen');
renderer.setStyle(animationContainer, 'height', '100%');
}
};