@aurodesignsystem-dev/auro-accordion 0.0.0-pr190.0 → 0.0.0-pr200.1

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 (134) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/NOTICE +2 -0
  3. package/README.md +25 -59
  4. package/demo/api.html +1 -1
  5. package/demo/api.js +2 -1
  6. package/demo/api.md +13 -7
  7. package/demo/api.min.js +16 -2028
  8. package/demo/auro-accordion.min.js +727 -0
  9. package/demo/index.js +12 -14
  10. package/demo/index.min.js +13 -2024
  11. package/dist/auro-accordion-B6aPKaGa.js +113 -0
  12. package/dist/index.d.ts +121 -0
  13. package/dist/index.js +1 -0
  14. package/dist/registered.js +1 -0
  15. package/package.json +44 -134
  16. package/.husky/commit-msg +0 -1
  17. package/.husky/pre-commit +0 -1
  18. package/.vscode/settings.json +0 -8
  19. package/apiExamples/accordionGroup.html +0 -47
  20. package/apiExamples/accordionGroupLg.html +0 -47
  21. package/apiExamples/accordionGroupSm.html +0 -47
  22. package/apiExamples/alignChevronRight.html +0 -15
  23. package/apiExamples/alignRight.html +0 -15
  24. package/apiExamples/basic.html +0 -15
  25. package/apiExamples/chevronNone.html +0 -15
  26. package/apiExamples/chevronRight.html +0 -15
  27. package/apiExamples/custom.html +0 -15
  28. package/apiExamples/customGroup.html +0 -47
  29. package/apiExamples/disabled.html +0 -15
  30. package/apiExamples/disabledGroup.html +0 -47
  31. package/apiExamples/emphasis.html +0 -47
  32. package/apiExamples/expanded.html +0 -17
  33. package/apiExamples/expanded.js +0 -11
  34. package/apiExamples/noToggleExpanded.html +0 -47
  35. package/coverage/lcov-report/auro-accordion-group.js.html +0 -472
  36. package/coverage/lcov-report/auro-accordion.js.html +0 -664
  37. package/coverage/lcov-report/base.css +0 -224
  38. package/coverage/lcov-report/block-navigation.js +0 -87
  39. package/coverage/lcov-report/color-css.js.html +0 -91
  40. package/coverage/lcov-report/favicon.png +0 -0
  41. package/coverage/lcov-report/iconVersion.js.html +0 -85
  42. package/coverage/lcov-report/index.html +0 -131
  43. package/coverage/lcov-report/prettify.css +0 -1
  44. package/coverage/lcov-report/prettify.js +0 -2
  45. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  46. package/coverage/lcov-report/sorter.js +0 -196
  47. package/coverage/lcov-report/src/auro-accordion-button.js.html +0 -283
  48. package/coverage/lcov-report/src/auro-accordion-group.js.html +0 -538
  49. package/coverage/lcov-report/src/auro-accordion.js.html +0 -895
  50. package/coverage/lcov-report/src/iconVersion.js.html +0 -85
  51. package/coverage/lcov-report/src/index.html +0 -161
  52. package/coverage/lcov-report/src/styles/color-css.js.html +0 -91
  53. package/coverage/lcov-report/src/styles/index.html +0 -161
  54. package/coverage/lcov-report/src/styles/style-button-css.js.html +0 -91
  55. package/coverage/lcov-report/src/styles/style-css.js.html +0 -91
  56. package/coverage/lcov-report/src/styles/tokens-css.js.html +0 -91
  57. package/coverage/lcov-report/style-css.js.html +0 -91
  58. package/coverage/lcov-report/tokens-css.js.html +0 -91
  59. package/coverage/lcov.info +0 -682
  60. package/dist/auro-accordion-button.d.ts +0 -17
  61. package/dist/auro-accordion-button.d.ts.map +0 -1
  62. package/dist/auro-accordion-group.d.ts +0 -61
  63. package/dist/auro-accordion-group.d.ts.map +0 -1
  64. package/dist/auro-accordion.d.ts +0 -106
  65. package/dist/auro-accordion.d.ts.map +0 -1
  66. package/dist/auro-accordion__bundled.js +0 -2023
  67. package/dist/color-css.d.ts +0 -3
  68. package/dist/color-css.d.ts.map +0 -1
  69. package/dist/iconVersion.d.ts +0 -3
  70. package/dist/iconVersion.d.ts.map +0 -1
  71. package/dist/src/auro-accordion-button.d.ts +0 -19
  72. package/dist/src/auro-accordion-button.d.ts.map +0 -1
  73. package/dist/src/auro-accordion-group.d.ts +0 -61
  74. package/dist/src/auro-accordion-group.d.ts.map +0 -1
  75. package/dist/src/auro-accordion.d.ts +0 -106
  76. package/dist/src/auro-accordion.d.ts.map +0 -1
  77. package/dist/src/color-css.d.ts +0 -3
  78. package/dist/src/color-css.d.ts.map +0 -1
  79. package/dist/src/iconVersion.d.ts +0 -3
  80. package/dist/src/iconVersion.d.ts.map +0 -1
  81. package/dist/src/style-button-css.d.ts +0 -3
  82. package/dist/src/style-button-css.d.ts.map +0 -1
  83. package/dist/src/style-css.d.ts +0 -3
  84. package/dist/src/style-css.d.ts.map +0 -1
  85. package/dist/src/styles/color-css.d.ts +0 -3
  86. package/dist/src/styles/color-css.d.ts.map +0 -1
  87. package/dist/src/styles/style-button-css.d.ts +0 -3
  88. package/dist/src/styles/style-button-css.d.ts.map +0 -1
  89. package/dist/src/styles/style-css.d.ts +0 -3
  90. package/dist/src/styles/style-css.d.ts.map +0 -1
  91. package/dist/src/styles/tokens-css.d.ts +0 -3
  92. package/dist/src/styles/tokens-css.d.ts.map +0 -1
  93. package/dist/src/tokens-css.d.ts +0 -3
  94. package/dist/src/tokens-css.d.ts.map +0 -1
  95. package/dist/style-button-css.d.ts +0 -3
  96. package/dist/style-button-css.d.ts.map +0 -1
  97. package/dist/style-css.d.ts +0 -3
  98. package/dist/style-css.d.ts.map +0 -1
  99. package/dist/test/auro-accordion-group.test.d.ts +0 -2
  100. package/dist/test/auro-accordion-group.test.d.ts.map +0 -1
  101. package/dist/test/auro-accordion.test.d.ts +0 -2
  102. package/dist/test/auro-accordion.test.d.ts.map +0 -1
  103. package/dist/tokens-css.d.ts +0 -3
  104. package/dist/tokens-css.d.ts.map +0 -1
  105. package/index.js +0 -3
  106. package/packageScripts/postinstall.mjs +0 -28
  107. package/scripts/version.mjs +0 -3
  108. package/scripts/wca/auro-accordion.js +0 -12
  109. package/src/auro-accordion-button.js +0 -66
  110. package/src/auro-accordion-group.js +0 -151
  111. package/src/auro-accordion.js +0 -270
  112. package/src/color-css.js +0 -2
  113. package/src/color.css +0 -39
  114. package/src/iconVersion.js +0 -1
  115. package/src/style-button-css.js +0 -2
  116. package/src/style-button.css +0 -53
  117. package/src/style-css.js +0 -2
  118. package/src/style.css +0 -147
  119. package/src/styles/color-css.js +0 -2
  120. package/src/styles/color.css +0 -43
  121. package/src/styles/color.scss +0 -75
  122. package/src/styles/style-button-css.js +0 -2
  123. package/src/styles/style-button.css +0 -63
  124. package/src/styles/style-button.scss +0 -86
  125. package/src/styles/style-css.js +0 -2
  126. package/src/styles/style.css +0 -347
  127. package/src/styles/style.scss +0 -200
  128. package/src/styles/tokens-css.js +0 -2
  129. package/src/styles/tokens.css +0 -7
  130. package/src/styles/tokens.scss +0 -9
  131. package/src/tokens-css.js +0 -2
  132. package/src/tokens.css +0 -7
  133. package/test/auro-accordion-group.test.js +0 -230
  134. package/test/auro-accordion.test.js +0 -104
