@nyaruka/temba-components 0.27.2 → 0.28.0
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.
- package/CHANGELOG.md +9 -0
- package/README.md +2 -1
- package/demo/index.html +176 -127
- package/dist/{956247ac.js → 13934682.js} +82 -63
- package/dist/index.js +82 -63
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/dist/templates/components-body.html +1 -1
- package/dist/templates/components-head.html +1 -1
- package/out-tsc/src/contacts/ContactTickets.js +34 -49
- package/out-tsc/src/contacts/ContactTickets.js.map +1 -1
- package/out-tsc/src/slider/TembaSlider.js +42 -25
- package/out-tsc/src/slider/TembaSlider.js.map +1 -1
- package/out-tsc/src/tabpane/Tab.js +4 -0
- package/out-tsc/src/tabpane/Tab.js.map +1 -1
- package/out-tsc/src/tabpane/TabPane.js +45 -6
- package/out-tsc/src/tabpane/TabPane.js.map +1 -1
- package/out-tsc/test/temba-slider.test.js +11 -0
- package/out-tsc/test/temba-slider.test.js.map +1 -0
- package/package.json +1 -1
- package/src/contacts/ContactTickets.ts +43 -53
- package/src/slider/TembaSlider.ts +43 -32
- package/src/tabpane/Tab.ts +3 -0
- package/src/tabpane/TabPane.ts +44 -6
- package/stories/temba-checkbox.stories.md +2 -12
- package/test/temba-slider.test.ts +11 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
```js script
|
|
2
2
|
import { html } from '@open-wc/demoing-storybook';
|
|
3
|
-
import '../dist/
|
|
3
|
+
import '../dist/index.js';
|
|
4
4
|
|
|
5
5
|
export default {
|
|
6
6
|
title: 'forms/temba-checkbox',
|
|
@@ -21,19 +21,9 @@ A component for...
|
|
|
21
21
|
|
|
22
22
|
## How to use
|
|
23
23
|
|
|
24
|
-
### Installation
|
|
25
|
-
|
|
26
|
-
```bash
|
|
27
|
-
yarn add temba-checkbox
|
|
28
|
-
```
|
|
29
|
-
|
|
30
|
-
```js
|
|
31
|
-
import 'temba-checkbox/temba-checkbox.js';
|
|
32
|
-
```
|
|
33
|
-
|
|
34
24
|
```js preview-story
|
|
35
25
|
export const Default = () =>
|
|
36
|
-
html
|
|
26
|
+
html`<temba-checkbox label="Click me for good luck"></temba-checkbox> `;
|
|
37
27
|
```
|
|
38
28
|
|
|
39
29
|
## Variations
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
// import { html, fixture, expect } from '@open-wc/testing';
|
|
2
|
+
// import { TembaSlider } from '../src/slider/TembaSlider';
|
|
3
|
+
// import { assertScreenshot, getClip } from './utils.test';
|
|
4
|
+
|
|
5
|
+
describe('temba-slider', () => {
|
|
6
|
+
// it('renders default slider', async () => {});
|
|
7
|
+
// it('renders a slider with visible ranges', async () => {});
|
|
8
|
+
// it('updates slider position on element value change', async () => {});
|
|
9
|
+
// it('updates slider position on when track clicked', async () => {});
|
|
10
|
+
// it('updates slider position on circle drag', async () => {});
|
|
11
|
+
});
|