@aurodesignsystem-dev/auro-formkit 0.0.0-pr794.1 → 0.0.0-pr800.0

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.
Files changed (63) hide show
  1. package/components/bibtemplate/dist/buttonVersion.d.ts +1 -1
  2. package/components/bibtemplate/dist/index.js +22 -72
  3. package/components/bibtemplate/dist/registered.js +22 -72
  4. package/components/checkbox/demo/api.md +1 -2
  5. package/components/checkbox/demo/api.min.js +4 -9
  6. package/components/checkbox/demo/index.min.js +4 -9
  7. package/components/checkbox/dist/index.js +4 -9
  8. package/components/checkbox/dist/registered.js +4 -9
  9. package/components/combobox/demo/api.min.js +68 -182
  10. package/components/combobox/demo/index.min.js +68 -182
  11. package/components/combobox/dist/index.js +60 -160
  12. package/components/combobox/dist/registered.js +60 -160
  13. package/components/counter/demo/api.md +1 -1
  14. package/components/counter/demo/api.min.js +72 -174
  15. package/components/counter/demo/index.md +4 -4
  16. package/components/counter/demo/index.min.js +72 -174
  17. package/components/counter/dist/auro-counter-group.d.ts +10 -10
  18. package/components/counter/dist/index.js +72 -174
  19. package/components/counter/dist/registered.js +72 -174
  20. package/components/datepicker/README.md +1 -1
  21. package/components/datepicker/demo/api.md +20 -40
  22. package/components/datepicker/demo/api.min.js +187 -462
  23. package/components/datepicker/demo/index.md +4 -4
  24. package/components/datepicker/demo/index.min.js +187 -462
  25. package/components/datepicker/demo/readme.md +1 -1
  26. package/components/datepicker/dist/auro-datepicker.d.ts +22 -60
  27. package/components/datepicker/dist/index.js +187 -462
  28. package/components/datepicker/dist/registered.js +187 -462
  29. package/components/dropdown/demo/api.md +8 -7
  30. package/components/dropdown/demo/api.min.js +5 -9
  31. package/components/dropdown/demo/index.min.js +5 -9
  32. package/components/dropdown/dist/index.js +5 -9
  33. package/components/dropdown/dist/registered.js +5 -9
  34. package/components/helptext/dist/auro-helptext.d.ts +2 -0
  35. package/components/helptext/dist/index.js +4 -2
  36. package/components/helptext/dist/registered.js +4 -2
  37. package/components/input/demo/api.min.js +28 -76
  38. package/components/input/demo/index.min.js +28 -76
  39. package/components/input/dist/index.js +28 -76
  40. package/components/input/dist/registered.js +28 -76
  41. package/components/menu/demo/api.html +15 -0
  42. package/components/menu/demo/api.md +12 -12
  43. package/components/menu/demo/api.min.js +8 -22
  44. package/components/menu/demo/index.min.js +8 -22
  45. package/components/menu/dist/auro-menu.d.ts +2 -2
  46. package/components/menu/dist/auro-menuoption.d.ts +2 -2
  47. package/components/menu/dist/index.js +8 -22
  48. package/components/menu/dist/registered.js +8 -22
  49. package/components/radio/demo/api.md +1 -32
  50. package/components/radio/demo/api.min.js +6 -4
  51. package/components/radio/demo/index.min.js +6 -4
  52. package/components/radio/dist/index.js +6 -4
  53. package/components/radio/dist/registered.js +6 -4
  54. package/components/select/demo/api.md +71 -48
  55. package/components/select/demo/api.min.js +64 -126
  56. package/components/select/demo/index.md +137 -1057
  57. package/components/select/demo/index.min.js +64 -126
  58. package/components/select/dist/auro-select.d.ts +14 -10
  59. package/components/select/dist/index.js +56 -104
  60. package/components/select/dist/registered.js +56 -104
  61. package/package.json +1 -1
  62. package/components/datepicker/dist/styles/classic/style-css.d.ts +0 -2
  63. /package/components/datepicker/dist/styles/{classic → default}/color-css.d.ts +0 -0
@@ -83,7 +83,7 @@ This configuration enables proper module resolution for the component's TypeScri
83
83
  <!-- The below code snippet is automatically added from ./apiExamples/basic.html -->
84
84
 
