@policystudio/policy-studio-ui-vue 1.1.90-beta.12 → 1.1.90-beta.17
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/.eslintrc.js +2 -1
- package/.github/workflows/deploy-storybook.yml +4 -4
- package/.nvmrc +1 -0
- package/dist/css/psui_styles_output.css +6986 -0
- package/package.json +9 -23
- package/src/assets/scss/components/PsDataTable.scss +1 -1
- package/src/components/accordion/PsAccordionItem.vue +75 -75
- package/src/components/badges-and-tags/PsBadgeWithIcon.vue +31 -34
- package/src/components/badges-and-tags/PsCardInfos.vue +40 -41
- package/src/components/badges-and-tags/PsChartLegend.vue +47 -51
- package/src/components/badges-and-tags/PsClimateZoneBadge.vue +14 -19
- package/src/components/badges-and-tags/PsCostEffectBar.vue +24 -56
- package/src/components/badges-and-tags/PsDateCardInfo.vue +17 -18
- package/src/components/badges-and-tags/PsHighlightRippleDot.vue +3 -2
- package/src/components/badges-and-tags/PsMiniTag.vue +39 -41
- package/src/components/badges-and-tags/PsProgressBar.vue +72 -68
- package/src/components/badges-and-tags/PsTagScope.vue +17 -22
- package/src/components/badges-and-tags/PsTestimonialCard.vue +20 -26
- package/src/components/buttons/PsButton.vue +61 -62
- package/src/components/chips/PsChips.vue +98 -101
- package/src/components/controls/PsCheckbox.vue +84 -84
- package/src/components/controls/PsCheckboxSimple.vue +95 -95
- package/src/components/controls/PsDraggable.vue +53 -55
- package/src/components/controls/PsInlineSelector.vue +99 -99
- package/src/components/controls/PsRadioButton.vue +59 -58
- package/src/components/controls/PsRadioButtonSimple.vue +79 -75
- package/src/components/controls/PsSlider.vue +185 -176
- package/src/components/controls/PsSwitch.vue +51 -52
- package/src/components/controls/PsToggle.vue +53 -50
- package/src/components/data-graphics/PsBarChart.vue +19 -21
- package/src/components/datatable/PsDataTable.vue +56 -60
- package/src/components/datatable/PsDataTableItem.vue +14 -28
- package/src/components/forms/PsDropdown.vue +164 -162
- package/src/components/forms/PsDropdownList.vue +132 -129
- package/src/components/forms/PsInput.vue +155 -153
- package/src/components/forms/PsInputSelect.vue +91 -92
- package/src/components/forms/PsInputTextArea.vue +71 -71
- package/src/components/navigations/PsBreadcrumb.vue +26 -34
- package/src/components/notifications/PsDialog.vue +57 -56
- package/src/components/notifications/PsSimpleAlert.vue +28 -29
- package/src/components/notifications/PsToast.vue +40 -39
- package/src/components/table-results/PsTableResults.vue +452 -458
- package/src/components/table-results/PsTableResultsBody.vue +66 -67
- package/src/components/table-results/PsTableResultsHead.vue +62 -56
- package/src/components/table-results/PsTableResultsHeadComparison.vue +62 -56
- package/src/components/table-results/PsTableResultsHeadFlexible.vue +63 -56
- package/src/components/table-results/PsTableResultsRow.vue +55 -56
- package/src/components/tabs/PsTabHeader.vue +106 -100
- package/src/components/tooltip/PsDialogTooltip.vue +96 -101
- package/src/components/tooltip/PsRichTooltip.vue +42 -45
- package/src/components/tooltip/PsTooltip.vue +111 -116
- package/src/components/ui/PsDotLoader.vue +1 -5
- package/src/components/ui/PsIcon.vue +126 -129
- package/src/index.ts +57 -71
- package/src/tsconfig.json +12 -0
- package/src/{shims-vue.d.ts → types/index.d.ts} +0 -5
- package/src/util/{GeneralFunctions.ts → GeneralFunctions.js} +0 -3
- package/src/util/directives.ts +24 -0
- package/src/util/eventBus.js +10 -0
- package/src/util/{imageLoader.ts → imageLoader.js} +7 -8
- package/tailwind.config.js +1 -1
- package/tsconfig.json +15 -17
- package/.storybook/PolicyStudio.ts +0 -11
- package/.storybook/eventBus.ts +0 -26
- package/.storybook/main.ts +0 -21
- package/.storybook/manager.ts +0 -7
- package/.storybook/preview.ts +0 -17
- package/dist/contents/ComparisonData.js +0 -376
- package/dist/contents/ComparisonData.js.map +0 -1
- package/dist/contents/FlexibleData.js +0 -501
- package/dist/contents/FlexibleData.js.map +0 -1
- package/dist/contents/ResultsData.js +0 -530
- package/dist/contents/ResultsData.js.map +0 -1
- package/dist/css/psui_styles.css +0 -4647
- package/dist/index.js +0 -114
- package/dist/index.js.map +0 -1
- package/dist/stories/Accordion.stories.js +0 -56
- package/dist/stories/Accordion.stories.js.map +0 -1
- package/dist/stories/BadgeWithIcon.stories.js +0 -28
- package/dist/stories/BadgeWithIcon.stories.js.map +0 -1
- package/dist/stories/BarChart.stories.js +0 -16
- package/dist/stories/BarChart.stories.js.map +0 -1
- package/dist/stories/Breadcrumb.stories.js +0 -21
- package/dist/stories/Breadcrumb.stories.js.map +0 -1
- package/dist/stories/Button.stories.js +0 -44
- package/dist/stories/Button.stories.js.map +0 -1
- package/dist/stories/CardInfos.stories.js +0 -13
- package/dist/stories/CardInfos.stories.js.map +0 -1
- package/dist/stories/ChartLegend.stories.js +0 -13
- package/dist/stories/ChartLegend.stories.js.map +0 -1
- package/dist/stories/Checkbox.stories.js +0 -44
- package/dist/stories/Checkbox.stories.js.map +0 -1
- package/dist/stories/CheckboxSimple.stories.js +0 -48
- package/dist/stories/CheckboxSimple.stories.js.map +0 -1
- package/dist/stories/Chips.stories.js +0 -27
- package/dist/stories/Chips.stories.js.map +0 -1
- package/dist/stories/ClimateZoneBadge.stories.js +0 -15
- package/dist/stories/ClimateZoneBadge.stories.js.map +0 -1
- package/dist/stories/CostEffectBar.stories.js +0 -21
- package/dist/stories/CostEffectBar.stories.js.map +0 -1
- package/dist/stories/Datatable.stories.js +0 -45
- package/dist/stories/Datatable.stories.js.map +0 -1
- package/dist/stories/DateCardInfo.stories.js +0 -18
- package/dist/stories/DateCardInfo.stories.js.map +0 -1
- package/dist/stories/Dialog.stories.js +0 -127
- package/dist/stories/Dialog.stories.js.map +0 -1
- package/dist/stories/Draggable.stories.js +0 -20
- package/dist/stories/Draggable.stories.js.map +0 -1
- package/dist/stories/Dropdown.stories.js +0 -98
- package/dist/stories/Dropdown.stories.js.map +0 -1
- package/dist/stories/DropdownList.stories.js +0 -208
- package/dist/stories/DropdownList.stories.js.map +0 -1
- package/dist/stories/Header.stories.js +0 -39
- package/dist/stories/Header.stories.js.map +0 -1
- package/dist/stories/HighlightRippleDot.stories.js +0 -13
- package/dist/stories/HighlightRippleDot.stories.js.map +0 -1
- package/dist/stories/Icon.stories.js +0 -19
- package/dist/stories/Icon.stories.js.map +0 -1
- package/dist/stories/InlineSelector.stories.js +0 -16
- package/dist/stories/InlineSelector.stories.js.map +0 -1
- package/dist/stories/Input.stories.js +0 -235
- package/dist/stories/Input.stories.js.map +0 -1
- package/dist/stories/InputSelect.stories.js +0 -28
- package/dist/stories/InputSelect.stories.js.map +0 -1
- package/dist/stories/InputTextArea.stories.js +0 -23
- package/dist/stories/InputTextArea.stories.js.map +0 -1
- package/dist/stories/MiniTag.stories.js +0 -44
- package/dist/stories/MiniTag.stories.js.map +0 -1
- package/dist/stories/Playground.stories.js +0 -14
- package/dist/stories/Playground.stories.js.map +0 -1
- package/dist/stories/ProgressBar.stories.js +0 -21
- package/dist/stories/ProgressBar.stories.js.map +0 -1
- package/dist/stories/RadioButton.stories.js +0 -36
- package/dist/stories/RadioButton.stories.js.map +0 -1
- package/dist/stories/RadioButtonSimple.stories.js +0 -40
- package/dist/stories/RadioButtonSimple.stories.js.map +0 -1
- package/dist/stories/SimpleAlert.stories.js +0 -19
- package/dist/stories/SimpleAlert.stories.js.map +0 -1
- package/dist/stories/Slider.stories.js +0 -70
- package/dist/stories/Slider.stories.js.map +0 -1
- package/dist/stories/Switch.stories.js +0 -35
- package/dist/stories/Switch.stories.js.map +0 -1
- package/dist/stories/TabHeader.stories.js +0 -48
- package/dist/stories/TabHeader.stories.js.map +0 -1
- package/dist/stories/TableResults.stories.js +0 -717
- package/dist/stories/TableResults.stories.js.map +0 -1
- package/dist/stories/TagScope.stories.js +0 -16
- package/dist/stories/TagScope.stories.js.map +0 -1
- package/dist/stories/TestimonialCard.stories.js +0 -24
- package/dist/stories/TestimonialCard.stories.js.map +0 -1
- package/dist/stories/Toast.stories.js +0 -51
- package/dist/stories/Toast.stories.js.map +0 -1
- package/dist/stories/Toggle.stories.js +0 -42
- package/dist/stories/Toggle.stories.js.map +0 -1
- package/dist/stories/Tooltip.stories.js +0 -108
- package/dist/stories/Tooltip.stories.js.map +0 -1
- package/dist/util/GeneralFunctions.js +0 -29
- package/dist/util/GeneralFunctions.js.map +0 -1
- package/dist/util/imageLoader.js +0 -52
- package/dist/util/imageLoader.js.map +0 -1
- package/postcss.config.js +0 -8
- package/src/assets/images/multifamily-units.svg +0 -10
- package/src/assets/images/policy-studio.svg +0 -15
- package/src/components/playground/PsScrollBar.vue +0 -320
- package/src/contents/ComparisonData.ts +0 -378
- package/src/contents/FlexibleData.ts +0 -502
- package/src/contents/ResultsData.ts +0 -531
- package/src/stories/Accordion.stories.ts +0 -59
- package/src/stories/BadgeWithIcon.stories.ts +0 -31
- package/src/stories/BarChart.stories.ts +0 -17
- package/src/stories/Breadcrumb.stories.ts +0 -22
- package/src/stories/Button.stories.ts +0 -48
- package/src/stories/Button.vue +0 -59
- package/src/stories/CardInfos.stories.ts +0 -15
- package/src/stories/ChartLegend.stories.ts +0 -15
- package/src/stories/Checkbox.stories.ts +0 -45
- package/src/stories/CheckboxSimple.stories.ts +0 -49
- package/src/stories/Chips.stories.ts +0 -33
- package/src/stories/ClimateZoneBadge.stories.ts +0 -18
- package/src/stories/Colors.mdx +0 -70
- package/src/stories/CostEffectBar.stories.ts +0 -24
- package/src/stories/Datatable.stories.ts +0 -53
- package/src/stories/DateCardInfo.stories.ts +0 -20
- package/src/stories/Dialog.stories.ts +0 -131
- package/src/stories/Draggable.stories.ts +0 -23
- package/src/stories/Dropdown.stories.ts +0 -100
- package/src/stories/DropdownList.stories.ts +0 -213
- package/src/stories/ElevationSystem.mdx +0 -41
- package/src/stories/Header.stories.ts +0 -42
- package/src/stories/Header.vue +0 -77
- package/src/stories/HighlightRippleDot.stories.ts +0 -16
- package/src/stories/Icon.stories.ts +0 -23
- package/src/stories/InlineSelector.stories.ts +0 -18
- package/src/stories/Input.stories.ts +0 -243
- package/src/stories/InputSelect.stories.ts +0 -31
- package/src/stories/InputTextArea.stories.ts +0 -25
- package/src/stories/Introduction.mdx +0 -211
- package/src/stories/MiniTag.stories.ts +0 -59
- package/src/stories/Playground.stories.ts +0 -16
- package/src/stories/ProgressBar.stories.ts +0 -24
- package/src/stories/RadioButton.stories.ts +0 -40
- package/src/stories/RadioButtonSimple.stories.ts +0 -43
- package/src/stories/SimpleAlert.stories.ts +0 -22
- package/src/stories/Slider.stories.ts +0 -79
- package/src/stories/Switch.stories.ts +0 -39
- package/src/stories/TabHeader.stories.ts +0 -57
- package/src/stories/TableResults.stories.ts +0 -728
- package/src/stories/TagScope.stories.ts +0 -17
- package/src/stories/TestimonialCard.stories.ts +0 -27
- package/src/stories/Toast.stories.ts +0 -52
- package/src/stories/Toggle.stories.ts +0 -48
- package/src/stories/Tooltip.stories.ts +0 -114
- package/src/stories/Typography.mdx +0 -212
- package/src/stories/assets/code-brackets.svg +0 -1
- package/src/stories/assets/colors.svg +0 -1
- package/src/stories/assets/comments.svg +0 -1
- package/src/stories/assets/direction.svg +0 -1
- package/src/stories/assets/flow.svg +0 -1
- package/src/stories/assets/plugin.svg +0 -1
- package/src/stories/assets/repo.svg +0 -1
- package/src/stories/assets/stackalt.svg +0 -1
- package/src/stories/button.css +0 -30
- package/src/stories/header.css +0 -32
- package/webpack.config.js +0 -36
package/dist/index.js
DELETED
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* General Components
|
|
3
|
-
*/
|
|
4
|
-
import PsButton from './components/buttons/PsButton.vue';
|
|
5
|
-
import PsCheckbox from './components/controls/PsCheckbox.vue';
|
|
6
|
-
import PsRadioButton from './components/controls/PsRadioButton.vue';
|
|
7
|
-
import PsSlider from './components/controls/PsSlider.vue';
|
|
8
|
-
import PsSwitch from './components/controls/PsSwitch.vue';
|
|
9
|
-
import PsToggle from './components/controls/PsToggle.vue';
|
|
10
|
-
import PsInput from './components/forms/PsInput.vue';
|
|
11
|
-
import PsDropdown from './components/forms/PsDropdown.vue';
|
|
12
|
-
import PsDropdownList from './components/forms/PsDropdownList.vue';
|
|
13
|
-
import PsInputTextArea from './components/forms/PsInputTextArea.vue';
|
|
14
|
-
import PsInputSelect from './components/forms/PsInputSelect.vue';
|
|
15
|
-
import PsDialog from './components/notifications/PsDialog.vue';
|
|
16
|
-
import PsToast from './components/notifications/PsToast.vue';
|
|
17
|
-
import PsTabHeader from './components/tabs/PsTabHeader.vue';
|
|
18
|
-
import PsAccordion from './components/accordion/PsAccordion.vue';
|
|
19
|
-
import PsAccordionItem from './components/accordion/PsAccordionItem.vue';
|
|
20
|
-
import PsChips from './components/chips/PsChips.vue';
|
|
21
|
-
import PsDataTable from './components/datatable/PsDataTable.vue';
|
|
22
|
-
import PsDataTableItem from './components/datatable/PsDataTableItem.vue';
|
|
23
|
-
import PsTableResults from './components/table-results/PsTableResults.vue';
|
|
24
|
-
import PsTableResultsBody from './components/table-results/PsTableResultsBody.vue';
|
|
25
|
-
import PsTableResultsHead from './components/table-results/PsTableResultsHead.vue';
|
|
26
|
-
import PsTableResultsHeadComparison from './components/table-results/PsTableResultsHeadComparison.vue';
|
|
27
|
-
import PsTableResultsHeadFlexible from './components/table-results/PsTableResultsHeadFlexible.vue';
|
|
28
|
-
import PsIcon from './components/ui/PsIcon.vue';
|
|
29
|
-
import PsDotLoader from './components/ui/PsDotLoader.vue';
|
|
30
|
-
import PsTooltip from './components/tooltip/PsTooltip.vue';
|
|
31
|
-
import PsRichTooltip from './components/tooltip/PsRichTooltip.vue';
|
|
32
|
-
import PsDialogTooltip from './components/tooltip/PsDialogTooltip.vue';
|
|
33
|
-
import PsDraggable from './components/controls/PsDraggable.vue';
|
|
34
|
-
import PsCardInfos from './components/badges-and-tags/PsCardInfos.vue';
|
|
35
|
-
import PsChartLegend from './components/badges-and-tags/PsChartLegend.vue';
|
|
36
|
-
import PsInlineSelector from './components/controls/PsInlineSelector.vue';
|
|
37
|
-
import PsScrollBar from './components/playground/PsScrollBar.vue';
|
|
38
|
-
import PsMiniTag from './components/badges-and-tags/PsMiniTag.vue';
|
|
39
|
-
import PsCheckboxSimple from './components/controls/PsCheckboxSimple.vue';
|
|
40
|
-
import PsBadgeWithIcon from './components/badges-and-tags/PsBadgeWithIcon.vue';
|
|
41
|
-
import PsProgressBar from './components/badges-and-tags/PsProgressBar.vue';
|
|
42
|
-
import PsRadioButtonSimple from './components/controls/PsRadioButtonSimple.vue';
|
|
43
|
-
import PsTestimonialCard from './components/badges-and-tags/PsTestimonialCard.vue';
|
|
44
|
-
import PsDateCardInfo from './components/badges-and-tags/PsDateCardInfo.vue';
|
|
45
|
-
import PsTagScope from './components/badges-and-tags/PsTagScope.vue';
|
|
46
|
-
import PsBarChart from './components/data-graphics/PsBarChart.vue';
|
|
47
|
-
import PsSimpleAlert from './components/notifications/PsSimpleAlert.vue';
|
|
48
|
-
import PsBreadcrumb from './components/navigations/PsBreadcrumb.vue';
|
|
49
|
-
export default {
|
|
50
|
-
install(Vue) {
|
|
51
|
-
Vue.component('PsButton', PsButton);
|
|
52
|
-
Vue.component('PsCheckbox', PsCheckbox);
|
|
53
|
-
Vue.component('PsDialog', PsDialog);
|
|
54
|
-
Vue.component('PsToast', PsToast);
|
|
55
|
-
Vue.component('PsTabHeader', PsTabHeader);
|
|
56
|
-
Vue.component('PsRadioButton', PsRadioButton);
|
|
57
|
-
Vue.component('PsSlider', PsSlider);
|
|
58
|
-
Vue.component('PsSwitch', PsSwitch);
|
|
59
|
-
Vue.component('PsInput', PsInput);
|
|
60
|
-
Vue.component('PsToggle', PsToggle);
|
|
61
|
-
Vue.component('PsAccordion', PsAccordion);
|
|
62
|
-
Vue.component('PsAccordionItem', PsAccordionItem);
|
|
63
|
-
Vue.component('PsChips', PsChips);
|
|
64
|
-
Vue.component('PsDataTable', PsDataTable);
|
|
65
|
-
Vue.component('PsDataTableItem', PsDataTableItem);
|
|
66
|
-
Vue.component('PsTableResults', PsTableResults);
|
|
67
|
-
Vue.component('PsTableResultsHead', PsTableResultsHead);
|
|
68
|
-
Vue.component('PsTableResultsHeadComparison', PsTableResultsHeadComparison);
|
|
69
|
-
Vue.component('PsTableResultsBody', PsTableResultsBody);
|
|
70
|
-
Vue.component('PsTableResultsHeadFlexible', PsTableResultsHeadFlexible);
|
|
71
|
-
Vue.component('PsIcon', PsIcon);
|
|
72
|
-
Vue.component('PsDotLoader', PsDotLoader);
|
|
73
|
-
Vue.component('PsTooltip', PsTooltip);
|
|
74
|
-
Vue.component('PsRichTooltip', PsRichTooltip);
|
|
75
|
-
Vue.component('PsDialogTooltip', PsDialogTooltip);
|
|
76
|
-
Vue.component('PsDraggable', PsDraggable);
|
|
77
|
-
Vue.component('PsCardInfos', PsCardInfos);
|
|
78
|
-
Vue.component('PsChartLegend', PsChartLegend);
|
|
79
|
-
Vue.component('PsInlineSelector', PsInlineSelector);
|
|
80
|
-
Vue.component('PsInputTextArea', PsInputTextArea);
|
|
81
|
-
Vue.component('PsInputSelect', PsInputSelect);
|
|
82
|
-
Vue.component('PsDropdown', PsDropdown);
|
|
83
|
-
Vue.component('PsDropdownList', PsDropdownList);
|
|
84
|
-
Vue.component('PsScrollBar', PsScrollBar);
|
|
85
|
-
Vue.component('PsMiniTag', PsMiniTag);
|
|
86
|
-
Vue.component('PsCheckboxSimple', PsCheckboxSimple);
|
|
87
|
-
Vue.component('PsBadgeWithIcon', PsBadgeWithIcon);
|
|
88
|
-
Vue.component('PsProgressBar', PsProgressBar);
|
|
89
|
-
Vue.component('PsRadioButtonSimple', PsRadioButtonSimple);
|
|
90
|
-
Vue.component('PsTestimonialCard', PsTestimonialCard);
|
|
91
|
-
Vue.component('PsDateCardInfo', PsDateCardInfo);
|
|
92
|
-
Vue.component('PsTagScope', PsTagScope);
|
|
93
|
-
Vue.component('PsBarChart', PsBarChart);
|
|
94
|
-
Vue.component('PsSimpleAlert', PsSimpleAlert);
|
|
95
|
-
Vue.component('PsBreadcrumb', PsBreadcrumb);
|
|
96
|
-
Vue.directive('click-outside', {
|
|
97
|
-
bind: function (el, binding, vnode) {
|
|
98
|
-
el.clickOutsideEvent = function (event) {
|
|
99
|
-
// here I check that click was outside the el and his children
|
|
100
|
-
if (!(el == event.target || el.contains(event.target))) {
|
|
101
|
-
// and if it did, call method provided in attribute value
|
|
102
|
-
vnode.context[binding.expression](event);
|
|
103
|
-
}
|
|
104
|
-
};
|
|
105
|
-
document.body.addEventListener('click', el.clickOutsideEvent);
|
|
106
|
-
},
|
|
107
|
-
unbind: function (el) {
|
|
108
|
-
document.body.removeEventListener('click', el.clickOutsideEvent);
|
|
109
|
-
},
|
|
110
|
-
});
|
|
111
|
-
},
|
|
112
|
-
};
|
|
113
|
-
export { PsButton, PsCheckbox, PsRadioButton, PsSlider, PsSwitch, PsToggle, PsInput, PsDialog, PsToast, PsTabHeader, PsAccordion, PsAccordionItem, PsChips, PsDataTable, PsDataTableItem, PsTableResults, PsTableResultsHead, PsTableResultsBody, PsTableResultsHeadFlexible, PsTableResultsHeadComparison, PsIcon, PsDotLoader, PsTooltip, PsRichTooltip, PsDialogTooltip, PsDraggable, PsCardInfos, PsChartLegend, PsInlineSelector, PsInputTextArea, PsInputSelect, PsDropdown, PsDropdownList, PsScrollBar, PsMiniTag, PsCheckboxSimple, PsBadgeWithIcon, PsProgressBar, PsRadioButtonSimple, PsTestimonialCard, PsDateCardInfo, PsTagScope, PsBarChart, PsSimpleAlert, PsBreadcrumb };
|
|
114
|
-
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,QAAQ,MAAM,mCAAmC,CAAA;AACxD,OAAO,UAAU,MAAM,sCAAsC,CAAA;AAC7D,OAAO,aAAa,MAAM,yCAAyC,CAAA;AACnE,OAAO,QAAQ,MAAM,oCAAoC,CAAA;AACzD,OAAO,QAAQ,MAAM,oCAAoC,CAAA;AACzD,OAAO,QAAQ,MAAM,oCAAoC,CAAA;AACzD,OAAO,OAAO,MAAM,gCAAgC,CAAA;AACpD,OAAO,UAAU,MAAM,mCAAmC,CAAA;AAC1D,OAAO,cAAc,MAAM,uCAAuC,CAAA;AAClE,OAAO,eAAe,MAAM,wCAAwC,CAAA;AACpE,OAAO,aAAa,MAAM,sCAAsC,CAAA;AAChE,OAAO,QAAQ,MAAM,yCAAyC,CAAA;AAC9D,OAAO,OAAO,MAAM,wCAAwC,CAAA;AAC5D,OAAO,WAAW,MAAM,mCAAmC,CAAA;AAC3D,OAAO,WAAW,MAAM,wCAAwC,CAAA;AAChE,OAAO,eAAe,MAAM,4CAA4C,CAAA;AACxE,OAAO,OAAO,MAAM,gCAAgC,CAAA;AACpD,OAAO,WAAW,MAAM,wCAAwC,CAAA;AAChE,OAAO,eAAe,MAAM,4CAA4C,CAAA;AACxE,OAAO,cAAc,MAAM,+CAA+C,CAAA;AAC1E,OAAO,kBAAkB,MAAM,mDAAmD,CAAA;AAClF,OAAO,kBAAkB,MAAM,mDAAmD,CAAA;AAClF,OAAO,4BAA4B,MAAM,6DAA6D,CAAA;AACtG,OAAO,0BAA0B,MAAM,2DAA2D,CAAA;AAClG,OAAO,MAAM,MAAM,4BAA4B,CAAA;AAC/C,OAAO,WAAW,MAAM,iCAAiC,CAAA;AACzD,OAAO,SAAS,MAAM,oCAAoC,CAAA;AAC1D,OAAO,aAAa,MAAM,wCAAwC,CAAA;AAClE,OAAO,eAAe,MAAM,0CAA0C,CAAA;AACtE,OAAO,WAAW,MAAM,uCAAuC,CAAA;AAC/D,OAAO,WAAW,MAAM,8CAA8C,CAAA;AACtE,OAAO,aAAa,MAAM,gDAAgD,CAAA;AAC1E,OAAO,gBAAgB,MAAM,4CAA4C,CAAA;AACzE,OAAO,WAAW,MAAM,yCAAyC,CAAA;AACjE,OAAO,SAAS,MAAM,4CAA4C,CAAA;AAClE,OAAO,gBAAgB,MAAM,4CAA4C,CAAA;AACzE,OAAO,eAAe,MAAM,kDAAkD,CAAA;AAC9E,OAAO,aAAa,MAAM,gDAAgD,CAAA;AAC1E,OAAO,mBAAmB,MAAM,+CAA+C,CAAA;AAC/E,OAAO,iBAAiB,MAAM,oDAAoD,CAAA;AAClF,OAAO,cAAc,MAAM,iDAAiD,CAAA;AAC5E,OAAO,UAAU,MAAM,6CAA6C,CAAA;AACpE,OAAO,UAAU,MAAM,2CAA2C,CAAA;AAClE,OAAO,aAAa,MAAM,8CAA8C,CAAA;AACxE,OAAO,YAAY,MAAM,2CAA2C,CAAA;AAGpE,eAAe;IACb,OAAO,CAAC,GAAG;QACT,GAAG,CAAC,SAAS,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;QACnC,GAAG,CAAC,SAAS,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA;QACvC,GAAG,CAAC,SAAS,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;QACnC,GAAG,CAAC,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;QACjC,GAAG,CAAC,SAAS,CAAC,aAAa,EAAE,WAAW,CAAC,CAAA;QACzC,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE,aAAa,CAAC,CAAA;QAC7C,GAAG,CAAC,SAAS,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;QACnC,GAAG,CAAC,SAAS,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;QACnC,GAAG,CAAC,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;QACjC,GAAG,CAAC,SAAS,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;QACnC,GAAG,CAAC,SAAS,CAAC,aAAa,EAAE,WAAW,CAAC,CAAA;QACzC,GAAG,CAAC,SAAS,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAA;QACjD,GAAG,CAAC,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;QACjC,GAAG,CAAC,SAAS,CAAC,aAAa,EAAE,WAAW,CAAC,CAAA;QACzC,GAAG,CAAC,SAAS,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAA;QACjD,GAAG,CAAC,SAAS,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAA;QAC/C,GAAG,CAAC,SAAS,CAAC,oBAAoB,EAAE,kBAAkB,CAAC,CAAA;QACvD,GAAG,CAAC,SAAS,CAAC,8BAA8B,EAAE,4BAA4B,CAAC,CAAA;QAC3E,GAAG,CAAC,SAAS,CAAC,oBAAoB,EAAE,kBAAkB,CAAC,CAAA;QACvD,GAAG,CAAC,SAAS,CAAC,4BAA4B,EAAC,0BAA0B,CAAC,CAAA;QACtE,GAAG,CAAC,SAAS,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;QAC/B,GAAG,CAAC,SAAS,CAAC,aAAa,EAAE,WAAW,CAAC,CAAA;QACzC,GAAG,CAAC,SAAS,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;QACrC,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE,aAAa,CAAC,CAAA;QAC7C,GAAG,CAAC,SAAS,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAA;QACjD,GAAG,CAAC,SAAS,CAAC,aAAa,EAAE,WAAW,CAAC,CAAA;QACzC,GAAG,CAAC,SAAS,CAAC,aAAa,EAAE,WAAW,CAAC,CAAA;QACzC,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE,aAAa,CAAC,CAAA;QAC7C,GAAG,CAAC,SAAS,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAA;QACnD,GAAG,CAAC,SAAS,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAA;QACjD,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE,aAAa,CAAC,CAAA;QAC7C,GAAG,CAAC,SAAS,CAAC,YAAY,EAAC,UAAU,CAAC,CAAA;QACtC,GAAG,CAAC,SAAS,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAA;QAC/C,GAAG,CAAC,SAAS,CAAC,aAAa,EAAE,WAAW,CAAC,CAAA;QACzC,GAAG,CAAC,SAAS,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;QACrC,GAAG,CAAC,SAAS,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAA;QACnD,GAAG,CAAC,SAAS,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAA;QACjD,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE,aAAa,CAAC,CAAA;QAC7C,GAAG,CAAC,SAAS,CAAC,qBAAqB,EAAE,mBAAmB,CAAC,CAAA;QACzD,GAAG,CAAC,SAAS,CAAC,mBAAmB,EAAC,iBAAiB,CAAC,CAAA;QACpD,GAAG,CAAC,SAAS,CAAC,gBAAgB,EAAC,cAAc,CAAC,CAAA;QAC9C,GAAG,CAAC,SAAS,CAAC,YAAY,EAAC,UAAU,CAAC,CAAA;QACtC,GAAG,CAAC,SAAS,CAAC,YAAY,EAAC,UAAU,CAAC,CAAA;QACtC,GAAG,CAAC,SAAS,CAAC,eAAe,EAAC,aAAa,CAAC,CAAA;QAC5C,GAAG,CAAC,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC,CAAA;QAG3C,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE;YAC7B,IAAI,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK;gBAChC,EAAE,CAAC,iBAAiB,GAAG,UAAU,KAAK;oBACpC,8DAA8D;oBAC9D,IAAI,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE;wBACtD,yDAAyD;wBACzD,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAA;qBACzC;gBACH,CAAC,CAAA;gBACD,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAA;YAC/D,CAAC;YACD,MAAM,EAAE,UAAU,EAAE;gBAClB,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAA;YAClE,CAAC;SACF,CAAC,CAAA;IACJ,CAAC;CACF,CAAA;AAED,OAAO,EACL,QAAQ,EACR,UAAU,EACV,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACP,WAAW,EACX,WAAW,EACX,eAAe,EACf,OAAO,EACP,WAAW,EACX,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,0BAA0B,EAC1B,4BAA4B,EAC5B,MAAM,EACN,WAAW,EACX,SAAS,EACT,aAAa,EACb,eAAe,EACf,WAAW,EACX,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,UAAU,EACV,cAAc,EACd,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,UAAU,EACV,UAAU,EACV,aAAa,EACb,YAAY,EACb,CAAA"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import PsAccordionItem from '../components/accordion/PsAccordionItem.vue';
|
|
2
|
-
import PsAccordion from '../components/accordion/PsAccordion.vue';
|
|
3
|
-
export default {
|
|
4
|
-
title: 'Components/Accordion',
|
|
5
|
-
component: PsAccordion,
|
|
6
|
-
subcomponents: { PsAccordionItem },
|
|
7
|
-
};
|
|
8
|
-
export const Index = (args, { argTypes }) => ({
|
|
9
|
-
props: Object.keys({ argTypes, args }),
|
|
10
|
-
components: { PsAccordion, PsAccordionItem },
|
|
11
|
-
template: `
|
|
12
|
-
<div class="psui-p-8 psui-bg-gray-10 psui-grid psui-grid-cols-2 psui-gap-6">
|
|
13
|
-
<div>
|
|
14
|
-
<div class="psui-my-4">
|
|
15
|
-
<h1 class="psui-font-bold psui-border-b psui-border-gray-30">Accordion Big</h1>
|
|
16
|
-
</div>
|
|
17
|
-
<PsAccordion layout="big" class="psui-bg-white">
|
|
18
|
-
<PsAccordionItem title="Header 01">
|
|
19
|
-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
|
|
20
|
-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
|
|
21
|
-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
|
|
22
|
-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
|
|
23
|
-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
|
|
24
|
-
</PsAccordionItem>
|
|
25
|
-
<PsAccordionItem title="Header 02">
|
|
26
|
-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
|
|
27
|
-
</PsAccordionItem>
|
|
28
|
-
<PsAccordionItem title="Header 03">
|
|
29
|
-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
|
|
30
|
-
</PsAccordionItem>
|
|
31
|
-
</PsAccordion>
|
|
32
|
-
</div>
|
|
33
|
-
|
|
34
|
-
<div>
|
|
35
|
-
<div class="psui-my-4">
|
|
36
|
-
<h1 class="psui-font-bold psui-border-b psui-border-gray-30">Accordion Medium</h1>
|
|
37
|
-
</div>
|
|
38
|
-
<PsAccordion layout="medium" class="psui-bg-white">
|
|
39
|
-
<PsAccordionItem title="Header 01">
|
|
40
|
-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
|
|
41
|
-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
|
|
42
|
-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
|
|
43
|
-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
|
|
44
|
-
</PsAccordionItem>
|
|
45
|
-
<PsAccordionItem title="Header 02" :opened="false">
|
|
46
|
-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
|
|
47
|
-
</PsAccordionItem>
|
|
48
|
-
<PsAccordionItem title="Header 03">
|
|
49
|
-
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illum.</p>
|
|
50
|
-
</PsAccordionItem>
|
|
51
|
-
</PsAccordion>
|
|
52
|
-
</div>
|
|
53
|
-
</div>
|
|
54
|
-
`,
|
|
55
|
-
});
|
|
56
|
-
//# sourceMappingURL=Accordion.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../src/stories/Accordion.stories.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAO,6CAA6C,CAAA;AAC1E,OAAO,WAAW,MAAM,yCAAyC,CAAA;AAEjE,eAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,WAAW;IACtB,aAAa,EAAE,EAAE,eAAe,EAAE;CACnC,CAAA;AAGD,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,IAAQ,EAAE,EAAE,QAAQ,EAAoB,EAAE,EAAE,CAAC,CAAC;IAClE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;IACpC,UAAU,EAAE,EAAE,WAAW,EAAE,eAAe,EAAE;IAC5C,QAAQ,EACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2CC;CACJ,CAAC,CAAA"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import PsBadgeWithIcon from '../components/badges-and-tags/PsBadgeWithIcon.vue';
|
|
2
|
-
export default {
|
|
3
|
-
title: 'Badges & Tags/Badges/BadgeWithIcon',
|
|
4
|
-
component: PsBadgeWithIcon,
|
|
5
|
-
argTypes: {},
|
|
6
|
-
};
|
|
7
|
-
const TemplateDefault = (args, { argTypes }) => ({
|
|
8
|
-
props: Object.keys(argTypes),
|
|
9
|
-
components: { PsBadgeWithIcon },
|
|
10
|
-
template: `
|
|
11
|
-
<div style="display: flex; flex-direction: column;">
|
|
12
|
-
<div style="width: fit-content; display:flex; gap:70px; margin-left: 40px;">
|
|
13
|
-
<span>Grey</span>
|
|
14
|
-
<span style="margin-left: 8px;">Blue</span>
|
|
15
|
-
<span style="margin-left: 5px;">Green</span>
|
|
16
|
-
<span>Yellow</span>
|
|
17
|
-
</div>
|
|
18
|
-
<div style="width: fit-content; display:flex; gap:5px;">
|
|
19
|
-
<PsBadgeWithIcon/>
|
|
20
|
-
<PsBadgeWithIcon layout="blue"/>
|
|
21
|
-
<PsBadgeWithIcon layout="green"/>
|
|
22
|
-
<PsBadgeWithIcon layout="yellow"/>
|
|
23
|
-
</div>
|
|
24
|
-
</div>
|
|
25
|
-
`
|
|
26
|
-
});
|
|
27
|
-
export const Default = TemplateDefault.bind({});
|
|
28
|
-
//# sourceMappingURL=BadgeWithIcon.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BadgeWithIcon.stories.js","sourceRoot":"","sources":["../../src/stories/BadgeWithIcon.stories.ts"],"names":[],"mappings":"AAAA,OAAQ,eAAe,MAAO,mDAAmD,CAAA;AAEjF,eAAe;IACX,KAAK,EAAE,oCAAoC;IAC3C,SAAS,EAAE,eAAe;IAC1B,QAAQ,EAAE,EACT;CACF,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,IAAQ,EAAE,EAAC,QAAQ,EAAgB,EAAC,EAAE,CAAA,CAAC;IAC9D,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAC,EAAC,eAAe,EAAC;IAC5B,QAAQ,EAAE;;;;;;;;;;;;;;;KAeT;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import PsBarChart from '../components/data-graphics/PsBarChart.vue';
|
|
2
|
-
export default {
|
|
3
|
-
title: 'Data Graphics/Charts/BarChart',
|
|
4
|
-
component: PsBarChart,
|
|
5
|
-
};
|
|
6
|
-
const defaultTemplate = (args, { argTypes }) => ({
|
|
7
|
-
props: Object.keys(argTypes),
|
|
8
|
-
components: { PsBarChart },
|
|
9
|
-
template: `
|
|
10
|
-
<div style='padding: 20px;'>
|
|
11
|
-
<PsBarChart v-bind="$props"/>
|
|
12
|
-
</div>
|
|
13
|
-
`
|
|
14
|
-
});
|
|
15
|
-
export const BarChart = defaultTemplate.bind({});
|
|
16
|
-
//# sourceMappingURL=BarChart.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BarChart.stories.js","sourceRoot":"","sources":["../../src/stories/BarChart.stories.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAA;AACnE,eAAe;IACb,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,UAAU;CACtB,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,IAAQ,EAAE,EAAC,QAAQ,EAAgB,EAAE,EAAE,CAAC,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,UAAU,EAAE;IAC1B,QAAQ,EAAE;;;;KAIP;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import PsBreadcrumb from '../components/navigations/PsBreadcrumb.vue';
|
|
2
|
-
export default {
|
|
3
|
-
title: 'Navigations/Breadcrumb',
|
|
4
|
-
component: PsBreadcrumb,
|
|
5
|
-
argTypes: {},
|
|
6
|
-
};
|
|
7
|
-
const items = [
|
|
8
|
-
{ title: '1st level', route: '' },
|
|
9
|
-
{ title: 'Big name that needs to be shortened', route: '#' },
|
|
10
|
-
{ title: '3rd level', route: '' },
|
|
11
|
-
{ title: '4th level', route: '' },
|
|
12
|
-
];
|
|
13
|
-
const Template = (args, { argTypes }) => ({
|
|
14
|
-
props: Object.keys(argTypes),
|
|
15
|
-
components: { PsBreadcrumb },
|
|
16
|
-
template: `
|
|
17
|
-
<PsBreadcrumb v-bind="$props" />
|
|
18
|
-
`,
|
|
19
|
-
});
|
|
20
|
-
export const Default = Template.bind({});
|
|
21
|
-
//# sourceMappingURL=Breadcrumb.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumb.stories.js","sourceRoot":"","sources":["../../src/stories/Breadcrumb.stories.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,4CAA4C,CAAA;AACrE,eAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,EAAE;CACb,CAAA;AACD,MAAM,KAAK,GAAG;IACZ,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE;IACjC,EAAE,KAAK,EAAE,qCAAqC,EAAE,KAAK,EAAE,GAAG,EAAE;IAC5D,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE;IACjC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE;CAClC,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAQ,EAAE,EAAE,QAAQ,EAAiB,EAAE,EAAE,CAAC,CAAC;IAC3D,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,YAAY,EAAE;IAC5B,QAAQ,EAAE;;GAET;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import MyButton from './Button.vue';
|
|
2
|
-
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
|
|
3
|
-
export default {
|
|
4
|
-
title: 'Example/Button',
|
|
5
|
-
component: MyButton,
|
|
6
|
-
tags: ['autodocs'],
|
|
7
|
-
argTypes: {
|
|
8
|
-
backgroundColor: {
|
|
9
|
-
control: 'color',
|
|
10
|
-
},
|
|
11
|
-
onClick: {},
|
|
12
|
-
size: {
|
|
13
|
-
control: {
|
|
14
|
-
type: 'select',
|
|
15
|
-
},
|
|
16
|
-
options: ['small', 'medium', 'large'],
|
|
17
|
-
},
|
|
18
|
-
},
|
|
19
|
-
};
|
|
20
|
-
// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
|
|
21
|
-
export const Primary = {
|
|
22
|
-
args: {
|
|
23
|
-
primary: true,
|
|
24
|
-
label: 'Button',
|
|
25
|
-
},
|
|
26
|
-
};
|
|
27
|
-
export const Secondary = {
|
|
28
|
-
args: {
|
|
29
|
-
label: 'Button',
|
|
30
|
-
},
|
|
31
|
-
};
|
|
32
|
-
export const Large = {
|
|
33
|
-
args: {
|
|
34
|
-
size: 'large',
|
|
35
|
-
label: 'Button',
|
|
36
|
-
},
|
|
37
|
-
};
|
|
38
|
-
export const Small = {
|
|
39
|
-
args: {
|
|
40
|
-
size: 'small',
|
|
41
|
-
label: 'Button',
|
|
42
|
-
},
|
|
43
|
-
};
|
|
44
|
-
//# sourceMappingURL=Button.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../src/stories/Button.stories.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,cAAc,CAAA;AAEnC,kFAAkF;AAClF,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,eAAe,EAAE;YACf,OAAO,EAAE,OAAO;SACjB;QACD,OAAO,EAAE,EAAE;QACX,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;YACD,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;SACtC;KACF;CACF,CAAA;AAED,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,QAAQ;KAChB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;KAChB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;KAChB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;KAChB;CACF,CAAA"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import PsCardInfos from '../components/badges-and-tags/PsCardInfos.vue';
|
|
2
|
-
export default {
|
|
3
|
-
title: 'Components/CardInfos',
|
|
4
|
-
component: PsCardInfos,
|
|
5
|
-
argTypes: {},
|
|
6
|
-
};
|
|
7
|
-
const Template = (args, { argTypes }) => ({
|
|
8
|
-
props: Object.keys(argTypes),
|
|
9
|
-
components: { PsCardInfos },
|
|
10
|
-
template: '<PsCardInfos v-bind="$props" />',
|
|
11
|
-
});
|
|
12
|
-
export const CardInfos = Template.bind({});
|
|
13
|
-
//# sourceMappingURL=CardInfos.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CardInfos.stories.js","sourceRoot":"","sources":["../../src/stories/CardInfos.stories.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,+CAA+C,CAAA;AAEvE,eAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,EAAE;CACb,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAQ,EAAE,EAAE,QAAQ,EAAmB,EAAE,EAAE,CAAC,CAAC;IAC7D,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,WAAW,EAAE;IAC3B,QAAQ,EAAE,iCAAiC;CAC5C,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import PsChartLegend from '../components/badges-and-tags/PsChartLegend.vue';
|
|
2
|
-
export default {
|
|
3
|
-
title: 'Badges & Tags/Badges/ChartLegend',
|
|
4
|
-
component: PsChartLegend,
|
|
5
|
-
argTypes: {},
|
|
6
|
-
};
|
|
7
|
-
const Template = (args, { argTypes }) => ({
|
|
8
|
-
props: Object.keys(argTypes),
|
|
9
|
-
components: { PsChartLegend },
|
|
10
|
-
template: '<PsChartLegend v-bind="$props" />',
|
|
11
|
-
});
|
|
12
|
-
export const ChartLegend = Template.bind({});
|
|
13
|
-
//# sourceMappingURL=ChartLegend.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChartLegend.stories.js","sourceRoot":"","sources":["../../src/stories/ChartLegend.stories.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,iDAAiD,CAAA;AAE3E,eAAe;IACb,KAAK,EAAE,kCAAkC;IACzC,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE,EAAE;CACb,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAQ,EAAE,EAAE,QAAQ,EAAqB,EAAE,EAAE,CAAC,CAAC;IAC/D,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,aAAa,EAAE;IAC7B,QAAQ,EAAE,mCAAmC;CAC9C,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import PsCheckbox from '../components/controls/PsCheckbox.vue';
|
|
2
|
-
// const icons = ['add_circle', 'delete', 'done', 'info', 'send']
|
|
3
|
-
export default {
|
|
4
|
-
title: 'Controls & Selectors/Checkbox',
|
|
5
|
-
component: PsCheckbox,
|
|
6
|
-
};
|
|
7
|
-
const defaultTemplate = (args, { argTypes }) => ({
|
|
8
|
-
props: Object.keys(argTypes),
|
|
9
|
-
components: { PsCheckbox },
|
|
10
|
-
template: `
|
|
11
|
-
<div style='display:flex; gap: 20px;'>
|
|
12
|
-
<div style='display:flex; flex-direction:column; gap:5px;'>
|
|
13
|
-
<p>Resting</p>
|
|
14
|
-
<div style='display: flex; flex-direction:column; gap: 10px;'>
|
|
15
|
-
<PsCheckbox v-bind="$props" label='Label 1' />
|
|
16
|
-
<PsCheckbox v-bind="$props" label='Label 2' size='small' />
|
|
17
|
-
</div>
|
|
18
|
-
</div>
|
|
19
|
-
<div style='display:flex; flex-direction:column; gap:5px;'>
|
|
20
|
-
<p>Active</p>
|
|
21
|
-
<div style='display: flex; flex-direction:column; gap: 10px;'>
|
|
22
|
-
<PsCheckbox v-bind="$props" label='Label 3' checked />
|
|
23
|
-
<PsCheckbox v-bind="$props" label='Label 4' checked size='small'/>
|
|
24
|
-
</div>
|
|
25
|
-
</div>
|
|
26
|
-
<div style='display:flex; flex-direction:column; gap:5px;'>
|
|
27
|
-
<p>Mixed</p>
|
|
28
|
-
<div style='display: flex; flex-direction:column; gap: 10px;'>
|
|
29
|
-
<PsCheckbox v-bind="$props" label='Label 5' layout='mixed' checked />
|
|
30
|
-
<PsCheckbox v-bind="$props" label='Label 6' layout='mixed' size='small' checked />
|
|
31
|
-
</div>
|
|
32
|
-
</div>
|
|
33
|
-
<div style='display:flex; flex-direction:column; gap:5px;'>
|
|
34
|
-
<p>Disabled</p>
|
|
35
|
-
<div style='display: flex; flex-direction:column; gap: 10px;'>
|
|
36
|
-
<PsCheckbox v-bind="$props" label='Label 7' disabled/>
|
|
37
|
-
<PsCheckbox v-bind="$props" label='Label 8' size='small' disabled/>
|
|
38
|
-
</div>
|
|
39
|
-
</div>
|
|
40
|
-
</div>
|
|
41
|
-
`
|
|
42
|
-
});
|
|
43
|
-
export const Default = defaultTemplate.bind({});
|
|
44
|
-
//# sourceMappingURL=Checkbox.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../src/stories/Checkbox.stories.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,uCAAuC,CAAA;AAC9D,iEAAiE;AACjE,eAAe;IACb,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,UAAU;CACtB,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,IAAQ,EAAE,EAAC,QAAQ,EAAgB,EAAE,EAAE,CAAC,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,UAAU,EAAC;IACzB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+BP;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import PsCheckboxSimple from '../components/controls/PsCheckboxSimple.vue';
|
|
2
|
-
// const icons = ['add_circle', 'delete', 'done', 'info', 'send']
|
|
3
|
-
export default {
|
|
4
|
-
title: 'Text fields & Forms/Inputs V2/Checkbox',
|
|
5
|
-
component: PsCheckboxSimple,
|
|
6
|
-
};
|
|
7
|
-
const defaultTemplate = (args, { argTypes }) => ({
|
|
8
|
-
props: Object.keys(argTypes),
|
|
9
|
-
components: { PsCheckboxSimple },
|
|
10
|
-
data: () => ({
|
|
11
|
-
checkBox1: true
|
|
12
|
-
}),
|
|
13
|
-
template: `
|
|
14
|
-
<div style='display:flex; gap: 20px;'>
|
|
15
|
-
<div style='display:flex; flex-direction:column; gap:5px;'>
|
|
16
|
-
<p>Resting</p>
|
|
17
|
-
<div style='display: flex; flex-direction:column; gap: 10px;'>
|
|
18
|
-
<PsCheckboxSimple :checked="checkBox1" @click="checkBox1 = !checkBox1" label='Label 1' />
|
|
19
|
-
<PsCheckboxSimple v-bind="$props" label='Label 2' size='small' />
|
|
20
|
-
</div>
|
|
21
|
-
</div>
|
|
22
|
-
<div style='display:flex; flex-direction:column; gap:5px;'>
|
|
23
|
-
<p>Active</p>
|
|
24
|
-
<div style='display: flex; flex-direction:column; gap: 10px;'>
|
|
25
|
-
<PsCheckboxSimple v-bind="$props" label='Label 3' checked />
|
|
26
|
-
<PsCheckboxSimple v-bind="$props" label='Label 4' checked size='small'/>
|
|
27
|
-
</div>
|
|
28
|
-
</div>
|
|
29
|
-
<div style='display:flex; flex-direction:column; gap:5px;'>
|
|
30
|
-
<p>Mixed</p>
|
|
31
|
-
<div style='display: flex; flex-direction:column; gap: 10px;'>
|
|
32
|
-
<PsCheckboxSimple v-bind="$props" label='Label 5' layout='mixed' checked />
|
|
33
|
-
<PsCheckboxSimple v-bind="$props" label='Label 6' layout='mixed' size='small' checked />
|
|
34
|
-
</div>
|
|
35
|
-
</div>
|
|
36
|
-
<div style='display:flex; flex-direction:column; gap:5px;'>
|
|
37
|
-
<p>Disabled</p>
|
|
38
|
-
<div style='display: flex; flex-direction:column; gap: 10px;'>
|
|
39
|
-
<PsCheckboxSimple v-bind="$props" label='Input via inputAttrs' :inputAttrs="{ id: 'my-input-id' }" disabled/>
|
|
40
|
-
<PsCheckboxSimple v-bind="$props" label='Input via component id' size='small' id="my-component-id" data-test="test" disabled/>
|
|
41
|
-
<PsCheckboxSimple v-bind="$props" label='Input fallback' size='small' disabled/>
|
|
42
|
-
</div>
|
|
43
|
-
</div>
|
|
44
|
-
</div>
|
|
45
|
-
`
|
|
46
|
-
});
|
|
47
|
-
export const Default = defaultTemplate.bind({});
|
|
48
|
-
//# sourceMappingURL=CheckboxSimple.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxSimple.stories.js","sourceRoot":"","sources":["../../src/stories/CheckboxSimple.stories.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,6CAA6C,CAAA;AAC1E,iEAAiE;AACjE,eAAe;IACb,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,gBAAgB;CAC5B,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,IAAQ,EAAE,EAAC,QAAQ,EAAgB,EAAE,EAAE,CAAC,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,gBAAgB,EAAE;IAChC,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;QACX,SAAS,EAAG,IAAI;KACjB,CAAC;IACF,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgCP;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import PsChips from '../components/chips/PsChips.vue';
|
|
2
|
-
import * as HeaderStories from '../stories/Header.stories';
|
|
3
|
-
const meta = {
|
|
4
|
-
component: PsChips
|
|
5
|
-
};
|
|
6
|
-
export default meta;
|
|
7
|
-
export const Primary = {
|
|
8
|
-
render: (args) => ({
|
|
9
|
-
components: { PsChips },
|
|
10
|
-
setup() {
|
|
11
|
-
return { args };
|
|
12
|
-
},
|
|
13
|
-
template: `<div style="display:flex; gap: 10px;">
|
|
14
|
-
<PsChips v-bind='$props' label="Simple chips with icons" type="button" layout="with-icon" icon="home" @update:checked='isChecked = $event' :checked='isChecked'/>
|
|
15
|
-
<PsChips v-bind='$props' label="Radio chips" type="radio" @update:checked='isChecked = $event' :checked='isChecked'/>
|
|
16
|
-
<PsChips v-bind='$props' label="Checkbox chips" type="checkbox" @update:checked='isCheckedTwo = $event' :checked='isCheckedTwo'/>
|
|
17
|
-
<PsChips v-bind='$props' label="Rich chips" type="button" layout="rich" icon="text_snippet" @update:checked='isChecked = $event' :checked='isChecked'/>
|
|
18
|
-
</div>
|
|
19
|
-
`,
|
|
20
|
-
args: {
|
|
21
|
-
label: 'Simple Chip',
|
|
22
|
-
icon: '',
|
|
23
|
-
...HeaderStories.LoggedIn.args
|
|
24
|
-
}
|
|
25
|
-
})
|
|
26
|
-
};
|
|
27
|
-
//# sourceMappingURL=Chips.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Chips.stories.js","sourceRoot":"","sources":["../../src/stories/Chips.stories.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,iCAAiC,CAAA;AAGrD,OAAO,KAAK,aAAa,MAAM,2BAA2B,CAAA;AAE1D,MAAM,IAAI,GAAyB;IACjC,SAAS,EAAE,OAAO;CACnB,CAAA;AAED,eAAe,IAAI,CAAA;AAInB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACjB,UAAU,EAAE,EAAE,OAAO,EAAE;QACvB,KAAK;YACH,OAAO,EAAE,IAAI,EAAE,CAAA;QACjB,CAAC;QACD,QAAQ,EAAE;;;;;;eAMC;QACX,IAAI,EAAC;YACH,KAAK,EAAE,aAAa;YACpB,IAAI,EAAC,EAAE;YACP,GAAG,aAAa,CAAC,QAAQ,CAAC,IAAI;SAC/B;KACF,CAAC;CACH,CAAA"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import PsClimateZoneBadge from '../components/badges-and-tags/PsClimateZoneBadge.vue';
|
|
2
|
-
export default {
|
|
3
|
-
title: 'Badges & Tags/Badges/ClimateZoneBadge',
|
|
4
|
-
component: PsClimateZoneBadge,
|
|
5
|
-
};
|
|
6
|
-
const Template = (args, { argTypes }) => ({
|
|
7
|
-
props: Object.keys(argTypes),
|
|
8
|
-
components: { PsClimateZoneBadge },
|
|
9
|
-
template: '<PsClimateZoneBadge v-bind="$props" />',
|
|
10
|
-
});
|
|
11
|
-
export const ClimateZoneBadge = Template.bind({});
|
|
12
|
-
ClimateZoneBadge.args = {
|
|
13
|
-
icon: 'area_chart',
|
|
14
|
-
};
|
|
15
|
-
//# sourceMappingURL=ClimateZoneBadge.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ClimateZoneBadge.stories.js","sourceRoot":"","sources":["../../src/stories/ClimateZoneBadge.stories.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,sDAAsD,CAAA;AAErF,eAAe;IACb,KAAK,EAAE,uCAAuC;IAC9C,SAAS,EAAE,kBAAkB;CAC9B,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAQ,EAAE,EAAE,QAAQ,EAAmB,EAAE,EAAE,CAAC,CAAC;IAC7D,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,kBAAkB,EAAE;IAClC,QAAQ,EAAE,wCAAwC;CACnD,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjD,gBAAgB,CAAC,IAAI,GAAG;IACtB,IAAI,EAAE,YAAY;CACnB,CAAA"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import PsCostEffectBar from '../components/badges-and-tags/PsCostEffectBar.vue';
|
|
2
|
-
export default {
|
|
3
|
-
title: 'Badges & Tags/Badges/CostEffectBar',
|
|
4
|
-
component: PsCostEffectBar,
|
|
5
|
-
argTypes: {
|
|
6
|
-
value: {
|
|
7
|
-
control: { type: 'number', min: 0, max: 100 },
|
|
8
|
-
},
|
|
9
|
-
breakEven: {
|
|
10
|
-
control: { type: 'number', min: 0, max: 100 },
|
|
11
|
-
},
|
|
12
|
-
},
|
|
13
|
-
};
|
|
14
|
-
const Template = (args, { argTypes }) => ({
|
|
15
|
-
props: Object.keys(argTypes),
|
|
16
|
-
components: { PsCostEffectBar },
|
|
17
|
-
template: '<PsCostEffectBar v-bind="$props" />',
|
|
18
|
-
});
|
|
19
|
-
export const SimpleProgressBar = Template.bind({});
|
|
20
|
-
SimpleProgressBar.args = {};
|
|
21
|
-
//# sourceMappingURL=CostEffectBar.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CostEffectBar.stories.js","sourceRoot":"","sources":["../../src/stories/CostEffectBar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,mDAAmD,CAAA;AAE/E,eAAe;IACb,KAAK,EAAE,oCAAoC;IAC3C,SAAS,EAAE,eAAe;IAC1B,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE;SAC9C;QACD,SAAS,EAAE;YACT,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE;SAC9C;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAQ,EAAE,EAAE,QAAQ,EAAmB,EAAE,EAAE,CAAC,CAAC;IAC7D,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,eAAe,EAAE;IAC/B,QAAQ,EAAE,qCAAqC;CAChD,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAClD,iBAAiB,CAAC,IAAI,GAAG,EAAE,CAAA"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import PsDataTable, { alignment } from '../components/datatable/PsDataTable.vue';
|
|
2
|
-
import PsDataTableItem from '../components/datatable/PsDataTableItem.vue';
|
|
3
|
-
export default {
|
|
4
|
-
title: 'Data Tables/DataTable',
|
|
5
|
-
component: PsDataTable,
|
|
6
|
-
subcomponents: { PsDataTableItem },
|
|
7
|
-
argTypes: {
|
|
8
|
-
align: { control: { type: 'select', options: alignment } },
|
|
9
|
-
}
|
|
10
|
-
};
|
|
11
|
-
const Template = (args, { argTypes }) => ({
|
|
12
|
-
props: Object.keys(argTypes),
|
|
13
|
-
components: { PsDataTable },
|
|
14
|
-
template: `
|
|
15
|
-
<div style="width:400px;">
|
|
16
|
-
<PsDataTable v-bind="$props" />
|
|
17
|
-
</div>
|
|
18
|
-
`
|
|
19
|
-
});
|
|
20
|
-
const RichTemplate = (args, { argTypes }) => ({
|
|
21
|
-
props: Object.keys(argTypes),
|
|
22
|
-
components: { PsDataTable, PsDataTableItem },
|
|
23
|
-
template: `
|
|
24
|
-
<div style="width:400px">
|
|
25
|
-
<PsDataTable v-bind="$props">
|
|
26
|
-
<PsDataTableItem v-bind="$props"/>
|
|
27
|
-
</PsDataTable>
|
|
28
|
-
</div>
|
|
29
|
-
`
|
|
30
|
-
});
|
|
31
|
-
export const Simple = Template.bind({});
|
|
32
|
-
Simple.args = {
|
|
33
|
-
header: ['year', 'month', 'sale'],
|
|
34
|
-
data: [{ year: '1992', month: '12', sale: '1000.00' }, { year: '1989', month: '02', sale: '1200.00' }],
|
|
35
|
-
footer: ['Footer 1', 'Footer 2', 'Footer 3'],
|
|
36
|
-
type: 'simple',
|
|
37
|
-
};
|
|
38
|
-
export const Rich = RichTemplate.bind({});
|
|
39
|
-
Rich.args = {
|
|
40
|
-
header: ['header 1', 'header 2', 'header 3'],
|
|
41
|
-
data: [[[20, -3], [20, 2], [20, 2]], { header4: { value: 20, delta: 2 }, header5: { value: 20, delta: 2 }, header6: { value: 20, delta: 2 } }],
|
|
42
|
-
footer: ['Footer 1', 'Footer 2', 'Footer 3'],
|
|
43
|
-
type: 'rich'
|
|
44
|
-
};
|
|
45
|
-
//# sourceMappingURL=Datatable.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Datatable.stories.js","sourceRoot":"","sources":["../../src/stories/Datatable.stories.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,EAAE,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAA;AAChF,OAAO,eAAe,MAAM,6CAA6C,CAAA;AAEzE,eAAe;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,WAAW;IACtB,aAAa,EAAE,EAAE,eAAe,EAAE;IAClC,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE;KAC7D;CACJ,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAQ,EAAE,EAAE,QAAQ,EAAmB,EAAE,EAAE,CAAC,CAAC;IAC3D,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAG,EAAC,WAAW,EAAC;IAC1B,QAAQ,EAAE;;;;SAIL;CACR,CAAC,CAAA;AAEF,MAAM,YAAY,GAAG,CAAC,IAAQ,EAAE,EAAE,QAAQ,EAAmB,EAAG,EAAE,CAAC,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAC,WAAW,EAAE,eAAe,EAAC;IAC1C,QAAQ,EAAE;;;;;;KAMT;CACJ,CAAC,CAAA;AAGF,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACvC,MAAM,CAAC,IAAI,GAAG;IACV,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC;IACjC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;IACtG,MAAM,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;IAC5C,IAAI,EAAE,QAAQ;CACjB,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,IAAI,CAAC,IAAI,GAAG;IACR,MAAM,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;IAC5C,IAAI,EAAC,CAAC,CAAE,CAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAG,CAAG,EAAE,EAAG,CAAC,CAAC,EAAE,CAAG,EAAE,EAAG,CAAC,CAAC,CAAE,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAC,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAC,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAC,EAAE,CAAC;IACpJ,MAAM,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;IAC5C,IAAI,EAAE,MAAM;CACf,CAAA"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import PsDateCardInfo from '../components/badges-and-tags/PsDateCardInfo.vue';
|
|
2
|
-
export default {
|
|
3
|
-
title: 'Components/DateCardInfo',
|
|
4
|
-
component: PsDateCardInfo,
|
|
5
|
-
};
|
|
6
|
-
const Template = (args, { argTypes }) => ({
|
|
7
|
-
props: Object.keys(argTypes),
|
|
8
|
-
components: { PsDateCardInfo },
|
|
9
|
-
template: `
|
|
10
|
-
<div style="width: 1000px; background:#DBE9F1; display:flex; gap: 7px; padding: 20px; height: 100%;">
|
|
11
|
-
<PsDateCardInfo v-bind="$props"/>
|
|
12
|
-
<PsDateCardInfo v-bind="$props"/>
|
|
13
|
-
<PsDateCardInfo v-bind="$props"/>
|
|
14
|
-
</div>
|
|
15
|
-
`
|
|
16
|
-
});
|
|
17
|
-
export const Default = Template.bind({});
|
|
18
|
-
//# sourceMappingURL=DateCardInfo.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateCardInfo.stories.js","sourceRoot":"","sources":["../../src/stories/DateCardInfo.stories.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kDAAkD,CAAA;AAE7E,eAAe;IACX,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,cAAc;CAC1B,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAQ,EAAE,EAAC,QAAQ,EAAgB,EAAE,EAAE,CAAC,CAAC;IACzD,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAC,EAAC,cAAc,EAAC;IAC3B,QAAQ,EAAE;;;;;;KAMT;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
|