@aurodesignsystem-dev/auro-formkit 0.0.0-pr1608.0 → 0.0.0-pr1608.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.
Files changed (51) hide show
  1. package/components/checkbox/demo/accessibility.md +15 -4
  2. package/components/checkbox/demo/customize.min.js +40 -12
  3. package/components/checkbox/demo/getting-started.min.js +40 -12
  4. package/components/checkbox/demo/index.min.js +40 -12
  5. package/components/checkbox/dist/auro-checkbox-group.d.ts +19 -0
  6. package/components/checkbox/dist/index.js +40 -12
  7. package/components/checkbox/dist/registered.js +40 -12
  8. package/components/combobox/demo/customize.min.js +46 -4
  9. package/components/combobox/demo/getting-started.min.js +46 -4
  10. package/components/combobox/demo/index.min.js +46 -4
  11. package/components/combobox/dist/index.js +46 -4
  12. package/components/combobox/dist/registered.js +46 -4
  13. package/components/counter/demo/customize.min.js +339 -23
  14. package/components/counter/demo/getting-started.min.js +339 -23
  15. package/components/counter/demo/index.min.js +339 -23
  16. package/components/counter/dist/counterGroupKeyboardStrategy.d.ts +1 -0
  17. package/components/counter/dist/index.js +339 -23
  18. package/components/counter/dist/registered.js +339 -23
  19. package/components/datepicker/demo/customize.min.js +46 -4
  20. package/components/datepicker/demo/getting-started.min.js +46 -4
  21. package/components/datepicker/demo/index.min.js +46 -4
  22. package/components/datepicker/dist/index.js +46 -4
  23. package/components/datepicker/dist/registered.js +46 -4
  24. package/components/dropdown/demo/customize.min.js +44 -2
  25. package/components/dropdown/demo/getting-started.min.js +45 -3
  26. package/components/dropdown/demo/index.min.js +44 -2
  27. package/components/dropdown/dist/index.js +44 -2
  28. package/components/dropdown/dist/registered.js +44 -2
  29. package/components/form/demo/customize.min.js +556 -61
  30. package/components/form/demo/getting-started.min.js +556 -61
  31. package/components/form/demo/index.min.js +556 -61
  32. package/components/form/demo/registerDemoDeps.min.js +556 -61
  33. package/components/input/demo/customize.min.js +1 -1
  34. package/components/input/demo/getting-started.min.js +1 -1
  35. package/components/input/demo/index.min.js +1 -1
  36. package/components/input/dist/index.js +1 -1
  37. package/components/input/dist/registered.js +1 -1
  38. package/components/radio/demo/accessibility.md +15 -4
  39. package/components/radio/demo/customize.min.js +39 -14
  40. package/components/radio/demo/getting-started.min.js +39 -14
  41. package/components/radio/demo/index.min.js +39 -14
  42. package/components/radio/dist/auro-radio-group.d.ts +18 -0
  43. package/components/radio/dist/index.js +39 -14
  44. package/components/radio/dist/registered.js +39 -14
  45. package/components/select/demo/customize.min.js +45 -3
  46. package/components/select/demo/getting-started.min.js +45 -3
  47. package/components/select/demo/index.min.js +45 -3
  48. package/components/select/dist/index.js +45 -3
  49. package/components/select/dist/registered.js +45 -3
  50. package/custom-elements.json +1814 -1768
  51. package/package.json +3 -3
@@ -3018,6 +3018,48 @@ const computePosition = (reference, floating, options) => {
3018
3018
  });
3019
3019
  };
3020
3020
 
3021
+ /**
3022
+ * Generates a v4 UUID with a three-tier fallback for insecure contexts.
3023
+ *
3024
+ * Tier 1 (secure contexts): crypto.randomUUID() — native, fully random.
3025
+ * Tier 2 (insecure contexts): crypto.getRandomValues() — available on all
3026
+ * modern browsers regardless of secure-context status.
3027
+ * Tier 3 (last resort, no crypto API): new Date().getTime() — lower entropy,
3028
+ * but sufficient for element IDs where collision risk is negligible.
3029
+ *
3030
+ * See: https://w3c.github.io/webcrypto/#dom-crypto-randomuuid (secure-context restriction)
3031
+ */
3032
+ function generateUUID() {
3033
+ let uuid;
3034
+
3035
+ if (
3036
+ typeof crypto !== "undefined" &&
3037
+ typeof crypto.randomUUID === "function"
3038
+ ) {
3039
+ uuid = crypto.randomUUID();
3040
+ } else if (
3041
+ typeof crypto !== "undefined" &&
3042
+ typeof crypto.getRandomValues === "function"
3043
+ ) {
3044
+ const bytes = new Uint8Array(16);
3045
+ crypto.getRandomValues(bytes);
3046
+ bytes[6] = (bytes[6] & 0x0f) | 0x40;
3047
+ bytes[8] = (bytes[8] & 0x3f) | 0x80;
3048
+ const hex = Array.from(bytes).map((b) => b.toString(16).padStart(2, "0"));
3049
+ uuid = `${hex.slice(0, 4).join("")}-${hex.slice(4, 6).join("")}-${hex.slice(6, 8).join("")}-${hex.slice(8, 10).join("")}-${hex.slice(10).join("")}`;
3050
+ } else {
3051
+ let d = new Date().getTime();
3052
+ uuid = "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
3053
+ const r = (d % 16) | 0;
3054
+ d = (d - r) / 16 || new Date().getTime();
3055
+ return (c === "x" ? r : (r & 0x3) | 0x8).toString(16);
3056
+ });
3057
+ }
3058
+
3059
+ // CSS selectors require IDs starting with a letter; replace a leading digit with 'a'.
3060
+ return /^[0-9]/.test(uuid) ? `a${uuid.slice(1)}` : uuid;
3061
+ }
3062
+
3021
3063
  /* eslint-disable line-comment-position, no-inline-comments */
