@@ -123,8 +131,8 @@ const Template: Story
= (
- As I have always said: I write what’s real and what’s true, even
- if it means throwing myself under the bus.
+ As I have always said: I write what’s real and what’s true,
+ even if it means throwing myself under the bus.
@@ -153,8 +161,8 @@ const Template: Story
= (
- Far far away, behind the word mountains, far from the countries
- Vokalia and Consonantia, there live the blind texts.
+ Far far away, behind the word mountains, far from the
+ countries Vokalia and Consonantia, there live the blind texts.
diff --git a/stories/checkbox.stories.ts b/stories/checkbox.stories.ts
index 9d43ec752..b5155af9b 100644
--- a/stories/checkbox.stories.ts
+++ b/stories/checkbox.stories.ts
@@ -1,5 +1,5 @@
import { html } from 'lit-html';
-import '../igniteui-webcomponents.js';
+import '../index.js';
import { Story } from './story.js';
import { ifDefined } from 'lit-html/directives/if-defined';
diff --git a/stories/form.stories.ts b/stories/form.stories.ts
index 6245987d4..4eb9fe92a 100644
--- a/stories/form.stories.ts
+++ b/stories/form.stories.ts
@@ -1,5 +1,5 @@
import { html } from 'lit-html';
-import '../igniteui-webcomponents.js';
+import '../index.js';
import { Context, Story } from './story.js';
// region default
diff --git a/stories/icon-button.stories.ts b/stories/icon-button.stories.ts
index a7c8c181a..c6bedf685 100644
--- a/stories/icon-button.stories.ts
+++ b/stories/icon-button.stories.ts
@@ -1,7 +1,7 @@
import { html } from 'lit-html';
import { ifDefined } from 'lit-html/directives/if-defined';
import { Context, Story } from './story';
-import '../igniteui-webcomponents.js';
+import '../index.js';
import { registerIconFromText } from '../src/components/icon/icon.registry';
import { all } from '@igniteui/material-icons-extended';
diff --git a/stories/icon.stories.ts b/stories/icon.stories.ts
index 9c8c7b505..252676289 100644
--- a/stories/icon.stories.ts
+++ b/stories/icon.stories.ts
@@ -1,7 +1,7 @@
import { html } from 'lit-html';
import { ifDefined } from 'lit-html/directives/if-defined';
import { Context, Story } from './story';
-import '../igniteui-webcomponents.js';
+import '../index.js';
import {
registerIcon,
registerIconFromText,
diff --git a/stories/input.stories.ts b/stories/input.stories.ts
index b2511d97c..fafcd5484 100644
--- a/stories/input.stories.ts
+++ b/stories/input.stories.ts
@@ -1,5 +1,5 @@
import { html } from 'lit-html';
-import '../igniteui-webcomponents.js';
+import '../index.js';
import { Story, Context } from './story.js';
import { ifDefined } from 'lit-html/directives/if-defined';
diff --git a/stories/link-button.stories.ts b/stories/link-button.stories.ts
index 38c3b9862..12ddf8a30 100644
--- a/stories/link-button.stories.ts
+++ b/stories/link-button.stories.ts
@@ -1,7 +1,7 @@
import { html } from 'lit-html';
import { ifDefined } from 'lit-html/directives/if-defined.js';
import { Context, Story } from './story.js';
-import '../igniteui-webcomponents.js';
+import '../index.js';
// region default
const metadata = {
diff --git a/stories/list.stories.ts b/stories/list.stories.ts
index d1bebf50e..f68a26dbc 100644
--- a/stories/list.stories.ts
+++ b/stories/list.stories.ts
@@ -1,5 +1,5 @@
import { html } from 'lit-html';
-import '../igniteui-webcomponents.js';
+import '../index.js';
import { Context, Story } from './story.js';
// region default
diff --git a/stories/nav-drawer.stories.ts b/stories/nav-drawer.stories.ts
index 8388993c2..8cbc23b80 100644
--- a/stories/nav-drawer.stories.ts
+++ b/stories/nav-drawer.stories.ts
@@ -1,9 +1,9 @@
import { html } from 'lit-html';
import { ifDefined } from 'lit-html/directives/if-defined';
-import '../igniteui-webcomponents.js';
+import '../index.js';
import { registerIcon } from '../src/components/icon/icon.registry.js';
import { Context, Story } from './story';
-import { IgcNavDrawerComponent } from './../src/components/nav-drawer/nav-drawer.js';
+import { IgcNavDrawerComponent } from '../index.js';
// region default
const metadata = {
diff --git a/stories/navbar.stories.ts b/stories/navbar.stories.ts
index a851d23fe..2e979f621 100644
--- a/stories/navbar.stories.ts
+++ b/stories/navbar.stories.ts
@@ -1,6 +1,6 @@
import { html } from 'lit-html';
import { ifDefined } from 'lit-html/directives/if-defined';
-import '../igniteui-webcomponents.js';
+import '../index.js';
import { registerIcon } from '../src/components/icon/icon.registry.js';
import { Context, Story } from './story';
@@ -14,10 +14,6 @@ export default metadata;
// endregion
-interface ArgTypes {
- content: string;
-}
-
registerIcon(
'home',
'https://unpkg.com/material-design-icons@3.0.1/action/svg/production/ic_home_24px.svg'
@@ -28,8 +24,8 @@ registerIcon(
'https://unpkg.com/material-design-icons@3.0.1/action/svg/production/ic_search_24px.svg'
);
-const Template: Story = (
- { content = 'Title' }: ArgTypes,
+const Template: Story = (
+ { content = 'Title' }: any,
{ globals: { direction } }: Context
) => {
return html`
diff --git a/stories/radio-group.stories.ts b/stories/radio-group.stories.ts
index 393e73445..648b3522d 100644
--- a/stories/radio-group.stories.ts
+++ b/stories/radio-group.stories.ts
@@ -1,55 +1,31 @@
import { html } from 'lit-html';
-import '../igniteui-webcomponents.js';
+import '../index.js';
import { Context, Story } from './story.js';
import { ifDefined } from 'lit-html/directives/if-defined';
// region default
-export default {
+const metadata = {
title: 'Radio Group',
component: 'igc-radio-group',
- parameters: {
- actions: {
- handles: ['igcChange', 'igcFocus', 'igcBlur'],
- },
- },
argTypes: {
- labelPosition: {
- control: {
- type: 'inline-radio',
- options: ['before', 'after'],
- },
- defaultValue: 'after',
- },
alignment: {
+ type: '"vertical" | "horizontal"',
options: ['vertical', 'horizontal'],
control: {
type: 'inline-radio',
},
defaultValue: 'vertical',
},
- disabled: {
- control: 'boolean',
- description: 'Determines whether the radio is disabled.',
- table: {
- type: {
- summary: 'boolean',
- },
- defaultValue: {
- summary: 'false',
- },
- },
- },
},
};
+export default metadata;
interface ArgTypes {
alignment: 'vertical' | 'horizontal';
- labelPosition: 'before' | 'after';
- disabled: boolean;
}
// endregion
const Template: Story = (
- { alignment, labelPosition, disabled }: ArgTypes,
+ { alignment }: ArgTypes,
{ globals: { direction } }: Context
) => {
const radios = ['apple', 'orange', 'mango', 'banana'];
@@ -60,11 +36,7 @@ const Template: Story = (
>
${radios.map(
(v) =>
- html`${v.replace(/^\w/, (c) => c.toUpperCase())} `
)}
diff --git a/stories/radio.stories.ts b/stories/radio.stories.ts
index e44a53b10..2e1f8becf 100644
--- a/stories/radio.stories.ts
+++ b/stories/radio.stories.ts
@@ -1,5 +1,5 @@
import { html } from 'lit-html';
-import '../igniteui-webcomponents.js';
+import '../index.js';
import { Context, Story } from './story.js';
import { ifDefined } from 'lit-html/directives/if-defined';
diff --git a/stories/ripple.stories.ts b/stories/ripple.stories.ts
index e33cb6ffc..b7f36bbea 100644
--- a/stories/ripple.stories.ts
+++ b/stories/ripple.stories.ts
@@ -1,5 +1,5 @@
import { html } from 'lit-html';
-import '../igniteui-webcomponents.js';
+import '../index.js';
import { Context, Story } from './story.js';
// region default
diff --git a/stories/switch.stories.ts b/stories/switch.stories.ts
index 954ab394f..0757cae6d 100644
--- a/stories/switch.stories.ts
+++ b/stories/switch.stories.ts
@@ -1,5 +1,5 @@
import { html } from 'lit-html';
-import '../igniteui-webcomponents.js';
+import '../index.js';
import { Context, Story } from './story.js';
import { ifDefined } from 'lit-html/directives/if-defined';
diff --git a/test/igniteui-webcomponents.test.ts b/test/igniteui-webcomponents.test.ts
deleted file mode 100644
index 8753b9b86..000000000
--- a/test/igniteui-webcomponents.test.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { html, fixture, expect } from '@open-wc/testing';
-
-import { IgniteuiWebcomponents } from '../src/IgniteuiWebcomponents.js';
-import '../igniteui-webcomponents.js';
-
-describe('IgniteuiWebcomponents', () => {
- it('passes the a11y audit', async () => {
- const el = await fixture(
- html``
- );
-
- expect(el).shadowDom.to.be.accessible();
- });
-});
diff --git a/tsconfig.prod.json b/tsconfig.prod.json
new file mode 100644
index 000000000..9f58bf4a5
--- /dev/null
+++ b/tsconfig.prod.json
@@ -0,0 +1,10 @@
+{
+ "extends": "./tsconfig",
+ "exclude": [
+ "**/*.spec.ts",
+ "stories"
+ ],
+ "compilerOptions": {
+ "removeComments": true
+ },
+}