@umbraco-ui/uui 1.4.0-rc.0 → 1.4.0-rc.2
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/custom-elements.json +190 -49
- package/dist/uui.min.js +45 -45
- package/dist/uui.min.js.map +1 -1
- package/package.json +81 -81
- package/vscode-html-custom-data.json +139 -35
|
@@ -334,7 +334,7 @@
|
|
|
334
334
|
},
|
|
335
335
|
{
|
|
336
336
|
"name": "uui-card-content-node",
|
|
337
|
-
"description": "Events:\n\n * `open` - fires when the card title is clicked
|
|
337
|
+
"description": "Events:\n\n * `open` - fires when the card title is clicked.\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * ` ` {} - slot for the default content area\n\n * `icon` {} - slot for the icon with support for `<uui-icon>` elements\n\n * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n * `name` {string} - Node name\n\n * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n * `name` {string} - Node name\n\n * `_iconSlotHasContent` {`boolean`} - \n\n * `fallbackIcon` {`string`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - \n\n * `handleSelectKeydown` - ",
|
|
338
338
|
"attributes": [
|
|
339
339
|
{
|
|
340
340
|
"name": "name",
|
|
@@ -350,6 +350,29 @@
|
|
|
350
350
|
"description": "`error` {boolean} - Set to true to highlight there is an error with this item.\n\nProperty: error\n\nDefault: false",
|
|
351
351
|
"valueSet": "v"
|
|
352
352
|
},
|
|
353
|
+
{
|
|
354
|
+
"name": "href",
|
|
355
|
+
"description": "`href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\nProperty: href\n\nDefault: undefined",
|
|
356
|
+
"values": []
|
|
357
|
+
},
|
|
358
|
+
{
|
|
359
|
+
"name": "target",
|
|
360
|
+
"description": "`target` {string} - Set an anchor tag target, only used when using href.\n\nProperty: target\n\nDefault: undefined",
|
|
361
|
+
"values": [
|
|
362
|
+
{
|
|
363
|
+
"name": "_blank"
|
|
364
|
+
},
|
|
365
|
+
{
|
|
366
|
+
"name": "_parent"
|
|
367
|
+
},
|
|
368
|
+
{
|
|
369
|
+
"name": "_self"
|
|
370
|
+
},
|
|
371
|
+
{
|
|
372
|
+
"name": "_top"
|
|
373
|
+
}
|
|
374
|
+
]
|
|
375
|
+
},
|
|
353
376
|
{
|
|
354
377
|
"name": "select-only",
|
|
355
378
|
"description": "`select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\nProperty: selectOnly",
|
|
@@ -367,7 +390,7 @@
|
|
|
367
390
|
},
|
|
368
391
|
{
|
|
369
392
|
"name": "onopen",
|
|
370
|
-
"description": "`open` - fires when the card title is clicked"
|
|
393
|
+
"description": "`open` - fires when the card title is clicked."
|
|
371
394
|
},
|
|
372
395
|
{
|
|
373
396
|
"name": "onselected",
|
|
@@ -381,7 +404,7 @@
|
|
|
381
404
|
},
|
|
382
405
|
{
|
|
383
406
|
"name": "uui-card-media",
|
|
384
|
-
"description": "Events:\n\n * `open` - fires when the card title is clicked
|
|
407
|
+
"description": "Events:\n\n * `open` - fires when the card title is clicked.\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\n * ` ` {} - slot for the default content area\n\nAttributes:\n\n * `name` {string} - Media name\n\n * `file-ext` {string} - Media file extension, without \".\"\n\n * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n * `name` {string} - Media name\n\n * `fileExt` {string} - Media file extension, without \".\"\n\n * `hasPreview` {`boolean`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - \n\n * `handleSelectKeydown` - ",
|
|
385
408
|
"attributes": [
|
|
386
409
|
{
|
|
387
410
|
"name": "name",
|
|
@@ -401,6 +424,29 @@
|
|
|
401
424
|
"description": "`error` {boolean} - Set to true to highlight there is an error with this item.\n\nProperty: error\n\nDefault: false",
|
|
402
425
|
"valueSet": "v"
|
|
403
426
|
},
|
|
427
|
+
{
|
|
428
|
+
"name": "href",
|
|
429
|
+
"description": "`href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\nProperty: href\n\nDefault: undefined",
|
|
430
|
+
"values": []
|
|
431
|
+
},
|
|
432
|
+
{
|
|
433
|
+
"name": "target",
|
|
434
|
+
"description": "`target` {string} - Set an anchor tag target, only used when using href.\n\nProperty: target\n\nDefault: undefined",
|
|
435
|
+
"values": [
|
|
436
|
+
{
|
|
437
|
+
"name": "_blank"
|
|
438
|
+
},
|
|
439
|
+
{
|
|
440
|
+
"name": "_parent"
|
|
441
|
+
},
|
|
442
|
+
{
|
|
443
|
+
"name": "_self"
|
|
444
|
+
},
|
|
445
|
+
{
|
|
446
|
+
"name": "_top"
|
|
447
|
+
}
|
|
448
|
+
]
|
|
449
|
+
},
|
|
404
450
|
{
|
|
405
451
|
"name": "select-only",
|
|
406
452
|
"description": "`select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\nProperty: selectOnly",
|
|
@@ -418,7 +464,7 @@
|
|
|
418
464
|
},
|
|
419
465
|
{
|
|
420
466
|
"name": "onopen",
|
|
421
|
-
"description": "`open` - fires when the card title is clicked"
|
|
467
|
+
"description": "`open` - fires when the card title is clicked."
|
|
422
468
|
},
|
|
423
469
|
{
|
|
424
470
|
"name": "onselected",
|
|
@@ -432,7 +478,7 @@
|
|
|
432
478
|
},
|
|
433
479
|
{
|
|
434
480
|
"name": "uui-card-user",
|
|
435
|
-
"description": "Events:\n\n * `open` - fires when the card title is clicked
|
|
481
|
+
"description": "Events:\n\n * `open` - fires when the card title is clicked.\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * ` ` {} - slot for the default content area\n\n * `tag` {} - slot for the tag with support for `<uui-tag>` elements\n\n * `actions` {} - slot for the actions with support for the `<uui-action-bar>` element\n\nAttributes:\n\n * `name` {string} - User name\n\n * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n * `name` {string} - User name\n\n * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - \n\n * `handleSelectKeydown` - ",
|
|
436
482
|
"attributes": [
|
|
437
483
|
{
|
|
438
484
|
"name": "name",
|
|
@@ -448,6 +494,29 @@
|
|
|
448
494
|
"description": "`error` {boolean} - Set to true to highlight there is an error with this item.\n\nProperty: error\n\nDefault: false",
|
|
449
495
|
"valueSet": "v"
|
|
450
496
|
},
|
|
497
|
+
{
|
|
498
|
+
"name": "href",
|
|
499
|
+
"description": "`href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\nProperty: href\n\nDefault: undefined",
|
|
500
|
+
"values": []
|
|
501
|
+
},
|
|
502
|
+
{
|
|
503
|
+
"name": "target",
|
|
504
|
+
"description": "`target` {string} - Set an anchor tag target, only used when using href.\n\nProperty: target\n\nDefault: undefined",
|
|
505
|
+
"values": [
|
|
506
|
+
{
|
|
507
|
+
"name": "_blank"
|
|
508
|
+
},
|
|
509
|
+
{
|
|
510
|
+
"name": "_parent"
|
|
511
|
+
},
|
|
512
|
+
{
|
|
513
|
+
"name": "_self"
|
|
514
|
+
},
|
|
515
|
+
{
|
|
516
|
+
"name": "_top"
|
|
517
|
+
}
|
|
518
|
+
]
|
|
519
|
+
},
|
|
451
520
|
{
|
|
452
521
|
"name": "select-only",
|
|
453
522
|
"description": "`select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\nProperty: selectOnly",
|
|
@@ -465,7 +534,7 @@
|
|
|
465
534
|
},
|
|
466
535
|
{
|
|
467
536
|
"name": "onopen",
|
|
468
|
-
"description": "`open` - fires when the card title is clicked"
|
|
537
|
+
"description": "`open` - fires when the card title is clicked."
|
|
469
538
|
},
|
|
470
539
|
{
|
|
471
540
|
"name": "onselected",
|
|
@@ -479,7 +548,7 @@
|
|
|
479
548
|
},
|
|
480
549
|
{
|
|
481
550
|
"name": "uui-card",
|
|
482
|
-
"description": "Events:\n\n * `open` - fires when the card title is clicked
|
|
551
|
+
"description": "Events:\n\n * `open` - fires when the card title is clicked.\n\n * `selected` - fires when the media card is selected\n\n * `deselected` - fires when the media card is deselected\n\nSlots:\n\n * ` ` {} - Default content.\n\nAttributes:\n\n * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `disabled` {boolean} - Set to true to prevent opening of this item.\nThis does not prevent selection, selection is controlled by property 'selectable'\n\n * `error` {boolean} - Set to true to highlight there is an error with this item.\n\n * `href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\n * `target` {string} - Set an anchor tag target, only used when using href.\n\n * `_selectOnly` {`boolean`} - \n\n * `selectOnly` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\n * `_selectable` {`boolean`} - \n\n * `selectable` {`boolean`} - Enable the ability to select this element.\n\n * `deselectable` {`boolean`} - \n\n * `selected` {`boolean`} - Attribute applied when the element is selected.\n\n * `selectableTarget` {`EventTarget`} - \n\n * `handleSelectKeydown` - ",
|
|
483
552
|
"attributes": [
|
|
484
553
|
{
|
|
485
554
|
"name": "disabled",
|
|
@@ -491,6 +560,29 @@
|
|
|
491
560
|
"description": "`error` {boolean} - Set to true to highlight there is an error with this item.\n\nProperty: error\n\nDefault: false",
|
|
492
561
|
"valueSet": "v"
|
|
493
562
|
},
|
|
563
|
+
{
|
|
564
|
+
"name": "href",
|
|
565
|
+
"description": "`href` {string} - Set an href, this will turns the name of the card into an anchor tag.\n\nProperty: href\n\nDefault: undefined",
|
|
566
|
+
"values": []
|
|
567
|
+
},
|
|
568
|
+
{
|
|
569
|
+
"name": "target",
|
|
570
|
+
"description": "`target` {string} - Set an anchor tag target, only used when using href.\n\nProperty: target\n\nDefault: undefined",
|
|
571
|
+
"values": [
|
|
572
|
+
{
|
|
573
|
+
"name": "_blank"
|
|
574
|
+
},
|
|
575
|
+
{
|
|
576
|
+
"name": "_parent"
|
|
577
|
+
},
|
|
578
|
+
{
|
|
579
|
+
"name": "_self"
|
|
580
|
+
},
|
|
581
|
+
{
|
|
582
|
+
"name": "_top"
|
|
583
|
+
}
|
|
584
|
+
]
|
|
585
|
+
},
|
|
494
586
|
{
|
|
495
587
|
"name": "select-only",
|
|
496
588
|
"description": "`select-only` {`boolean`} - Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.\n\nProperty: selectOnly",
|
|
@@ -508,7 +600,7 @@
|
|
|
508
600
|
},
|
|
509
601
|
{
|
|
510
602
|
"name": "onopen",
|
|
511
|
-
"description": "`open` - fires when the card title is clicked"
|
|
603
|
+
"description": "`open` - fires when the card title is clicked."
|
|
512
604
|
},
|
|
513
605
|
{
|
|
514
606
|
"name": "onselected",
|
|
@@ -1148,7 +1240,7 @@
|
|
|
1148
1240
|
},
|
|
1149
1241
|
{
|
|
1150
1242
|
"name": "uui-input-lock",
|
|
1151
|
-
"description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `locked` {boolean} - Determine the inputs locked state.\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` {
|
|
1243
|
+
"description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `locked` {boolean} - Determine the inputs locked state.\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlength-message` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `locked` {boolean} - Determine the inputs locked state.\n\n * `styles` {`CSSResult[]`} - \n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlengthMessage` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlengthMessage` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `_validityState` - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1152
1244
|
"attributes": [
|
|
1153
1245
|
{
|
|
1154
1246
|
"name": "locked",
|
|
@@ -1167,7 +1259,7 @@
|
|
|
1167
1259
|
},
|
|
1168
1260
|
{
|
|
1169
1261
|
"name": "minlength-message",
|
|
1170
|
-
"description": "`minlength-message` {
|
|
1262
|
+
"description": "`minlength-message` {`string`} - Minlength validation message.\n\nProperty: minlengthMessage"
|
|
1171
1263
|
},
|
|
1172
1264
|
{
|
|
1173
1265
|
"name": "max",
|
|
@@ -1181,7 +1273,7 @@
|
|
|
1181
1273
|
},
|
|
1182
1274
|
{
|
|
1183
1275
|
"name": "maxlength-message",
|
|
1184
|
-
"description": "`maxlength-message` {
|
|
1276
|
+
"description": "`maxlength-message` {`string`} - Maxlength validation message.\n\nProperty: maxlengthMessage"
|
|
1185
1277
|
},
|
|
1186
1278
|
{
|
|
1187
1279
|
"name": "step",
|
|
@@ -1209,8 +1301,8 @@
|
|
|
1209
1301
|
},
|
|
1210
1302
|
{
|
|
1211
1303
|
"name": "auto-width",
|
|
1212
|
-
"description": "`auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\nProperty: autoWidth\n\nDefault:
|
|
1213
|
-
"
|
|
1304
|
+
"description": "`auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\nProperty: autoWidth\n\nDefault: false",
|
|
1305
|
+
"valueSet": "v"
|
|
1214
1306
|
},
|
|
1215
1307
|
{
|
|
1216
1308
|
"name": "type",
|
|
@@ -1256,13 +1348,17 @@
|
|
|
1256
1348
|
},
|
|
1257
1349
|
{
|
|
1258
1350
|
"name": "pattern",
|
|
1259
|
-
"description": "`pattern` {string} - Validates the input based on the Regex pattern\n\nProperty: pattern
|
|
1351
|
+
"description": "`pattern` {string} - Validates the input based on the Regex pattern\n\nProperty: pattern",
|
|
1260
1352
|
"values": []
|
|
1261
1353
|
},
|
|
1262
1354
|
{
|
|
1263
|
-
"name": "
|
|
1264
|
-
"description": "`
|
|
1265
|
-
|
|
1355
|
+
"name": "inputMode",
|
|
1356
|
+
"description": "`inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\nProperty: inputMode\n\nDefault: "
|
|
1357
|
+
},
|
|
1358
|
+
{
|
|
1359
|
+
"name": "spellcheck",
|
|
1360
|
+
"description": "`spellcheck` {boolean} - get/set native spellcheck attribute\n\nProperty: spellcheck",
|
|
1361
|
+
"valueSet": "v"
|
|
1266
1362
|
},
|
|
1267
1363
|
{
|
|
1268
1364
|
"name": "name",
|
|
@@ -1316,7 +1412,7 @@
|
|
|
1316
1412
|
},
|
|
1317
1413
|
{
|
|
1318
1414
|
"name": "uui-input-password",
|
|
1319
|
-
"description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` {
|
|
1415
|
+
"description": "Events:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlength-message` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `passwordType` {`InputType`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlengthMessage` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlengthMessage` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `_validityState` - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1320
1416
|
"attributes": [
|
|
1321
1417
|
{
|
|
1322
1418
|
"name": "min",
|
|
@@ -1330,7 +1426,7 @@
|
|
|
1330
1426
|
},
|
|
1331
1427
|
{
|
|
1332
1428
|
"name": "minlength-message",
|
|
1333
|
-
"description": "`minlength-message` {
|
|
1429
|
+
"description": "`minlength-message` {`string`} - Minlength validation message.\n\nProperty: minlengthMessage"
|
|
1334
1430
|
},
|
|
1335
1431
|
{
|
|
1336
1432
|
"name": "max",
|
|
@@ -1344,7 +1440,7 @@
|
|
|
1344
1440
|
},
|
|
1345
1441
|
{
|
|
1346
1442
|
"name": "maxlength-message",
|
|
1347
|
-
"description": "`maxlength-message` {
|
|
1443
|
+
"description": "`maxlength-message` {`string`} - Maxlength validation message.\n\nProperty: maxlengthMessage"
|
|
1348
1444
|
},
|
|
1349
1445
|
{
|
|
1350
1446
|
"name": "step",
|
|
@@ -1372,8 +1468,8 @@
|
|
|
1372
1468
|
},
|
|
1373
1469
|
{
|
|
1374
1470
|
"name": "auto-width",
|
|
1375
|
-
"description": "`auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\nProperty: autoWidth\n\nDefault:
|
|
1376
|
-
"
|
|
1471
|
+
"description": "`auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\nProperty: autoWidth\n\nDefault: false",
|
|
1472
|
+
"valueSet": "v"
|
|
1377
1473
|
},
|
|
1378
1474
|
{
|
|
1379
1475
|
"name": "type",
|
|
@@ -1419,13 +1515,17 @@
|
|
|
1419
1515
|
},
|
|
1420
1516
|
{
|
|
1421
1517
|
"name": "pattern",
|
|
1422
|
-
"description": "`pattern` {string} - Validates the input based on the Regex pattern\n\nProperty: pattern
|
|
1518
|
+
"description": "`pattern` {string} - Validates the input based on the Regex pattern\n\nProperty: pattern",
|
|
1423
1519
|
"values": []
|
|
1424
1520
|
},
|
|
1425
1521
|
{
|
|
1426
|
-
"name": "
|
|
1427
|
-
"description": "`
|
|
1428
|
-
|
|
1522
|
+
"name": "inputMode",
|
|
1523
|
+
"description": "`inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\nProperty: inputMode\n\nDefault: "
|
|
1524
|
+
},
|
|
1525
|
+
{
|
|
1526
|
+
"name": "spellcheck",
|
|
1527
|
+
"description": "`spellcheck` {boolean} - get/set native spellcheck attribute\n\nProperty: spellcheck",
|
|
1528
|
+
"valueSet": "v"
|
|
1429
1529
|
},
|
|
1430
1530
|
{
|
|
1431
1531
|
"name": "name",
|
|
@@ -1479,7 +1579,7 @@
|
|
|
1479
1579
|
},
|
|
1480
1580
|
{
|
|
1481
1581
|
"name": "uui-input",
|
|
1482
|
-
"description": "Custom element wrapping the native input element.This is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.\n\nEvents:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` {
|
|
1582
|
+
"description": "Custom element wrapping the native input element.This is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.\n\nEvents:\n\n * `change` {} - on change\n\n * `input` {} - on input\n\n * `keyup` {} - on keyup\n\nSlots:\n\n * `prepend` {} - for components to render to the left of the input.\n\n * `append` {} - for components to render to the right of the input.\n\nAttributes:\n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlength-message` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlength-message` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `required-message` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `error-message` {`string`} - Custom error message.\n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `min` {number | string} - Sets the min value of the input.\nExamples: the first date the user may pick in date and datetime-local, or the min numeric value the user can pick in a number input.\n\n * `minlength` {number} - Sets the minimum length of the value of the input.\n\n * `minlengthMessage` {`string`} - Minlength validation message.\n\n * `max` {number | string} - Sets the max value of the input.\nExamples: the last date the user may pick in date and datetime-local, or the max numeric value the user can pick in a number input.\n\n * `maxlength` {number} - Sets the maximum length of the value of the input.\n\n * `maxlengthMessage` {`string`} - Maxlength validation message.\n\n * `step` {number} - Specifies the interval between legal numbers of the input\n\n * `disabled` {boolean} - Disables the input.\n\n * `readonly` {boolean} - Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.\n\n * `placeholder` {string} - Defines the input placeholder.\n\n * `autocomplete` {string} - Defines the input autocomplete.\n\n * `autoWidth` {boolean} - Sets the input width to fit the value or placeholder if empty\n\n * `type` {'text' | 'tel'| 'url'| 'email'| 'password'| 'date'| 'month'| 'week'| 'time'| 'datetime-local'| 'number'| 'color'} - This property specifies the type of input that will be rendered.\n\n * `pattern` {string} - Validates the input based on the Regex pattern\n\n * `inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\n * `_input` {`HTMLInputElement`} - \n\n * `_type` {`InputType`} - \n\n * `spellcheck` {boolean} - get/set native spellcheck attribute\n\n * `formAssociated` {boolean} - This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals. Read more about form controls here https://web.dev/more-capable-form-controls/\n\n * `name` {string} - This is a name property of the component.\n\n * `value` {string} - Value of this form control.\n\n * `_validityState` - \n\n * `pristine` {boolean} - Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.\n\n * `required` {`boolean`} - Apply validation rule for requiring a value of this form control.\n\n * `requiredMessage` {`string`} - Required validation message.\n\n * `error` {`boolean`} - Apply custom error on this input.\n\n * `errorMessage` {`string`} - Custom error message.\n\n * `_value` {`string | File | FormData`} - \n\n * `_form` {`HTMLFormElement | null`} - \n\n * `_validators` {`Validator[]`} - \n\n * `_formCtrlElements` {`HTMLInputElement[]`} - \n\n * `_customValidityObject` {`Validator | undefined`} - \n\n * `_onFormSubmit` - \n\n * `validity` {`ValidityState`} - \n\n * `validationMessage` - \n\n * `_internals` - \n\n * `label` {string} - Label to be used for aria-label and potentially as visual label for some components\n\n * `_labelSlotHasContent` {`boolean`} - ",
|
|
1483
1583
|
"attributes": [
|
|
1484
1584
|
{
|
|
1485
1585
|
"name": "min",
|
|
@@ -1493,7 +1593,7 @@
|
|
|
1493
1593
|
},
|
|
1494
1594
|
{
|
|
1495
1595
|
"name": "minlength-message",
|
|
1496
|
-
"description": "`minlength-message` {
|
|
1596
|
+
"description": "`minlength-message` {`string`} - Minlength validation message.\n\nProperty: minlengthMessage"
|
|
1497
1597
|
},
|
|
1498
1598
|
{
|
|
1499
1599
|
"name": "max",
|
|
@@ -1507,7 +1607,7 @@
|
|
|
1507
1607
|
},
|
|
1508
1608
|
{
|
|
1509
1609
|
"name": "maxlength-message",
|
|
1510
|
-
"description": "`maxlength-message` {
|
|
1610
|
+
"description": "`maxlength-message` {`string`} - Maxlength validation message.\n\nProperty: maxlengthMessage"
|
|
1511
1611
|
},
|
|
1512
1612
|
{
|
|
1513
1613
|
"name": "step",
|
|
@@ -1535,8 +1635,8 @@
|
|
|
1535
1635
|
},
|
|
1536
1636
|
{
|
|
1537
1637
|
"name": "auto-width",
|
|
1538
|
-
"description": "`auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\nProperty: autoWidth\n\nDefault:
|
|
1539
|
-
"
|
|
1638
|
+
"description": "`auto-width` {boolean} - Sets the input width to fit the value or placeholder if empty\n\nProperty: autoWidth\n\nDefault: false",
|
|
1639
|
+
"valueSet": "v"
|
|
1540
1640
|
},
|
|
1541
1641
|
{
|
|
1542
1642
|
"name": "type",
|
|
@@ -1582,13 +1682,17 @@
|
|
|
1582
1682
|
},
|
|
1583
1683
|
{
|
|
1584
1684
|
"name": "pattern",
|
|
1585
|
-
"description": "`pattern` {string} - Validates the input based on the Regex pattern\n\nProperty: pattern
|
|
1685
|
+
"description": "`pattern` {string} - Validates the input based on the Regex pattern\n\nProperty: pattern",
|
|
1586
1686
|
"values": []
|
|
1587
1687
|
},
|
|
1588
1688
|
{
|
|
1589
|
-
"name": "
|
|
1590
|
-
"description": "`
|
|
1591
|
-
|
|
1689
|
+
"name": "inputMode",
|
|
1690
|
+
"description": "`inputMode` {string} - The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.\n\nProperty: inputMode\n\nDefault: "
|
|
1691
|
+
},
|
|
1692
|
+
{
|
|
1693
|
+
"name": "spellcheck",
|
|
1694
|
+
"description": "`spellcheck` {boolean} - get/set native spellcheck attribute\n\nProperty: spellcheck",
|
|
1695
|
+
"valueSet": "v"
|
|
1592
1696
|
},
|
|
1593
1697
|
{
|
|
1594
1698
|
"name": "name",
|