@progress/kendo-angular-inputs 12.2.0-develop.1 → 12.2.0-develop.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/colorpicker/color-palette.component.mjs +46 -50
- package/esm2020/colorpicker/flatcolorpicker-actions.component.mjs +2 -2
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/rangeslider/rangeslider.component.mjs +114 -114
- package/esm2020/slider/slider.component.mjs +129 -135
- package/fesm2015/progress-kendo-angular-inputs.mjs +293 -303
- package/fesm2020/progress-kendo-angular-inputs.mjs +293 -303
- package/package.json +10 -10
|
@@ -538,8 +538,8 @@ const packageMetadata = {
|
|
|
538
538
|
name: '@progress/kendo-angular-inputs',
|
|
539
539
|
productName: 'Kendo UI for Angular',
|
|
540
540
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
541
|
-
publishDate:
|
|
542
|
-
version: '12.2.0-develop.
|
|
541
|
+
publishDate: 1684487794,
|
|
542
|
+
version: '12.2.0-develop.3',
|
|
543
543
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
544
544
|
};
|
|
545
545
|
|
|
@@ -1391,81 +1391,78 @@ SliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
|
|
|
1391
1391
|
i18n-dragHandle="kendo.slider.dragHandle|The title of the drag handle of the Slider."
|
|
1392
1392
|
dragHandle="Drag"
|
|
1393
1393
|
>
|
|
1394
|
-
<
|
|
1395
|
-
|
|
1394
|
+
<button
|
|
1395
|
+
kendoButton
|
|
1396
|
+
#decreaseButton
|
|
1397
|
+
*ngIf="showButtons"
|
|
1398
|
+
type="button"
|
|
1399
|
+
rounded="full"
|
|
1400
|
+
[icon]="!vertical ? 'caret-alt-left' : 'caret-alt-down'"
|
|
1401
|
+
[svgIcon]="!vertical ? arrowLeftIcon : arrowDownIcon"
|
|
1402
|
+
class="k-button-decrease"
|
|
1403
|
+
[title]="decrementMessage"
|
|
1404
|
+
[attr.tabindex]="-1"
|
|
1405
|
+
></button>
|
|
1406
|
+
<div
|
|
1407
|
+
#wrap
|
|
1408
|
+
class="k-slider-track-wrap"
|
|
1396
1409
|
[class.k-slider-topleft]="tickPlacement === 'before'"
|
|
1397
1410
|
[class.k-slider-bottomright]="tickPlacement === 'after'"
|
|
1398
1411
|
[kendoEventsOutsideAngular]="{ click: onWrapClick, keydown: onKeyDown }"
|
|
1412
|
+
>
|
|
1413
|
+
<ul kendoSliderTicks
|
|
1414
|
+
#ticks
|
|
1415
|
+
*ngIf="tickPlacement !== 'none'"
|
|
1416
|
+
[tickTitle]="title"
|
|
1417
|
+
[vertical]="vertical"
|
|
1418
|
+
[step]="smallStep"
|
|
1419
|
+
[largeStep]="largeStep"
|
|
1420
|
+
[min]="min"
|
|
1421
|
+
[max]="max"
|
|
1422
|
+
[labelTemplate]="labelTemplate?.templateRef"
|
|
1423
|
+
[attr.aria-hidden]="true"
|
|
1399
1424
|
>
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
#
|
|
1403
|
-
*ngIf="showButtons"
|
|
1404
|
-
type="button"
|
|
1405
|
-
rounded="full"
|
|
1406
|
-
[icon]="!vertical ? 'caret-alt-left' : 'caret-alt-down'"
|
|
1407
|
-
[svgIcon]="!vertical ? arrowLeftIcon : arrowDownIcon"
|
|
1408
|
-
class="k-button-decrease"
|
|
1409
|
-
[title]="decrementMessage"
|
|
1410
|
-
[attr.tabindex]="-1"
|
|
1411
|
-
|
|
1412
|
-
></button>
|
|
1413
|
-
<div class="k-slider-track-wrap">
|
|
1414
|
-
<ul kendoSliderTicks
|
|
1415
|
-
#ticks
|
|
1416
|
-
*ngIf="tickPlacement !== 'none'"
|
|
1417
|
-
[tickTitle]="title"
|
|
1418
|
-
[vertical]="vertical"
|
|
1419
|
-
[step]="smallStep"
|
|
1420
|
-
[largeStep]="largeStep"
|
|
1421
|
-
[min]="min"
|
|
1422
|
-
[max]="max"
|
|
1423
|
-
[labelTemplate]="labelTemplate?.templateRef"
|
|
1424
|
-
[attr.aria-hidden]="true"
|
|
1425
|
-
>
|
|
1426
|
-
</ul>
|
|
1427
|
-
<div #track class="k-slider-track">
|
|
1428
|
-
<div #sliderSelection class="k-slider-selection">
|
|
1429
|
-
</div>
|
|
1430
|
-
<span #draghandle
|
|
1431
|
-
role="slider"
|
|
1432
|
-
[attr.aria-valuemin]="min"
|
|
1433
|
-
[attr.aria-valuemax]="max"
|
|
1434
|
-
[attr.aria-valuenow]="currentValue"
|
|
1435
|
-
[attr.aria-valuetext]="currentValue"
|
|
1436
|
-
[attr.aria-disabled]="disabled ? true : undefined"
|
|
1437
|
-
[attr.aria-readonly]="readonly ? true : undefined"
|
|
1438
|
-
[attr.aria-orientation]="vertical ? 'vertical' : 'horizontal'"
|
|
1439
|
-
[style.touch-action]="isDisabled ? '' : 'none'"
|
|
1440
|
-
class="k-draghandle"
|
|
1441
|
-
[title]="dragHandleMessage"
|
|
1442
|
-
[attr.tabindex]="disabled ? '-1' : tabIndex"
|
|
1443
|
-
[id]="focusableId"
|
|
1444
|
-
kendoDraggable
|
|
1445
|
-
(kendoPress)="ifEnabled(handleDragPress, $event)"
|
|
1446
|
-
(kendoDrag)="ifEnabled(onHandleDrag, $event)"
|
|
1447
|
-
(kendoRelease)="ifEnabled(onHandleRelease, $event)"
|
|
1448
|
-
></span>
|
|
1425
|
+
</ul>
|
|
1426
|
+
<div #track class="k-slider-track">
|
|
1427
|
+
<div #sliderSelection class="k-slider-selection">
|
|
1449
1428
|
</div>
|
|
1429
|
+
<span #draghandle
|
|
1430
|
+
role="slider"
|
|
1431
|
+
[attr.aria-valuemin]="min"
|
|
1432
|
+
[attr.aria-valuemax]="max"
|
|
1433
|
+
[attr.aria-valuenow]="currentValue"
|
|
1434
|
+
[attr.aria-valuetext]="currentValue"
|
|
1435
|
+
[attr.aria-disabled]="disabled ? true : undefined"
|
|
1436
|
+
[attr.aria-readonly]="readonly ? true : undefined"
|
|
1437
|
+
[attr.aria-orientation]="vertical ? 'vertical' : 'horizontal'"
|
|
1438
|
+
[style.touch-action]="isDisabled ? '' : 'none'"
|
|
1439
|
+
class="k-draghandle"
|
|
1440
|
+
[title]="dragHandleMessage"
|
|
1441
|
+
[attr.tabindex]="disabled ? '-1' : tabIndex"
|
|
1442
|
+
[id]="focusableId"
|
|
1443
|
+
kendoDraggable
|
|
1444
|
+
(kendoPress)="ifEnabled(handleDragPress, $event)"
|
|
1445
|
+
(kendoDrag)="ifEnabled(onHandleDrag, $event)"
|
|
1446
|
+
(kendoRelease)="ifEnabled(onHandleRelease, $event)"
|
|
1447
|
+
></span>
|
|
1450
1448
|
</div>
|
|
1451
|
-
<button
|
|
1452
|
-
kendoButton
|
|
1453
|
-
#increaseButton
|
|
1454
|
-
*ngIf="showButtons"
|
|
1455
|
-
type="button"
|
|
1456
|
-
rounded="full"
|
|
1457
|
-
[icon]="!vertical ? 'caret-alt-right' : 'caret-alt-up'"
|
|
1458
|
-
[svgIcon]="!vertical ? arrowRightIcon : arrowUpIcon"
|
|
1459
|
-
class="k-button-increase"
|
|
1460
|
-
[title]="incrementMessage"
|
|
1461
|
-
(click)="$event.preventDefault()"
|
|
1462
|
-
[attr.tabindex]="-1"
|
|
1463
|
-
[attr.aria-label]="currentValue"
|
|
1464
|
-
|
|
1465
|
-
></button>
|
|
1466
|
-
<kendo-resize-sensor (resize)="sizeComponent(false)"></kendo-resize-sensor>
|
|
1467
1449
|
</div>
|
|
1468
|
-
|
|
1450
|
+
<button
|
|
1451
|
+
kendoButton
|
|
1452
|
+
#increaseButton
|
|
1453
|
+
*ngIf="showButtons"
|
|
1454
|
+
type="button"
|
|
1455
|
+
rounded="full"
|
|
1456
|
+
[icon]="!vertical ? 'caret-alt-right' : 'caret-alt-up'"
|
|
1457
|
+
[svgIcon]="!vertical ? arrowRightIcon : arrowUpIcon"
|
|
1458
|
+
class="k-button-increase"
|
|
1459
|
+
[title]="incrementMessage"
|
|
1460
|
+
(click)="$event.preventDefault()"
|
|
1461
|
+
[attr.tabindex]="-1"
|
|
1462
|
+
[attr.aria-label]="currentValue"
|
|
1463
|
+
></button>
|
|
1464
|
+
<kendo-resize-sensor (resize)="sizeComponent(false)"></kendo-resize-sensor>
|
|
1465
|
+
`, isInline: true, components: [{ type: i2.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: SliderTicksComponent, selector: "[kendoSliderTicks]", inputs: ["tickTitle", "vertical", "step", "largeStep", "min", "max", "labelTemplate"] }, { type: i3.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: LocalizedSliderMessagesDirective, selector: "[kendoSliderLocalizedMessages]" }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i3.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }] });
|
|
1469
1466
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SliderComponent, decorators: [{
|
|
1470
1467
|
type: Component,
|
|
1471
1468
|
args: [{
|
|
@@ -1486,80 +1483,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1486
1483
|
i18n-dragHandle="kendo.slider.dragHandle|The title of the drag handle of the Slider."
|
|
1487
1484
|
dragHandle="Drag"
|
|
1488
1485
|
>
|
|
1489
|
-
<
|
|
1490
|
-
|
|
1486
|
+
<button
|
|
1487
|
+
kendoButton
|
|
1488
|
+
#decreaseButton
|
|
1489
|
+
*ngIf="showButtons"
|
|
1490
|
+
type="button"
|
|
1491
|
+
rounded="full"
|
|
1492
|
+
[icon]="!vertical ? 'caret-alt-left' : 'caret-alt-down'"
|
|
1493
|
+
[svgIcon]="!vertical ? arrowLeftIcon : arrowDownIcon"
|
|
1494
|
+
class="k-button-decrease"
|
|
1495
|
+
[title]="decrementMessage"
|
|
1496
|
+
[attr.tabindex]="-1"
|
|
1497
|
+
></button>
|
|
1498
|
+
<div
|
|
1499
|
+
#wrap
|
|
1500
|
+
class="k-slider-track-wrap"
|
|
1491
1501
|
[class.k-slider-topleft]="tickPlacement === 'before'"
|
|
1492
1502
|
[class.k-slider-bottomright]="tickPlacement === 'after'"
|
|
1493
1503
|
[kendoEventsOutsideAngular]="{ click: onWrapClick, keydown: onKeyDown }"
|
|
1504
|
+
>
|
|
1505
|
+
<ul kendoSliderTicks
|
|
1506
|
+
#ticks
|
|
1507
|
+
*ngIf="tickPlacement !== 'none'"
|
|
1508
|
+
[tickTitle]="title"
|
|
1509
|
+
[vertical]="vertical"
|
|
1510
|
+
[step]="smallStep"
|
|
1511
|
+
[largeStep]="largeStep"
|
|
1512
|
+
[min]="min"
|
|
1513
|
+
[max]="max"
|
|
1514
|
+
[labelTemplate]="labelTemplate?.templateRef"
|
|
1515
|
+
[attr.aria-hidden]="true"
|
|
1494
1516
|
>
|
|
1495
|
-
|
|
1496
|
-
|
|
1497
|
-
#
|
|
1498
|
-
*ngIf="showButtons"
|
|
1499
|
-
type="button"
|
|
1500
|
-
rounded="full"
|
|
1501
|
-
[icon]="!vertical ? 'caret-alt-left' : 'caret-alt-down'"
|
|
1502
|
-
[svgIcon]="!vertical ? arrowLeftIcon : arrowDownIcon"
|
|
1503
|
-
class="k-button-decrease"
|
|
1504
|
-
[title]="decrementMessage"
|
|
1505
|
-
[attr.tabindex]="-1"
|
|
1506
|
-
|
|
1507
|
-
></button>
|
|
1508
|
-
<div class="k-slider-track-wrap">
|
|
1509
|
-
<ul kendoSliderTicks
|
|
1510
|
-
#ticks
|
|
1511
|
-
*ngIf="tickPlacement !== 'none'"
|
|
1512
|
-
[tickTitle]="title"
|
|
1513
|
-
[vertical]="vertical"
|
|
1514
|
-
[step]="smallStep"
|
|
1515
|
-
[largeStep]="largeStep"
|
|
1516
|
-
[min]="min"
|
|
1517
|
-
[max]="max"
|
|
1518
|
-
[labelTemplate]="labelTemplate?.templateRef"
|
|
1519
|
-
[attr.aria-hidden]="true"
|
|
1520
|
-
>
|
|
1521
|
-
</ul>
|
|
1522
|
-
<div #track class="k-slider-track">
|
|
1523
|
-
<div #sliderSelection class="k-slider-selection">
|
|
1524
|
-
</div>
|
|
1525
|
-
<span #draghandle
|
|
1526
|
-
role="slider"
|
|
1527
|
-
[attr.aria-valuemin]="min"
|
|
1528
|
-
[attr.aria-valuemax]="max"
|
|
1529
|
-
[attr.aria-valuenow]="currentValue"
|
|
1530
|
-
[attr.aria-valuetext]="currentValue"
|
|
1531
|
-
[attr.aria-disabled]="disabled ? true : undefined"
|
|
1532
|
-
[attr.aria-readonly]="readonly ? true : undefined"
|
|
1533
|
-
[attr.aria-orientation]="vertical ? 'vertical' : 'horizontal'"
|
|
1534
|
-
[style.touch-action]="isDisabled ? '' : 'none'"
|
|
1535
|
-
class="k-draghandle"
|
|
1536
|
-
[title]="dragHandleMessage"
|
|
1537
|
-
[attr.tabindex]="disabled ? '-1' : tabIndex"
|
|
1538
|
-
[id]="focusableId"
|
|
1539
|
-
kendoDraggable
|
|
1540
|
-
(kendoPress)="ifEnabled(handleDragPress, $event)"
|
|
1541
|
-
(kendoDrag)="ifEnabled(onHandleDrag, $event)"
|
|
1542
|
-
(kendoRelease)="ifEnabled(onHandleRelease, $event)"
|
|
1543
|
-
></span>
|
|
1517
|
+
</ul>
|
|
1518
|
+
<div #track class="k-slider-track">
|
|
1519
|
+
<div #sliderSelection class="k-slider-selection">
|
|
1544
1520
|
</div>
|
|
1521
|
+
<span #draghandle
|
|
1522
|
+
role="slider"
|
|
1523
|
+
[attr.aria-valuemin]="min"
|
|
1524
|
+
[attr.aria-valuemax]="max"
|
|
1525
|
+
[attr.aria-valuenow]="currentValue"
|
|
1526
|
+
[attr.aria-valuetext]="currentValue"
|
|
1527
|
+
[attr.aria-disabled]="disabled ? true : undefined"
|
|
1528
|
+
[attr.aria-readonly]="readonly ? true : undefined"
|
|
1529
|
+
[attr.aria-orientation]="vertical ? 'vertical' : 'horizontal'"
|
|
1530
|
+
[style.touch-action]="isDisabled ? '' : 'none'"
|
|
1531
|
+
class="k-draghandle"
|
|
1532
|
+
[title]="dragHandleMessage"
|
|
1533
|
+
[attr.tabindex]="disabled ? '-1' : tabIndex"
|
|
1534
|
+
[id]="focusableId"
|
|
1535
|
+
kendoDraggable
|
|
1536
|
+
(kendoPress)="ifEnabled(handleDragPress, $event)"
|
|
1537
|
+
(kendoDrag)="ifEnabled(onHandleDrag, $event)"
|
|
1538
|
+
(kendoRelease)="ifEnabled(onHandleRelease, $event)"
|
|
1539
|
+
></span>
|
|
1545
1540
|
</div>
|
|
1546
|
-
<button
|
|
1547
|
-
kendoButton
|
|
1548
|
-
#increaseButton
|
|
1549
|
-
*ngIf="showButtons"
|
|
1550
|
-
type="button"
|
|
1551
|
-
rounded="full"
|
|
1552
|
-
[icon]="!vertical ? 'caret-alt-right' : 'caret-alt-up'"
|
|
1553
|
-
[svgIcon]="!vertical ? arrowRightIcon : arrowUpIcon"
|
|
1554
|
-
class="k-button-increase"
|
|
1555
|
-
[title]="incrementMessage"
|
|
1556
|
-
(click)="$event.preventDefault()"
|
|
1557
|
-
[attr.tabindex]="-1"
|
|
1558
|
-
[attr.aria-label]="currentValue"
|
|
1559
|
-
|
|
1560
|
-
></button>
|
|
1561
|
-
<kendo-resize-sensor (resize)="sizeComponent(false)"></kendo-resize-sensor>
|
|
1562
1541
|
</div>
|
|
1542
|
+
<button
|
|
1543
|
+
kendoButton
|
|
1544
|
+
#increaseButton
|
|
1545
|
+
*ngIf="showButtons"
|
|
1546
|
+
type="button"
|
|
1547
|
+
rounded="full"
|
|
1548
|
+
[icon]="!vertical ? 'caret-alt-right' : 'caret-alt-up'"
|
|
1549
|
+
[svgIcon]="!vertical ? arrowRightIcon : arrowUpIcon"
|
|
1550
|
+
class="k-button-increase"
|
|
1551
|
+
[title]="incrementMessage"
|
|
1552
|
+
(click)="$event.preventDefault()"
|
|
1553
|
+
[attr.tabindex]="-1"
|
|
1554
|
+
[attr.aria-label]="currentValue"
|
|
1555
|
+
></button>
|
|
1556
|
+
<kendo-resize-sensor (resize)="sizeComponent(false)"></kendo-resize-sensor>
|
|
1563
1557
|
`
|
|
1564
1558
|
}]
|
|
1565
1559
|
}], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.Injector }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { focusableId: [{
|
|
@@ -2108,70 +2102,70 @@ RangeSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
2108
2102
|
dragHandleEnd="Drag"
|
|
2109
2103
|
>
|
|
2110
2104
|
|
|
2111
|
-
<div
|
|
2105
|
+
<div
|
|
2106
|
+
#wrap
|
|
2107
|
+
class="k-slider-track-wrap"
|
|
2112
2108
|
[class.k-slider-topleft]="tickPlacement === 'before'"
|
|
2113
2109
|
[class.k-slider-bottomright]="tickPlacement === 'after'"
|
|
2114
2110
|
[kendoEventsOutsideAngular]="{ click: onWrapClick, keydown: onKeyDown }"
|
|
2111
|
+
>
|
|
2112
|
+
<ul kendoSliderTicks
|
|
2113
|
+
#ticks
|
|
2114
|
+
*ngIf="tickPlacement !== 'none'"
|
|
2115
|
+
[tickTitle]="title"
|
|
2116
|
+
[vertical]="vertical"
|
|
2117
|
+
[step]="smallStep"
|
|
2118
|
+
[largeStep]="largeStep"
|
|
2119
|
+
[min]="min"
|
|
2120
|
+
[max]="max"
|
|
2121
|
+
[labelTemplate]="labelTemplate?.templateRef"
|
|
2122
|
+
[attr.aria-hidden]="true"
|
|
2115
2123
|
>
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
-
|
|
2119
|
-
*ngIf="tickPlacement !== 'none'"
|
|
2120
|
-
[tickTitle]="title"
|
|
2121
|
-
[vertical]="vertical"
|
|
2122
|
-
[step]="smallStep"
|
|
2123
|
-
[largeStep]="largeStep"
|
|
2124
|
-
[min]="min"
|
|
2125
|
-
[max]="max"
|
|
2126
|
-
[labelTemplate]="labelTemplate?.templateRef"
|
|
2127
|
-
[attr.aria-hidden]="true"
|
|
2128
|
-
>
|
|
2129
|
-
</ul>
|
|
2130
|
-
<div #track class="k-slider-track">
|
|
2131
|
-
<div #sliderSelection class="k-slider-selection">
|
|
2132
|
-
</div>
|
|
2133
|
-
<span #draghandleStart
|
|
2134
|
-
role="slider"
|
|
2135
|
-
[id]="startHandleId"
|
|
2136
|
-
[attr.tabindex]="disabled ? undefined : tabindex"
|
|
2137
|
-
[attr.aria-valuemin]="min"
|
|
2138
|
-
[attr.aria-valuemax]="max"
|
|
2139
|
-
[attr.aria-valuenow]="value ? value[0] : null"
|
|
2140
|
-
[attr.aria-valuetext]="valueText"
|
|
2141
|
-
[attr.aria-disabled]="disabled ? true : undefined"
|
|
2142
|
-
[attr.aria-readonly]="readonly ? true : undefined"
|
|
2143
|
-
[attr.aria-orientation]="vertical ? 'vertical' : 'horizontal'"
|
|
2144
|
-
[style.touch-action]="isDisabled ? '' : 'none'"
|
|
2145
|
-
class="k-draghandle"
|
|
2146
|
-
[title]="textFor('dragHandleStart')"
|
|
2147
|
-
kendoDraggable
|
|
2148
|
-
(kendoPress)="ifEnabled(handleDragPress ,$event)"
|
|
2149
|
-
(kendoDrag)="ifEnabled(onHandleDrag ,$event)"
|
|
2150
|
-
(kendoRelease)="ifEnabled(onHandleRelease, $event)"
|
|
2151
|
-
></span>
|
|
2152
|
-
<span #draghandleEnd
|
|
2153
|
-
role="slider"
|
|
2154
|
-
[id]="endHandleId"
|
|
2155
|
-
[attr.tabindex]="disabled ? undefined : tabindex"
|
|
2156
|
-
[attr.aria-valuemin]="min"
|
|
2157
|
-
[attr.aria-valuemax]="max"
|
|
2158
|
-
[attr.aria-valuenow]="value ? value[1] : null"
|
|
2159
|
-
[attr.aria-valuetext]="valueText"
|
|
2160
|
-
[attr.aria-disabled]="disabled ? true : undefined"
|
|
2161
|
-
[attr.aria-readonly]="readonly ? true : undefined"
|
|
2162
|
-
[attr.aria-orientation]="vertical ? 'vertical' : 'horizontal'"
|
|
2163
|
-
[style.touch-action]="isDisabled ? '' : 'none'"
|
|
2164
|
-
class="k-draghandle"
|
|
2165
|
-
[title]="textFor('dragHandleEnd')"
|
|
2166
|
-
kendoDraggable
|
|
2167
|
-
(kendoPress)="ifEnabled(handleDragPress ,$event)"
|
|
2168
|
-
(kendoDrag)="ifEnabled(onHandleDrag ,$event)"
|
|
2169
|
-
(kendoRelease)="ifEnabled(onHandleRelease, $event)"
|
|
2170
|
-
></span>
|
|
2124
|
+
</ul>
|
|
2125
|
+
<div #track class="k-slider-track">
|
|
2126
|
+
<div #sliderSelection class="k-slider-selection">
|
|
2171
2127
|
</div>
|
|
2128
|
+
<span #draghandleStart
|
|
2129
|
+
role="slider"
|
|
2130
|
+
[id]="startHandleId"
|
|
2131
|
+
[attr.tabindex]="disabled ? undefined : tabindex"
|
|
2132
|
+
[attr.aria-valuemin]="min"
|
|
2133
|
+
[attr.aria-valuemax]="max"
|
|
2134
|
+
[attr.aria-valuenow]="value ? value[0] : null"
|
|
2135
|
+
[attr.aria-valuetext]="valueText"
|
|
2136
|
+
[attr.aria-disabled]="disabled ? true : undefined"
|
|
2137
|
+
[attr.aria-readonly]="readonly ? true : undefined"
|
|
2138
|
+
[attr.aria-orientation]="vertical ? 'vertical' : 'horizontal'"
|
|
2139
|
+
[style.touch-action]="isDisabled ? '' : 'none'"
|
|
2140
|
+
class="k-draghandle"
|
|
2141
|
+
[title]="textFor('dragHandleStart')"
|
|
2142
|
+
kendoDraggable
|
|
2143
|
+
(kendoPress)="ifEnabled(handleDragPress ,$event)"
|
|
2144
|
+
(kendoDrag)="ifEnabled(onHandleDrag ,$event)"
|
|
2145
|
+
(kendoRelease)="ifEnabled(onHandleRelease, $event)"
|
|
2146
|
+
></span>
|
|
2147
|
+
<span #draghandleEnd
|
|
2148
|
+
role="slider"
|
|
2149
|
+
[id]="endHandleId"
|
|
2150
|
+
[attr.tabindex]="disabled ? undefined : tabindex"
|
|
2151
|
+
[attr.aria-valuemin]="min"
|
|
2152
|
+
[attr.aria-valuemax]="max"
|
|
2153
|
+
[attr.aria-valuenow]="value ? value[1] : null"
|
|
2154
|
+
[attr.aria-valuetext]="valueText"
|
|
2155
|
+
[attr.aria-disabled]="disabled ? true : undefined"
|
|
2156
|
+
[attr.aria-readonly]="readonly ? true : undefined"
|
|
2157
|
+
[attr.aria-orientation]="vertical ? 'vertical' : 'horizontal'"
|
|
2158
|
+
[style.touch-action]="isDisabled ? '' : 'none'"
|
|
2159
|
+
class="k-draghandle"
|
|
2160
|
+
[title]="textFor('dragHandleEnd')"
|
|
2161
|
+
kendoDraggable
|
|
2162
|
+
(kendoPress)="ifEnabled(handleDragPress ,$event)"
|
|
2163
|
+
(kendoDrag)="ifEnabled(onHandleDrag ,$event)"
|
|
2164
|
+
(kendoRelease)="ifEnabled(onHandleRelease, $event)"
|
|
2165
|
+
></span>
|
|
2172
2166
|
</div>
|
|
2173
|
-
<kendo-resize-sensor (resize)="sizeComponent()"></kendo-resize-sensor>
|
|
2174
2167
|
</div>
|
|
2168
|
+
<kendo-resize-sensor (resize)="sizeComponent()"></kendo-resize-sensor>
|
|
2175
2169
|
`, isInline: true, components: [{ type: SliderTicksComponent, selector: "[kendoSliderTicks]", inputs: ["tickTitle", "vertical", "step", "largeStep", "min", "max", "labelTemplate"] }, { type: i3.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: LocalizedRangeSliderMessagesDirective, selector: "[kendoSliderLocalizedMessages]" }, { type: i3.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }] });
|
|
2176
2170
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RangeSliderComponent, decorators: [{
|
|
2177
2171
|
type: Component,
|
|
@@ -2192,70 +2186,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
2192
2186
|
dragHandleEnd="Drag"
|
|
2193
2187
|
>
|
|
2194
2188
|
|
|
2195
|
-
<div
|
|
2189
|
+
<div
|
|
2190
|
+
#wrap
|
|
2191
|
+
class="k-slider-track-wrap"
|
|
2196
2192
|
[class.k-slider-topleft]="tickPlacement === 'before'"
|
|
2197
2193
|
[class.k-slider-bottomright]="tickPlacement === 'after'"
|
|
2198
2194
|
[kendoEventsOutsideAngular]="{ click: onWrapClick, keydown: onKeyDown }"
|
|
2195
|
+
>
|
|
2196
|
+
<ul kendoSliderTicks
|
|
2197
|
+
#ticks
|
|
2198
|
+
*ngIf="tickPlacement !== 'none'"
|
|
2199
|
+
[tickTitle]="title"
|
|
2200
|
+
[vertical]="vertical"
|
|
2201
|
+
[step]="smallStep"
|
|
2202
|
+
[largeStep]="largeStep"
|
|
2203
|
+
[min]="min"
|
|
2204
|
+
[max]="max"
|
|
2205
|
+
[labelTemplate]="labelTemplate?.templateRef"
|
|
2206
|
+
[attr.aria-hidden]="true"
|
|
2199
2207
|
>
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
*ngIf="tickPlacement !== 'none'"
|
|
2204
|
-
[tickTitle]="title"
|
|
2205
|
-
[vertical]="vertical"
|
|
2206
|
-
[step]="smallStep"
|
|
2207
|
-
[largeStep]="largeStep"
|
|
2208
|
-
[min]="min"
|
|
2209
|
-
[max]="max"
|
|
2210
|
-
[labelTemplate]="labelTemplate?.templateRef"
|
|
2211
|
-
[attr.aria-hidden]="true"
|
|
2212
|
-
>
|
|
2213
|
-
</ul>
|
|
2214
|
-
<div #track class="k-slider-track">
|
|
2215
|
-
<div #sliderSelection class="k-slider-selection">
|
|
2216
|
-
</div>
|
|
2217
|
-
<span #draghandleStart
|
|
2218
|
-
role="slider"
|
|
2219
|
-
[id]="startHandleId"
|
|
2220
|
-
[attr.tabindex]="disabled ? undefined : tabindex"
|
|
2221
|
-
[attr.aria-valuemin]="min"
|
|
2222
|
-
[attr.aria-valuemax]="max"
|
|
2223
|
-
[attr.aria-valuenow]="value ? value[0] : null"
|
|
2224
|
-
[attr.aria-valuetext]="valueText"
|
|
2225
|
-
[attr.aria-disabled]="disabled ? true : undefined"
|
|
2226
|
-
[attr.aria-readonly]="readonly ? true : undefined"
|
|
2227
|
-
[attr.aria-orientation]="vertical ? 'vertical' : 'horizontal'"
|
|
2228
|
-
[style.touch-action]="isDisabled ? '' : 'none'"
|
|
2229
|
-
class="k-draghandle"
|
|
2230
|
-
[title]="textFor('dragHandleStart')"
|
|
2231
|
-
kendoDraggable
|
|
2232
|
-
(kendoPress)="ifEnabled(handleDragPress ,$event)"
|
|
2233
|
-
(kendoDrag)="ifEnabled(onHandleDrag ,$event)"
|
|
2234
|
-
(kendoRelease)="ifEnabled(onHandleRelease, $event)"
|
|
2235
|
-
></span>
|
|
2236
|
-
<span #draghandleEnd
|
|
2237
|
-
role="slider"
|
|
2238
|
-
[id]="endHandleId"
|
|
2239
|
-
[attr.tabindex]="disabled ? undefined : tabindex"
|
|
2240
|
-
[attr.aria-valuemin]="min"
|
|
2241
|
-
[attr.aria-valuemax]="max"
|
|
2242
|
-
[attr.aria-valuenow]="value ? value[1] : null"
|
|
2243
|
-
[attr.aria-valuetext]="valueText"
|
|
2244
|
-
[attr.aria-disabled]="disabled ? true : undefined"
|
|
2245
|
-
[attr.aria-readonly]="readonly ? true : undefined"
|
|
2246
|
-
[attr.aria-orientation]="vertical ? 'vertical' : 'horizontal'"
|
|
2247
|
-
[style.touch-action]="isDisabled ? '' : 'none'"
|
|
2248
|
-
class="k-draghandle"
|
|
2249
|
-
[title]="textFor('dragHandleEnd')"
|
|
2250
|
-
kendoDraggable
|
|
2251
|
-
(kendoPress)="ifEnabled(handleDragPress ,$event)"
|
|
2252
|
-
(kendoDrag)="ifEnabled(onHandleDrag ,$event)"
|
|
2253
|
-
(kendoRelease)="ifEnabled(onHandleRelease, $event)"
|
|
2254
|
-
></span>
|
|
2208
|
+
</ul>
|
|
2209
|
+
<div #track class="k-slider-track">
|
|
2210
|
+
<div #sliderSelection class="k-slider-selection">
|
|
2255
2211
|
</div>
|
|
2212
|
+
<span #draghandleStart
|
|
2213
|
+
role="slider"
|
|
2214
|
+
[id]="startHandleId"
|
|
2215
|
+
[attr.tabindex]="disabled ? undefined : tabindex"
|
|
2216
|
+
[attr.aria-valuemin]="min"
|
|
2217
|
+
[attr.aria-valuemax]="max"
|
|
2218
|
+
[attr.aria-valuenow]="value ? value[0] : null"
|
|
2219
|
+
[attr.aria-valuetext]="valueText"
|
|
2220
|
+
[attr.aria-disabled]="disabled ? true : undefined"
|
|
2221
|
+
[attr.aria-readonly]="readonly ? true : undefined"
|
|
2222
|
+
[attr.aria-orientation]="vertical ? 'vertical' : 'horizontal'"
|
|
2223
|
+
[style.touch-action]="isDisabled ? '' : 'none'"
|
|
2224
|
+
class="k-draghandle"
|
|
2225
|
+
[title]="textFor('dragHandleStart')"
|
|
2226
|
+
kendoDraggable
|
|
2227
|
+
(kendoPress)="ifEnabled(handleDragPress ,$event)"
|
|
2228
|
+
(kendoDrag)="ifEnabled(onHandleDrag ,$event)"
|
|
2229
|
+
(kendoRelease)="ifEnabled(onHandleRelease, $event)"
|
|
2230
|
+
></span>
|
|
2231
|
+
<span #draghandleEnd
|
|
2232
|
+
role="slider"
|
|
2233
|
+
[id]="endHandleId"
|
|
2234
|
+
[attr.tabindex]="disabled ? undefined : tabindex"
|
|
2235
|
+
[attr.aria-valuemin]="min"
|
|
2236
|
+
[attr.aria-valuemax]="max"
|
|
2237
|
+
[attr.aria-valuenow]="value ? value[1] : null"
|
|
2238
|
+
[attr.aria-valuetext]="valueText"
|
|
2239
|
+
[attr.aria-disabled]="disabled ? true : undefined"
|
|
2240
|
+
[attr.aria-readonly]="readonly ? true : undefined"
|
|
2241
|
+
[attr.aria-orientation]="vertical ? 'vertical' : 'horizontal'"
|
|
2242
|
+
[style.touch-action]="isDisabled ? '' : 'none'"
|
|
2243
|
+
class="k-draghandle"
|
|
2244
|
+
[title]="textFor('dragHandleEnd')"
|
|
2245
|
+
kendoDraggable
|
|
2246
|
+
(kendoPress)="ifEnabled(handleDragPress ,$event)"
|
|
2247
|
+
(kendoDrag)="ifEnabled(onHandleDrag ,$event)"
|
|
2248
|
+
(kendoRelease)="ifEnabled(onHandleRelease, $event)"
|
|
2249
|
+
></span>
|
|
2256
2250
|
</div>
|
|
2257
|
-
<kendo-resize-sensor (resize)="sizeComponent()"></kendo-resize-sensor>
|
|
2258
2251
|
</div>
|
|
2252
|
+
<kendo-resize-sensor (resize)="sizeComponent()"></kendo-resize-sensor>
|
|
2259
2253
|
`
|
|
2260
2254
|
}]
|
|
2261
2255
|
}], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.Injector }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { value: [{
|
|
@@ -10759,31 +10753,29 @@ ColorPaletteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
10759
10753
|
i18n-colorPaletteNoColor="kendo.colorpalette.colorPaletteNoColor|The aria-label applied to the ColorPalette component when the value is empty."
|
|
10760
10754
|
colorPaletteNoColor="Colorpalette no color chosen">
|
|
10761
10755
|
</ng-container>
|
|
10762
|
-
<
|
|
10763
|
-
<
|
|
10764
|
-
<
|
|
10765
|
-
<
|
|
10766
|
-
|
|
10767
|
-
|
|
10768
|
-
|
|
10769
|
-
|
|
10770
|
-
|
|
10771
|
-
|
|
10772
|
-
|
|
10773
|
-
|
|
10774
|
-
|
|
10775
|
-
|
|
10776
|
-
|
|
10777
|
-
|
|
10778
|
-
|
|
10779
|
-
|
|
10780
|
-
|
|
10781
|
-
|
|
10782
|
-
|
|
10783
|
-
|
|
10784
|
-
|
|
10785
|
-
</table>
|
|
10786
|
-
</div>
|
|
10756
|
+
<table role="presentation" class="k-colorpalette-table">
|
|
10757
|
+
<tbody>
|
|
10758
|
+
<tr *ngFor="let row of colorRows; let rowIndex = index" role="row">
|
|
10759
|
+
<td *ngFor="let color of row; let colIndex = index"
|
|
10760
|
+
role="gridcell"
|
|
10761
|
+
[class.k-selected]="selectedCell?.row === rowIndex && selectedCell?.col === colIndex"
|
|
10762
|
+
[class.k-focus]="focusInComponent && focusedCell?.row === rowIndex && focusedCell?.col === colIndex"
|
|
10763
|
+
[attr.aria-selected]="selectedCell?.row === rowIndex && selectedCell?.col === colIndex ? 'true' : undefined"
|
|
10764
|
+
[attr.aria-label]="color"
|
|
10765
|
+
class="k-colorpalette-tile"
|
|
10766
|
+
[id]="'k-' + rowIndex + '-' + colIndex + '-' + uniqueId"
|
|
10767
|
+
[attr.value]="color"
|
|
10768
|
+
(click)="handleCellSelection(color, { row: rowIndex, col: colIndex })"
|
|
10769
|
+
[ngStyle]="{
|
|
10770
|
+
backgroundColor: color,
|
|
10771
|
+
width: tileLayout.width + 'px',
|
|
10772
|
+
height: tileLayout.height + 'px',
|
|
10773
|
+
minWidth: tileLayout.width + 'px'
|
|
10774
|
+
}">
|
|
10775
|
+
</td>
|
|
10776
|
+
</tr>
|
|
10777
|
+
</tbody>
|
|
10778
|
+
</table>
|
|
10787
10779
|
`, isInline: true, directives: [{ type: LocalizedColorPickerMessagesDirective, selector: "[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]" }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
10788
10780
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColorPaletteComponent, decorators: [{
|
|
10789
10781
|
type: Component,
|
|
@@ -10815,31 +10807,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
10815
10807
|
i18n-colorPaletteNoColor="kendo.colorpalette.colorPaletteNoColor|The aria-label applied to the ColorPalette component when the value is empty."
|
|
10816
10808
|
colorPaletteNoColor="Colorpalette no color chosen">
|
|
10817
10809
|
</ng-container>
|
|
10818
|
-
<
|
|
10819
|
-
<
|
|
10820
|
-
<
|
|
10821
|
-
<
|
|
10822
|
-
|
|
10823
|
-
|
|
10824
|
-
|
|
10825
|
-
|
|
10826
|
-
|
|
10827
|
-
|
|
10828
|
-
|
|
10829
|
-
|
|
10830
|
-
|
|
10831
|
-
|
|
10832
|
-
|
|
10833
|
-
|
|
10834
|
-
|
|
10835
|
-
|
|
10836
|
-
|
|
10837
|
-
|
|
10838
|
-
|
|
10839
|
-
|
|
10840
|
-
|
|
10841
|
-
</table>
|
|
10842
|
-
</div>
|
|
10810
|
+
<table role="presentation" class="k-colorpalette-table">
|
|
10811
|
+
<tbody>
|
|
10812
|
+
<tr *ngFor="let row of colorRows; let rowIndex = index" role="row">
|
|
10813
|
+
<td *ngFor="let color of row; let colIndex = index"
|
|
10814
|
+
role="gridcell"
|
|
10815
|
+
[class.k-selected]="selectedCell?.row === rowIndex && selectedCell?.col === colIndex"
|
|
10816
|
+
[class.k-focus]="focusInComponent && focusedCell?.row === rowIndex && focusedCell?.col === colIndex"
|
|
10817
|
+
[attr.aria-selected]="selectedCell?.row === rowIndex && selectedCell?.col === colIndex ? 'true' : undefined"
|
|
10818
|
+
[attr.aria-label]="color"
|
|
10819
|
+
class="k-colorpalette-tile"
|
|
10820
|
+
[id]="'k-' + rowIndex + '-' + colIndex + '-' + uniqueId"
|
|
10821
|
+
[attr.value]="color"
|
|
10822
|
+
(click)="handleCellSelection(color, { row: rowIndex, col: colIndex })"
|
|
10823
|
+
[ngStyle]="{
|
|
10824
|
+
backgroundColor: color,
|
|
10825
|
+
width: tileLayout.width + 'px',
|
|
10826
|
+
height: tileLayout.height + 'px',
|
|
10827
|
+
minWidth: tileLayout.width + 'px'
|
|
10828
|
+
}">
|
|
10829
|
+
</td>
|
|
10830
|
+
</tr>
|
|
10831
|
+
</tbody>
|
|
10832
|
+
</table>
|
|
10843
10833
|
`
|
|
10844
10834
|
}]
|
|
10845
10835
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: ColorPaletteService }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { direction: [{
|
|
@@ -11125,7 +11115,7 @@ class FlatColorPickerActionButtonsComponent {
|
|
|
11125
11115
|
}
|
|
11126
11116
|
}
|
|
11127
11117
|
FlatColorPickerActionButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FlatColorPickerActionButtonsComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
11128
|
-
FlatColorPickerActionButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FlatColorPickerActionButtonsComponent, selector: "[kendoFlatColorPickerActionButtons]", inputs: { innerTabIndex: "innerTabIndex" }, outputs: { actionButtonClick: "actionButtonClick", tabOut: "tabOut" }, host: { properties: { "class.k-coloreditor-footer": "this.hostClasses", "class.k-actions": "this.hostClasses", "class.k-
|
|
11118
|
+
FlatColorPickerActionButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FlatColorPickerActionButtonsComponent, selector: "[kendoFlatColorPickerActionButtons]", inputs: { innerTabIndex: "innerTabIndex" }, outputs: { actionButtonClick: "actionButtonClick", tabOut: "tabOut" }, host: { properties: { "class.k-coloreditor-footer": "this.hostClasses", "class.k-actions": "this.hostClasses", "class.k-actions-horizontal": "this.hostClasses" } }, viewQueries: [{ propertyName: "firstButton", first: true, predicate: ["first"], descendants: true, read: ElementRef }, { propertyName: "lastButton", first: true, predicate: ["last"], descendants: true, read: ElementRef }], ngImport: i0, template: `
|
|
11129
11119
|
<button #first
|
|
11130
11120
|
class="k-coloreditor-cancel k-button k-button-md k-button-solid k-button-solid-base"
|
|
11131
11121
|
[attr.title]="getText('cancelButton')"
|
|
@@ -11173,7 +11163,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
11173
11163
|
args: ['class.k-actions']
|
|
11174
11164
|
}, {
|
|
11175
11165
|
type: HostBinding,
|
|
11176
|
-
args: ['class.k-
|
|
11166
|
+
args: ['class.k-actions-horizontal']
|
|
11177
11167
|
}], innerTabIndex: [{
|
|
11178
11168
|
type: Input
|
|
11179
11169
|
}], actionButtonClick: [{
|