@@ -1,61 +0,0 @@
1
- /**
2
- * Auro-accordion provides users a way to have collapsible content on a page.
3
- * Use auro-accordion-group if you want to have auto closing accordion components when others are selected.
4
- *
5
- * @attr {Boolean} emphasis - If set, emphasis styles will be applied to the auro-accordions.
6
- * @attr {String} variant - Sets accordion variant option. Possible values are: `sm`, `lg`.
7
- * @attr {Boolean} disabled - If set, the whole accordion inside the group are disabled and have reduced opacity.
8
- * @attr {Boolean} noToggleExpanded - If set, multiple accordions can be open at the same time.
9
- */
10
- export class AuroAccordionGroup extends LitElement {
11
- static get properties(): {
12
- emphasis: {
13
- type: BooleanConstructor;
14
- reflect: boolean;
15
- };
16
- variant: {
17
- type: StringConstructor;
18
- reflect: boolean;
19
- };
20
- disabled: {
21
- type: BooleanConstructor;
22
- reflect: boolean;
23
- };
24
- };
25
- /**
26
- * This will register this element with the browser.
27
- * @param {string} [name="auro-accordion-group"] - The name of element that you want to register to.
28
- *
29
- * @example
30
- * AuroAccordionGroup.register("custom-accordion-button") // this will register this element to <custom-accordion-group/>
31
- *
32
- */
33
- static register(name?: string): void;
34
- /**
35
- * @private
36
- */
37
- private runtimeUtils;
38
- firstUpdated(): void;
39
- updated(changedProperties: any): void;
40
- /**
41
- * Updates the disabled state of all child <auro-accordion> elements
42
- * to match the disabled state of the <auro-accordion-group> element.
43
- */
44
- updateDisabledState(): void;
45
- handleSlotContentChange(): void;
46
- /**
47
- * Internal function to toggle any expanded panels if it is not the one selected.
48
- * @private
49
- * @param {object} event - Standard event parameter.
50
- */
51
- private handleToggleExpanded;
52
- /**
53
- * Internal function to add all accordions into an array.
54
- * @private
55
- */
56
- private handleItems;
57
- items: Element[];
58
- render(): import("lit-html").TemplateResult<1>;
59
- }
60
- import { LitElement } from "lit";
61
- //# sourceMappingURL=auro-accordion-group.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"auro-accordion-group.d.ts","sourceRoot":"","sources":["../src/auro-accordion-group.js"],"names":[],"mappings":"AAWA;;;;;;;;GAQG;AAGH;IAaE;;;;;;;;;;;;;MAiBC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IAtCC;;OAEG;IACH,qBAAiD;IAqCnD,qBAGC;IAED,sCAIC;IAED;;;OAGG;IACH,4BAKC;IAED,gCAqBC;IAED;;;;OAIG;IACH,6BAaC;IAED;;;OAGG;IACH,oBAKC;IADC,iBAAgE;IAIlE,+CAMC;CACF;2BAhJgC,KAAK"}
@@ -1,106 +0,0 @@
1
- /**
2
- * Auro-accordion provides users a way to have collapsible content on a page.
3
- * Use auro-accordion-group if you want to have auto closing accordion components when others are selected.
4
- *
5
- * @attr {Boolean} alignRight - If set, the trigger content will align right.
6
- * @attr {Boolean} expanded - If set, the accordion is expanded.
7
- * @attr {Boolean} emphasis - If set, emphasis styles will be applied to the auro-accordions.
8
- * @attr {Boolean} grouped - Attribute will be set on accordion when it appears in an accordion group.
9
- * @attr {Boolean} disabled - If set, the accordion is disabled and have reduced opacity.
10
- * @attr {String} chevron - Sets chevron variant option. Possible values are: `none`, `right`.
11
- * @attr {String} variant - Sets accordion variant option. Possible values are: `sm`, `lg`.
12
- * @slot - Default slot for the accordion content.
13
- * @slot trigger - Defines the content of the trigger element.
14
- * @csspart accordion - Apply CSS to Accordion wrapper.
15
- * @csspart trigger - Apply CSS to trigger element.
16
- * @csspart chevron - Apply CSS to chevron icon.
17
- * @csspart content - Apply CSS to the accordion content.
18
- * @event toggleExpanded - Notifies that the accordion has been expanded or closed.
19
- */
20
- export class AuroAccordion extends LitElement {
21
- static get properties(): {
22
- alignRight: {
23
- type: BooleanConstructor;
24
- reflect: boolean;
25
- };
26
- expanded: {
27
- type: BooleanConstructor;
28
- reflect: boolean;
29
- };
30
- emphasis: {
31
- type: BooleanConstructor;
32
- reflect: boolean;
33
- };
34
- grouped: {
35
- type: BooleanConstructor;
36
- reflect: boolean;
37
- };
38
- chevron: {
39
- type: StringConstructor;
40
- reflect: boolean;
41
- };
42
- variant: {
43
- type: StringConstructor;
44
- reflect: boolean;
45
- };
46
- disabled: {
47
- type: BooleanConstructor;
48
- reflect: boolean;
49
- };
50
- };
51
- static get styles(): import("lit").CSSResult[];
52
- /**
53
- * This will register this element with the browser.
54
- * @param {string} [name="auro-accordion"] - The name of element that you want to register to.
55
- *
56
- * @example
57
- * AuroAccordion.register("custom-accordion") // this will register this element to <custom-accordion/>
58
- *
59
- */
60
- static register(name?: string): void;
61
- /**
62
- * @private
63
- */
64
- private iconTag;
65
- /**
66
- * @private
67
- */
68
- private buttonNameHash;
69
- /**
70
- * @private
71
- */
72
- private buttonTag;
73
- /**
74
- * @private
75
- */
76
- private runtimeUtils;
77
- expanded: boolean;
78
- firstUpdated(): void;
79
- /**
80
- * Internal function to generate the HTML for the icon to use.
81
- * @private
82
- * @param {string} svgContent - The imported svg icon.
83
- * @returns {TemplateResult} - The html template for the icon.
84
- */
85
- private generateIconHtml;
86
- /**
87
- * Generates a random string of letters.
88
- * @private
89
- * @param {number} length - The number of characters to generate in the string.
90
- * @returns {string} - The generated string.
91
- */
92
- private generateRandomLetters;
93
- /**
94
- * Toggles the visibility of the accordion content.
95
- */
96
- toggle(): void;
97
- /**
98
- * Toggles the visibility of the accordion content when button gets clicked.
99
- * @private
100
- * @param {Event} event - The event object.
101
- */
102
- private handleButtonClick;
103
- render(): import("lit-html").TemplateResult;
104
- }
105
- import { LitElement } from "lit";
106
- //# sourceMappingURL=auro-accordion.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"auro-accordion.d.ts","sourceRoot":"","sources":["../src/auro-accordion.js"],"names":[],"mappings":"AA8BA;;;;;;;;;;;;;;;;;;GAkBG;AAGH;IAgCE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAiCC;IAED,+CAMC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAUhB;IAjFC;;OAEG;IACH,gBAAyE;IAEzE;;OAEG;IACH,uBAAmD;IAEnD;;OAEG;IACH,kBAA0G;IAE1G;;OAEG;IACH,qBAAiD;IAEjD,kBAAqB;IA+DvB,qBAGC;IAED;;;;;OAKG;IACH,yBAOC;IAED;;;;;OAKG;IACH,8BASC;IAED;;OAEG;IACH,eAUC;IAED;;;;OAIG;IACH,0BAMC;IAGD,4CAqCC;CACF;2BA5OmC,KAAK"}