Skip to content

Commit

Permalink
perf(template): update template to use auro-button
Browse files Browse the repository at this point in the history
  • Loading branch information
jordanjones243 committed Oct 17, 2023
1 parent 383321b commit b9d6650
Show file tree
Hide file tree
Showing 11 changed files with 350 additions and 118 deletions.
1 change: 0 additions & 1 deletion demo/api.min.js
Original file line number Diff line number Diff line change
Expand Up @@ -25,4 +25,3 @@ function initAccordionApiExamples(initCount) {
}
}

export { initAccordionApiExamples };
8 changes: 6 additions & 2 deletions demo/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -42,8 +42,12 @@
</script>
<script type="module" src="../index.js" data-demo-script="true"></script>
<script type="module">
import {registerComponent} from '../index.js';
registerComponent('custom-accordion');
import { registerComponent } from '../index.js';
import { AuroAccordion } from '../src/auro-accordion.js';
import { AuroAccordionGroup } from '../src/auro-accordion-group.js';

registerComponent('custom-accordion', AuroAccordion);
registerComponent('custom-accordion-group', AuroAccordionGroup);
</script>
<script src="./index.min.js"></script>
<script>
Expand Down
1 change: 0 additions & 1 deletion demo/index.min.js
Original file line number Diff line number Diff line change
Expand Up @@ -3,4 +3,3 @@
function initAccordionIndexExamples(initCount) {
}

export { initAccordionIndexExamples };
18 changes: 8 additions & 10 deletions index.js
Original file line number Diff line number Diff line change
@@ -1,22 +1,20 @@
import { AuroAccordion } from './src/auro-accordion';
import { AuroAccordionGroup } from './src/auro-accordion-group';
import { AuroAccordionGroup } from './src/auro-accordion-group';
import { AuroAccordionButton } from './src/auro-accordionbutton';

/**
* Register Custom Element.
* @param {Object} name - Name to use for custom element.
* @param {Function} className - Class name to use for custom element.
* @returns {void}
*/
const registerComponent = (name = 'custom-accordion') => {
const groupName = name + '-group';

export function registerComponent(name, className) {
// alias definition
if (!customElements.get(name)) {
customElements.define(name, class extends AuroAccordion {});
}

if (!customElements.get(groupName)) {
customElements.define(groupName, class extends AuroAccordionGroup {});
customElements.define(name, class extends className {});
}
}

export { registerComponent }
registerComponent('auro-accordion', AuroAccordion);
registerComponent('auro-accordion-group', AuroAccordionGroup);
registerComponent('auro-accordionbutton', AuroAccordionButton);
Loading

0 comments on commit b9d6650

Please sign in to comment.