3022
3064
 
3023
3065
 
@@ -4036,7 +4078,7 @@ class AuroFloatingUI {
4036
4078
 
4037
4079
  this.id = element.getAttribute("id");
4038
4080
  if (!this.id) {
4039
- this.id = window.crypto.randomUUID();
4081
+ this.id = generateUUID();
4040
4082
  element.setAttribute("id", this.id);
4041
4083
  }
4042
4084
 
@@ -5081,7 +5123,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
5081
5123
  }
5082
5124
  };
5083
5125
 
5084
- var formkitVersion$2 = '202609021913';
5126
+ var formkitVersion$2 = '202609030018';
5085
5127
 
5086
5128
  /**
5087
5129
  * AuroElement is the shared base class for layout-aware Auro form components.
@@ -18950,7 +18992,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
18950
18992
  }
18951
18993
  };
18952
18994
 
18953
- var formkitVersion$1 = '202609021913';
18995
+ var formkitVersion$1 = '202609030018';
18954
18996
 
18955
18997
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
18956
18998
  // See LICENSE in the project root for license information.
@@ -20142,7 +20184,7 @@ class AuroBibtemplate extends i$3 {
20142
20184
  }
20143
20185
  }
20144
20186
 
20145
- var formkitVersion = '202609021913';
20187
+ var formkitVersion = '202609030018';
20146
20188
 
20147
20189
  var styleCss$3 = i$6`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
20148
20190
 
@@ -2936,6 +2936,48 @@ const computePosition = (reference, floating, options) => {
2936
2936
  });
2937
2937
  };
2938
2938
 
2939
+ /**
2940
+ * Generates a v4 UUID with a three-tier fallback for insecure contexts.
2941
+ *
2942
+ * Tier 1 (secure contexts): crypto.randomUUID() — native, fully random.
2943
+ * Tier 2 (insecure contexts): crypto.getRandomValues() — available on all
2944
+ * modern browsers regardless of secure-context status.
2945
+ * Tier 3 (last resort, no crypto API): new Date().getTime() — lower entropy,
2946
+ * but sufficient for element IDs where collision risk is negligible.
2947
+ *
2948
+ * See: https://w3c.github.io/webcrypto/#dom-crypto-randomuuid (secure-context restriction)
2949
+ */
2950
+ function generateUUID() {
2951
+ let uuid;
2952
+
2953
+ if (
2954
+ typeof crypto !== "undefined" &&
2955
+ typeof crypto.randomUUID === "function"
2956
+ ) {
2957
+ uuid = crypto.randomUUID();
2958
+ } else if (
2959
+ typeof crypto !== "undefined" &&
2960
+ typeof crypto.getRandomValues === "function"
2961
+ ) {
2962
+ const bytes = new Uint8Array(16);
2963
+ crypto.getRandomValues(bytes);
2964
+ bytes[6] = (bytes[6] & 0x0f) | 0x40;
2965
+ bytes[8] = (bytes[8] & 0x3f) | 0x80;
2966
+ const hex = Array.from(bytes).map((b) => b.toString(16).padStart(2, "0"));
2967
+ uuid = `${hex.slice(0, 4).join("")}-${hex.slice(4, 6).join("")}-${hex.slice(6, 8).join("")}-${hex.slice(8, 10).join("")}-${hex.slice(10).join("")}`;
2968
+ } else {
2969
+ let d = new Date().getTime();
2970
+ uuid = "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
2971
+ const r = (d % 16) | 0;
2972
+ d = (d - r) / 16 || new Date().getTime();
2973
+ return (c === "x" ? r : (r & 0x3) | 0x8).toString(16);
2974
+ });
2975
+ }
2976
+
2977
+ // CSS selectors require IDs starting with a letter; replace a leading digit with 'a'.
2978
+ return /^[0-9]/.test(uuid) ? `a${uuid.slice(1)}` : uuid;
2979
+ }
2980
+
2939
2981
  /* eslint-disable line-comment-position, no-inline-comments */
2940
2982
 
2941
2983
 
@@ -3954,7 +3996,7 @@ class AuroFloatingUI {
3954
3996
 
3955
3997
  this.id = element.getAttribute("id");
3956
3998
  if (!this.id) {
3957
- this.id = window.crypto.randomUUID();
3999
+ this.id = generateUUID();
3958
4000
  element.setAttribute("id", this.id);
3959
4001
  }
3960
4002
 
@@ -4999,7 +5041,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
4999
5041
  }