85
85
  ```html
86
- <auro-datepicker required="">
86
+ <auro-datepicker>
87
87
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
88
88
  <span slot="fromLabel">Choose a date</span>
89
89
  <span slot="bib.fullscreen.dateLabel">Choose a date</span>
@@ -362,6 +362,16 @@ export class AuroDatePicker extends AuroElement {
362
362
  * @returns {string[]}
363
363
  */
364
364
  get values(): string[];
365
+ /**
366
+ * Hide dropdownbib if it's open.
367
+ * @returns {void}
368
+ */
369
+ hideBib(): void;
370
+ /**
371
+ * Shows the dropdown bib if there are options to show.
372
+ * @returns {void}
373
+ */
374
+ showBib(): void;
365
375
  /**
366
376
  * Force the calendar view to the focus date when it changes.
367
377
  * @private
@@ -379,7 +389,7 @@ export class AuroDatePicker extends AuroElement {
379
389
  * @param {String} focusInput - Pass in `endDate` to focus on the return input. No parameter is needed to focus on the depart input.
380
390
  * @returns {void}
381
391
  */
382
- focus(focusInput?: string): void;
392
+ focus(focusInput: string): void;
383
393
  /**
384
394
  * Converts valid time number to format used by wc-date-range API.
385
395
  * @private
@@ -448,17 +458,6 @@ export class AuroDatePicker extends AuroElement {
448
458
  * @returns {void}
449
459
  */
450
460
  private configureDatepicker;
451
- hasFocus: boolean;
452
- /**
453
- * Hides the dropdown bib if its open.
454
- * @returns {void}
455
- */
456
- hideBib(): void;
457
- /**
458
- * Shows the dropdown bib if there are options to show.
459
- * @returns {void}
460
- */
461
- showBib(): void;
462
461
  /**
463
462
  * Sets the readonly attribute on the inputs based on the window width.
464
463
  * @private
@@ -511,16 +510,13 @@ export class AuroDatePicker extends AuroElement {
511
510
  * @param {boolean} [force=false] - Whether to force validation.
512
511
  */
513
512
  validate(force?: boolean): void;
514
- /**
515
- * Private method for interacting with the `hasValue` property.
516
- * @private
517
- */
518
- private setHasValue;
513
+ setHasFocus(): void;
514
+ hasFocus: boolean;
515
+ setHasValue(): void;
519
516
  hasValue: boolean;
520
517
  get hasError(): boolean;
521
518
  updated(changedProperties: any): void;
522
519
  monthFirst: boolean;
523
- previousTabIndex: string;
524
520
  formattedFocusDate: boolean;
525
521
  formattedEndDate: boolean;
526
522
  formattedValue: boolean;
@@ -544,15 +540,7 @@ export class AuroDatePicker extends AuroElement {
544
540
  */
545
541
  private renderSnowflakeLayout;
546
542
  /**
547
- * Renders the snowflake layout for the datepicker.
548
- * @private
549
- * @returns {import("lit").TemplateResult}
550
- */
551
- private renderClassicLayout;
552
- /**
553
- * Renders the layout based on the `layout` attribute.
554
543
  * @private
555
- * @returns {import('lit').TemplateResult}
556
544
  */
557
545
  private renderLayoutFromAttributes;
558
546
  /**
@@ -560,52 +548,26 @@ export class AuroDatePicker extends AuroElement {
560
548
  * Returns formatted date like Apr 21 or Dec 25.
561
549
  * @private
562
550
  * @param {string} date - Date format should be in a format Date constructor accepts, like '2023-04-21' or '2023/04/21'.
563
- * @returns {string}
551
+ * @return {string}
564
552
  */
565
553
  private formatShortDate;
566
554
  /**
567
555
  * Format and render the provided date value.
568
556
  * @private
569
- * @param {string} dateValue - The date value to format and render.
570
- * @returns {import('lit').TemplateResult}
557
+ * @param dateValue
558
+ * @return {TemplateResult}
571
559
  */
572
560
  private renderDisplayTextDate;
573
- /**
574
- * Renders the HTML inputs for the datepicker.
575
- * @private
576
- * @returns {import('lit').TemplateResult}
577
- */
578
- private renderHtmlInputs;
579
- /**
580
- * Renders the clear action button.
581
- * @private
582
- * @returns {import('lit').TemplateResult}
583
- */
584
- private renderHtmlActionClear;
585
- /**
586
- * Renders the error icon.
587
- * @private
588
- * @returns {import('lit').TemplateResult}
589
- */
590
- private renderHtmlIconError;
591
- /**
592
- * Renders the calendar icon.
593
- * @private
594
- * @returns {import('lit').TemplateResult}
595
- */
596
- private renderHtmlIconCalendar;
561
+ renderHtmlInputs(): import("lit-html").TemplateResult;
562
+ renderHtmlActionClear(): import("lit-html").TemplateResult;
563
+ renderHtmlIconError(): import("lit-html").TemplateResult;
564
+ renderHtmlIconCalendar(): import("lit-html").TemplateResult;
597
565
  /**
598
566
  * Returns HTML for the help text and error message.
599
567
  * @private
600
- * @returns {import('lit').TemplateResult} - Returns HTML for the help text and error message.
568
+ * @returns {html} - Returns HTML for the help text and error message.
601
569
  */
602
570
  private renderHtmlHelpText;
603
- /**
604
- * Separate method for rendering the calendar.
605
- * @private
606
- * @returns {import('lit').TemplateResult}
607
- */
608
- private renderCalendar;
609
571
  render(): import("lit-html").TemplateResult;
610
572
  }
611
573
  import { AuroElement } from "@aurodesignsystem/auro-layout-element";