Add configuration inputs for control animation of Dialog component.

Please export the operatorsMap from Data Query's filter-no-eval.js.

If exporting the operators map is not an option, consider introducing an enum which defines the operators as constants:

export enum Operators {
  contains = 'contains',
  doesnotcontain = 'doesnotcontain',
  doesnotendwith = 'doesnotendwith',
  doesnotstartwith = 'doesnotstartwith',
  endswith = 'endswith',
  eq = 'eq',
  gt = 'gt',
  gte = 'gte',
  isempty = 'isempty',
  isnotempty = 'isnotempty',
  isnotnull = 'isnotnull',
  isnull = 'isnull',
  lt = 'lt',
  lte = 'lte',
  neq = 'neq',
  startswith = 'startswith'
}

I'm using the Kendo Angular DropDownList component and I'm facing a couple of accessibility issues.

I got two issues, the same as those I get in my own application using the DropDownList component.
I've attached the output for both issues below.

First issue and an explanation of the issue and its solutions can be seen in the first attachment.

Second issue and an explanation of the issue and its solutions can be seen in the sercond attachment.

It would be nice to have a QRCode Component like the one in Kendo UI

https://demos.telerik.com/kendo-ui/qrcode/index

On the DropDownList Grouping page and the MultiSelect Groping page, the first label (Meat) does not show in IE 11.

If the value string for a QR Code is greater than 100 characters the resulting QR Code cannot be scanned. Here's a StackBlitz demonstrating the issue:

https://stackblitz.com/edit/angular-2axafs?file=app/app.component.ts

Interestingly enough, this issue doesn't seem to be present in the AJAX version of the QR Code component as putting in a +100 character string on the example page results in a valid QR Code: https://demos.telerik.com/aspnet-ajax/barcode/examples/qrcode/defaultcs.aspx

As already present on popupService -> https://www.telerik.com/kendo-angular-ui/components/popup/api/PopupSettings/#toc-popupclass

is it possible to have also dialogClass when dialogService is used?

Thanks.

https://angular-dxhzju.stackblitz.io

a. In "Show business hours" mode open event creating dialog and set start-end time that is outside of business hours specified, e.g. 07.00-07.30 when business hours are 08.00-20.00.

b. Press Save buttom.

c. Switch to "Show full day" mode.

Actual result - event is not shown.

Event appears only after, e.g. , pressing next arrow button and then pressing back arrow button.

Steps to reproduce:

1. Go to https://www.telerik.com/kendo-angular-ui/components/editor/tools/
2. Choose any font-size parameter in the "Select font size" dropdown
3. Open the dropdown again

Actual result: current value doesn't have selected styles in the dropdown

Expected result: current value in the dropdown is highlighted. Please see an example below:

I see that in Kendo UI for JQuery it is present, but for Angular 2+ there is no such functionality in the example.

There is no way to change size for columns,rows and table for table.

1) Go to https://www.telerik.com/kendo-angular-ui/components/editor/tools/

2) Add table to editor

3) Click on table

4) No way to change size

Greetings,

A user told us our datetimepickers weren't opening their pop-ups at their selected values, they instead always open at today's date.
When you specify a focusedDate, which we never do, it does always open at that date's location, which is the intended behaviour afaik.
After creating a test app to track down the problem, it appears it has to do with the angular version.
The Stackblitz examples' package.json all use version 9.x.x, while we're currently using version 12.2.1.
We were using 11.2.0 before and it was broken there as well.
Downgrading everything to version 9 compatible packages indeed fixes the "error", but that's not something we're able to do.

Here's what our test app's package.json looks like:

