Skip to content

Commit

Permalink
chore: format fix
Browse files Browse the repository at this point in the history
  • Loading branch information
TobiasHeimGalindo committed Dec 7, 2023
1 parent efe6586 commit 050e2af
Show file tree
Hide file tree
Showing 3 changed files with 12 additions and 11 deletions.
5 changes: 3 additions & 2 deletions packages/elements/src/components/ino-tab-bar/ino-tab-bar.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -50,9 +50,10 @@ export class TabBar implements ComponentInterface {
}

private updateActiveTabState(activeTabIndex: number) {
const tabs: NodeListOf<HTMLInoTabElement> = this.el.querySelectorAll('ino-tab');
const tabs: NodeListOf<HTMLInoTabElement> =
this.el.querySelectorAll('ino-tab');
tabs.forEach((tab, index) => {
tab.a11ySelected = (index === activeTabIndex);
tab.a11ySelected = index === activeTabIndex;
});
}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,14 +6,14 @@ import { html } from 'lit-html';
import { decorateStoryWithClass } from '../utils';
import './ino-tab-bar.scss';

const eventHandler = e => e.target.setAttribute('active-tab', e.detail);
const eventHandler = (e) => e.target.setAttribute('active-tab', e.detail);

export default {
title: `Structure/ino-tab-bar`,
component: 'ino-tab-bar',
decorators: [
story => decorateStoryWithClass(story, 'story-tab-bar'),
story => {
(story) => decorateStoryWithClass(story, 'story-tab-bar'),
(story) => {
useEffect(() => {
const tabBars = document.querySelectorAll('ino-tab-bar');
tabBars.forEach((t) =>
Expand Down Expand Up @@ -43,7 +43,7 @@ export default {

const template = new TemplateGenerator<Components.InoTabBar>(
'ino-tab-bar',
args => html`
(args) => html`
<ino-tab-bar
id="customizable-tabbar"
active-tab="${args.activeTab}"
Expand All @@ -66,7 +66,7 @@ const template = new TemplateGenerator<Components.InoTabBar>(
a11y-controls="download-panel"
></ino-tab>
</ino-tab-bar>
`
`,
);

export const Playground = template.generatePlaygroundStory();
Expand Down
8 changes: 4 additions & 4 deletions packages/storybook/src/stories/ino-tab/ino-tab.stories.ts
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import { decorateStoryWithClass, withIconControl } from '../utils';
export default {
title: `Structure/ino-tab`,
component: 'ino-tab',
decorators: [story => decorateStoryWithClass(story)],
decorators: [(story) => decorateStoryWithClass(story)],
args: {
indicatorContentWidth: false,
stacked: false,
Expand All @@ -18,7 +18,7 @@ export default {

const template = new TemplateGenerator<Components.InoTab>(
'ino-tab',
args => html`
(args) => html`
<ino-tab
icon="${args.icon}"
indicator-content-width="${args.indicatorContentWidth}"
Expand All @@ -27,7 +27,7 @@ const template = new TemplateGenerator<Components.InoTab>(
>
Label
</ino-tab>
`
`,
);

export const Playground = template.generatePlaygroundStory();
Expand All @@ -36,5 +36,5 @@ withIconControl(Playground, 'icon', 'info');
export const Stacked = template.generateStoryForProp('stacked', true);
export const IndicatorContentWidth = template.generateStoryForProp(
'indicatorContentWidth',
true
true,
);

0 comments on commit 050e2af

Please sign in to comment.