5000
5042
  };
5001
5043
 
5002
- var formkitVersion$2 = '202609021913';
5044
+ var formkitVersion$2 = '202609030018';
5003
5045
 
5004
5046
  /**
5005
5047
  * AuroElement is the shared base class for layout-aware Auro form components.
@@ -18861,7 +18903,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
18861
18903
  }
18862
18904
  };
18863
18905
 
18864
- var formkitVersion$1 = '202609021913';
18906
+ var formkitVersion$1 = '202609030018';
18865
18907
 
18866
18908
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
18867
18909
  // See LICENSE in the project root for license information.
@@ -20053,7 +20095,7 @@ class AuroBibtemplate extends LitElement {
20053
20095
  }
20054
20096
  }
20055
20097
 
20056
- var formkitVersion = '202609021913';
20098
+ var formkitVersion = '202609030018';
20057
20099
 
20058
20100
  var styleCss$1 = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
20059
20101
 
@@ -2936,6 +2936,48 @@ const computePosition = (reference, floating, options) => {
2936
2936
  });
2937
2937
  };
2938
2938
 
2939
+ /**
2940
+ * Generates a v4 UUID with a three-tier fallback for insecure contexts.
2941
+ *
2942
+ * Tier 1 (secure contexts): crypto.randomUUID() — native, fully random.
2943
+ * Tier 2 (insecure contexts): crypto.getRandomValues() — available on all
2944
+ * modern browsers regardless of secure-context status.
2945
+ * Tier 3 (last resort, no crypto API): new Date().getTime() — lower entropy,
2946
+ * but sufficient for element IDs where collision risk is negligible.
2947
+ *
2948
+ * See: https://w3c.github.io/webcrypto/#dom-crypto-randomuuid (secure-context restriction)
2949
+ */
2950
+ function generateUUID() {
2951
+ let uuid;
2952
+
2953
+ if (
2954
+ typeof crypto !== "undefined" &&
2955
+ typeof crypto.randomUUID === "function"
2956
+ ) {
2957
+ uuid = crypto.randomUUID();
2958
+ } else if (
2959
+ typeof crypto !== "undefined" &&
2960
+ typeof crypto.getRandomValues === "function"
2961
+ ) {
2962
+ const bytes = new Uint8Array(16);
2963
+ crypto.getRandomValues(bytes);
2964
+ bytes[6] = (bytes[6] & 0x0f) | 0x40;
2965
+ bytes[8] = (bytes[8] & 0x3f) | 0x80;
2966
+ const hex = Array.from(bytes).map((b) => b.toString(16).padStart(2, "0"));
2967
+ uuid = `${hex.slice(0, 4).join("")}-${hex.slice(4, 6).join("")}-${hex.slice(6, 8).join("")}-${hex.slice(8, 10).join("")}-${hex.slice(10).join("")}`;
2968
+ } else {
2969
+ let d = new Date().getTime();
2970
+ uuid = "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
2971
+ const r = (d % 16) | 0;
2972
+ d = (d - r) / 16 || new Date().getTime();
2973
+ return (c === "x" ? r : (r & 0x3) | 0x8).toString(16);
2974
+ });
2975
+ }
2976
+
2977
+ // CSS selectors require IDs starting with a letter; replace a leading digit with 'a'.
2978
+ return /^[0-9]/.test(uuid) ? `a${uuid.slice(1)}` : uuid;
2979
+ }
2980
+
2939
2981
  /* eslint-disable line-comment-position, no-inline-comments */
2940
2982
 
2941
2983
 
@@ -3954,7 +3996,7 @@ class AuroFloatingUI {
3954
3996
 
3955
3997
  this.id = element.getAttribute("id");
3956
3998
  if (!this.id) {
3957
- this.id = window.crypto.randomUUID();
3999
+ this.id = generateUUID();
3958
4000
  element.setAttribute("id", this.id);
3959
4001
  }
3960
4002
 
@@ -4999,7 +5041,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
4999
5041
  }
5000
5042
  };
5001
5043
 
5002
- var formkitVersion$2 = '202609021913';
5044
+ var formkitVersion$2 = '202609030018';
5003
5045
 
5004
5046
  /**
5005
5047
  * AuroElement is the shared base class for layout-aware Auro form components.
@@ -18861,7 +18903,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
18861
18903
  }
18862
18904
  };
18863
18905
 
18864
- var formkitVersion$1 = '202609021913';
18906
+ var formkitVersion$1 = '202609030018';
18865
18907
 
18866
18908
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
18867
18909
  // See LICENSE in the project root for license information.
@@ -20053,7 +20095,7 @@ class AuroBibtemplate extends LitElement {
20053
20095
  }
20054
20096
  }
20055
20097
 
20056
- var formkitVersion = '202609021913';
20098
+ var formkitVersion = '202609030018';
20057
20099
 
20058
20100
  var styleCss$1 = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
20059
20101