{
"dependencies": {
    "@angular/animations": "12.2.1",
    "@angular/common": "12.2.1",
    "@angular/compiler": "12.2.1",
    "@angular/core": "12.2.1",
    "@angular/forms": "12.2.1",
    "@angular/platform-browser": "12.2.1",
    "@angular/platform-browser-dynamic": "12.2.1",
    "@angular/router": "12.2.1",
    "rxjs": "6.6.7",
    "tslib": "2.3.1",
    "zone.js": "0.11.4",
    "@progress/kendo-licensing": "1.2.0",
    "@progress/kendo-angular-dateinputs": "5.2.3",
    "@progress/kendo-angular-common": "2.0.1",
    "@progress/kendo-angular-l10n": "3.0.2",
    "@progress/kendo-angular-popup": "4.0.1",
    "@progress/kendo-angular-label": "3.1.0",
    "@progress/kendo-angular-intl": "3.1.1",
    "@progress/kendo-theme-default": "latest"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "12.2.3",
    "@angular/cli": "12.2.1",
    "@angular/compiler-cli": "12.2.1",
    "@angular/localize": "12.2.1",
    "@types/node": "^12.11.1",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
    "codelyzer": "^6.0.0",
    "jasmine-core": "~3.6.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~5.0.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "4.3.5"
  }
}

Our html file is as simple as the following:

<kendo-datetimepicker [formControl]="fc"></kendo-datetimepicker>

Steps to replicate:

1. Click to open the datetimepicker
2. Select a date (I always used 31 May 2021)
3. Click to open the datetimepicker again
4. It opens at today's date instead of at the selected value

Kind regards

Hi,

We use the Conversational UI but need to customize the input area. The changes that we need are not merely cosmetic: for example, we want to replace the existing input with a textarea so that our users can have meaningful conversations and not limit themselves to one-liners.

We saw that you already support templates for messages and attachments: can we have input template support as well?

Thank you,
Mihai

Is the Map component included in this or (if it's not) when will it be added?

Modeled after the Kendo UI widget counterpart:

http://www.telerik.com/kendo-ui/pivotgrid

        

            ANCHOR
            
        
      
    `,
    styles: [`
      .content {
        padding: 30px;
        color: #787878;
        background-color: #fcf7f8;
        border: 1px solid rgba(0,0,0,.05);
      }
      .anchor {
        width: 80px;
        height: 40px;
        cursor: pointer;
        position: relative;
      }
      .example {
        position: absolute;
      }
    `]
})
export class AppComponent {
    private collision: Collision = { horizontal: 'flip', vertical: 'fit' };

    /* Move the 'example' to the bottom to see the collision behavior */
    private exampleTop = 400;

    private toggleText = 'Show';
    private show = false;
    public onToggle(): void {
        this.show = !this.show;
    }

}
" class="demo-file-sc-s3r0g1-1 jgyKPC" data-language="ts" style="box-sizing:border-box;position:relative;overflow:auto;margin-top:0px;margin-bottom:0px;padding:1rem;background:rgb(248, 248, 248);border:0px;min-height:3rem;line-height:1.5;white-space:pre-wrap;color:#1f1f1f;">
Toggle Popup

        
    `
})
export class AppComponent {
    private show = true;
}
" class="demo-file-sc-s3r0g1-1 jgyKPC" data-language="ts" style="box-sizing:border-box;position:relative;overflow:auto;margin-top:0px;margin-bottom:0px;padding:1rem;background:rgb(248, 248, 248);border:0px;min-height:3rem;line-height:1.5;white-space:pre-wrap;color:#1f1f1f;">    <button #anchor kendoButton (click)="show = !show">Toggle Popup</button>
    <kendo-popup [anchor]="anchor" *ngIf="show">
      <div style="padding: 30px; background-color: #fcf7f8">Popup content.</div>
    </kendo-popup>

Directly referencing anchor like that will not work on any new Angular project - it will fail template type checks.
Type HTMLButtonElement is not assignable to type ElementRef 

By default, the reference is to the component and not to the ElementRef.
Without a custom directive, this would have to use 
@ViewChild("anchor", { read: ElementRef }) popupButtonEl: ElementRef;