@policystudio/policy-studio-ui-vue 1.1.90-beta.12 → 1.1.90-beta.18
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/dist/index.d.ts +50 -0
- package/dist/index.js +53 -63
- package/dist/index.js.map +1 -1
- package/dist/util/GeneralFunctions.d.ts +3 -0
- package/dist/util/GeneralFunctions.js.map +1 -1
- package/dist/util/directives.d.ts +1 -0
- package/dist/util/directives.js +22 -0
- package/dist/util/directives.js.map +1 -0
- package/dist/util/eventBus.d.ts +7 -0
- package/dist/util/eventBus.js +8 -0
- package/dist/util/eventBus.js.map +1 -0
- package/dist/util/imageLoader.d.ts +6 -0
- package/dist/util/imageLoader.js.map +1 -1
- 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/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/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.d.ts
ADDED
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import PsButton from '../src/components/buttons/PsButton.vue';
|
|
2
|
+
import PsCheckbox from '../src/components/controls/PsCheckbox.vue';
|
|
3
|
+
import PsRadioButton from '../src/components/controls/PsRadioButton.vue';
|
|
4
|
+
import PsSlider from '../src/components/controls/PsSlider.vue';
|
|
5
|
+
import PsSwitch from '../src/components/controls/PsSwitch.vue';
|
|
6
|
+
import PsToggle from '../src/components/controls/PsToggle.vue';
|
|
7
|
+
import PsInput from '../src/components/forms/PsInput.vue';
|
|
8
|
+
import PsDropdown from '../src/components/forms/PsDropdown.vue';
|
|
9
|
+
import PsDropdownList from '../src/components/forms/PsDropdownList.vue';
|
|
10
|
+
import PsInputTextArea from '../src/components/forms/PsInputTextArea.vue';
|
|
11
|
+
import PsInputSelect from '../src/components/forms/PsInputSelect.vue';
|
|
12
|
+
import PsDialog from '../src/components/notifications/PsDialog.vue';
|
|
13
|
+
import PsToast from '../src/components/notifications/PsToast.vue';
|
|
14
|
+
import PsTabHeader from '../src/components/tabs/PsTabHeader.vue';
|
|
15
|
+
import PsAccordion from '../src/components/accordion/PsAccordion.vue';
|
|
16
|
+
import PsAccordionItem from '../src/components/accordion/PsAccordionItem.vue';
|
|
17
|
+
import PsChips from '../src/components/chips/PsChips.vue';
|
|
18
|
+
import PsDataTable from '../src/components/datatable/PsDataTable.vue';
|
|
19
|
+
import PsDataTableItem from '../src/components/datatable/PsDataTableItem.vue';
|
|
20
|
+
import PsTableResults from '../src/components/table-results/PsTableResults.vue';
|
|
21
|
+
import PsTableResultsBody from '../src/components/table-results/PsTableResultsBody.vue';
|
|
22
|
+
import PsTableResultsHead from '../src/components/table-results/PsTableResultsHead.vue';
|
|
23
|
+
import PsTableResultsHeadComparison from '../src/components/table-results/PsTableResultsHeadComparison.vue';
|
|
24
|
+
import PsTableResultsHeadFlexible from '../src/components/table-results/PsTableResultsHeadFlexible.vue';
|
|
25
|
+
import PsTableResultsRow from '../src/components/table-results/PsTableResultsRow.vue';
|
|
26
|
+
import PsIcon from '../src/components/ui/PsIcon.vue';
|
|
27
|
+
import PsDotLoader from '../src/components/ui/PsDotLoader.vue';
|
|
28
|
+
import PsTooltip from '../src/components/tooltip/PsTooltip.vue';
|
|
29
|
+
import PsRichTooltip from '../src/components/tooltip/PsRichTooltip.vue';
|
|
30
|
+
import PsDialogTooltip from '../src/components/tooltip/PsDialogTooltip.vue';
|
|
31
|
+
import PsDraggable from '../src/components/controls/PsDraggable.vue';
|
|
32
|
+
import PsCardInfos from '../src/components/badges-and-tags/PsCardInfos.vue';
|
|
33
|
+
import PsChartLegend from '../src/components/badges-and-tags/PsChartLegend.vue';
|
|
34
|
+
import PsInlineSelector from '../src/components/controls/PsInlineSelector.vue';
|
|
35
|
+
import PsMiniTag from '../src/components/badges-and-tags/PsMiniTag.vue';
|
|
36
|
+
import PsCheckboxSimple from '../src/components/controls/PsCheckboxSimple.vue';
|
|
37
|
+
import PsBadgeWithIcon from '../src/components/badges-and-tags/PsBadgeWithIcon.vue';
|
|
38
|
+
import PsProgressBar from '../src/components/badges-and-tags/PsProgressBar.vue';
|
|
39
|
+
import PsRadioButtonSimple from '../src/components/controls/PsRadioButtonSimple.vue';
|
|
40
|
+
import PsTestimonialCard from '../src/components/badges-and-tags/PsTestimonialCard.vue';
|
|
41
|
+
import PsDateCardInfo from '../src/components/badges-and-tags/PsDateCardInfo.vue';
|
|
42
|
+
import PsTagScope from '../src/components/badges-and-tags/PsTagScope.vue';
|
|
43
|
+
import PsBarChart from '../src/components/data-graphics/PsBarChart.vue';
|
|
44
|
+
import PsSimpleAlert from '../src/components/notifications/PsSimpleAlert.vue';
|
|
45
|
+
import PsBreadcrumb from '../src/components/navigations/PsBreadcrumb.vue';
|
|
46
|
+
declare const _default: {
|
|
47
|
+
install(Vue: any): void;
|
|
48
|
+
};
|
|
49
|
+
export default _default;
|
|
50
|
+
export { PsButton, PsCheckbox, PsRadioButton, PsSlider, PsSwitch, PsToggle, PsInput, PsDialog, PsToast, PsTabHeader, PsAccordion, PsAccordionItem, PsChips, PsDataTable, PsDataTableItem, PsTableResultsHead, PsTableResultsBody, PsTableResultsHeadFlexible, PsTableResultsHeadComparison, PsIcon, PsDotLoader, PsTooltip, PsRichTooltip, PsDialogTooltip, PsDraggable, PsCardInfos, PsChartLegend, PsInlineSelector, PsInputTextArea, PsInputSelect, PsDropdown, PsDropdownList, PsMiniTag, PsCheckboxSimple, PsBadgeWithIcon, PsProgressBar, PsRadioButtonSimple, PsTestimonialCard, PsDateCardInfo, PsTagScope, PsBarChart, PsSimpleAlert, PsBreadcrumb, PsTableResults, PsTableResultsRow };
|
package/dist/index.js
CHANGED
|
@@ -1,51 +1,52 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* General Components
|
|
3
3
|
*/
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import
|
|
18
|
-
import
|
|
19
|
-
import
|
|
20
|
-
import
|
|
21
|
-
import
|
|
22
|
-
import
|
|
23
|
-
import
|
|
24
|
-
import
|
|
25
|
-
import
|
|
26
|
-
import
|
|
27
|
-
import
|
|
28
|
-
import
|
|
29
|
-
import
|
|
30
|
-
import
|
|
31
|
-
import
|
|
32
|
-
import
|
|
33
|
-
import
|
|
34
|
-
import
|
|
35
|
-
import
|
|
36
|
-
import
|
|
37
|
-
import
|
|
38
|
-
import
|
|
39
|
-
import
|
|
40
|
-
import
|
|
41
|
-
import
|
|
42
|
-
import
|
|
43
|
-
import
|
|
44
|
-
import
|
|
45
|
-
import
|
|
46
|
-
import
|
|
47
|
-
import
|
|
48
|
-
import
|
|
4
|
+
import { directives } from './util/directives';
|
|
5
|
+
import PsButton from '../src/components/buttons/PsButton.vue';
|
|
6
|
+
import PsCheckbox from '../src/components/controls/PsCheckbox.vue';
|
|
7
|
+
import PsRadioButton from '../src/components/controls/PsRadioButton.vue';
|
|
8
|
+
import PsSlider from '../src/components/controls/PsSlider.vue';
|
|
9
|
+
import PsSwitch from '../src/components/controls/PsSwitch.vue';
|
|
10
|
+
import PsToggle from '../src/components/controls/PsToggle.vue';
|
|
11
|
+
import PsInput from '../src/components/forms/PsInput.vue';
|
|
12
|
+
import PsDropdown from '../src/components/forms/PsDropdown.vue';
|
|
13
|
+
import PsDropdownList from '../src/components/forms/PsDropdownList.vue';
|
|
14
|
+
import PsInputTextArea from '../src/components/forms/PsInputTextArea.vue';
|
|
15
|
+
import PsInputSelect from '../src/components/forms/PsInputSelect.vue';
|
|
16
|
+
import PsDialog from '../src/components/notifications/PsDialog.vue';
|
|
17
|
+
import PsToast from '../src/components/notifications/PsToast.vue';
|
|
18
|
+
import PsTabHeader from '../src/components/tabs/PsTabHeader.vue';
|
|
19
|
+
import PsAccordion from '../src/components/accordion/PsAccordion.vue';
|
|
20
|
+
import PsAccordionItem from '../src/components/accordion/PsAccordionItem.vue';
|
|
21
|
+
import PsChips from '../src/components/chips/PsChips.vue';
|
|
22
|
+
import PsDataTable from '../src/components/datatable/PsDataTable.vue';
|
|
23
|
+
import PsDataTableItem from '../src/components/datatable/PsDataTableItem.vue';
|
|
24
|
+
import PsTableResults from '../src/components/table-results/PsTableResults.vue';
|
|
25
|
+
import PsTableResultsBody from '../src/components/table-results/PsTableResultsBody.vue';
|
|
26
|
+
import PsTableResultsHead from '../src/components/table-results/PsTableResultsHead.vue';
|
|
27
|
+
import PsTableResultsHeadComparison from '../src/components/table-results/PsTableResultsHeadComparison.vue';
|
|
28
|
+
import PsTableResultsHeadFlexible from '../src/components/table-results/PsTableResultsHeadFlexible.vue';
|
|
29
|
+
import PsTableResultsRow from '../src/components/table-results/PsTableResultsRow.vue';
|
|
30
|
+
import PsIcon from '../src/components/ui/PsIcon.vue';
|
|
31
|
+
import PsDotLoader from '../src/components/ui/PsDotLoader.vue';
|
|
32
|
+
import PsTooltip from '../src/components/tooltip/PsTooltip.vue';
|
|
33
|
+
import PsRichTooltip from '../src/components/tooltip/PsRichTooltip.vue';
|
|
34
|
+
import PsDialogTooltip from '../src/components/tooltip/PsDialogTooltip.vue';
|
|
35
|
+
import PsDraggable from '../src/components/controls/PsDraggable.vue';
|
|
36
|
+
import PsCardInfos from '../src/components/badges-and-tags/PsCardInfos.vue';
|
|
37
|
+
import PsChartLegend from '../src/components/badges-and-tags/PsChartLegend.vue';
|
|
38
|
+
import PsInlineSelector from '../src/components/controls/PsInlineSelector.vue';
|
|
39
|
+
import PsMiniTag from '../src/components/badges-and-tags/PsMiniTag.vue';
|
|
40
|
+
import PsCheckboxSimple from '../src/components/controls/PsCheckboxSimple.vue';
|
|
41
|
+
import PsBadgeWithIcon from '../src/components/badges-and-tags/PsBadgeWithIcon.vue';
|
|
42
|
+
import PsProgressBar from '../src/components/badges-and-tags/PsProgressBar.vue';
|
|
43
|
+
import PsRadioButtonSimple from '../src/components/controls/PsRadioButtonSimple.vue';
|
|
44
|
+
import PsTestimonialCard from '../src/components/badges-and-tags/PsTestimonialCard.vue';
|
|
45
|
+
import PsDateCardInfo from '../src/components/badges-and-tags/PsDateCardInfo.vue';
|
|
46
|
+
import PsTagScope from '../src/components/badges-and-tags/PsTagScope.vue';
|
|
47
|
+
import PsBarChart from '../src/components/data-graphics/PsBarChart.vue';
|
|
48
|
+
import PsSimpleAlert from '../src/components/notifications/PsSimpleAlert.vue';
|
|
49
|
+
import PsBreadcrumb from '../src/components/navigations/PsBreadcrumb.vue';
|
|
49
50
|
export default {
|
|
50
51
|
install(Vue) {
|
|
51
52
|
Vue.component('PsButton', PsButton);
|
|
@@ -63,9 +64,10 @@ export default {
|
|
|
63
64
|
Vue.component('PsChips', PsChips);
|
|
64
65
|
Vue.component('PsDataTable', PsDataTable);
|
|
65
66
|
Vue.component('PsDataTableItem', PsDataTableItem);
|
|
66
|
-
Vue.component('PsTableResults', PsTableResults);
|
|
67
67
|
Vue.component('PsTableResultsHead', PsTableResultsHead);
|
|
68
68
|
Vue.component('PsTableResultsHeadComparison', PsTableResultsHeadComparison);
|
|
69
|
+
Vue.component('PsTableResults', PsTableResults);
|
|
70
|
+
Vue.component('PsTableResultsRow', PsTableResultsRow);
|
|
69
71
|
Vue.component('PsTableResultsBody', PsTableResultsBody);
|
|
70
72
|
Vue.component('PsTableResultsHeadFlexible', PsTableResultsHeadFlexible);
|
|
71
73
|
Vue.component('PsIcon', PsIcon);
|
|
@@ -81,7 +83,6 @@ export default {
|
|
|
81
83
|
Vue.component('PsInputSelect', PsInputSelect);
|
|
82
84
|
Vue.component('PsDropdown', PsDropdown);
|
|
83
85
|
Vue.component('PsDropdownList', PsDropdownList);
|
|
84
|
-
Vue.component('PsScrollBar', PsScrollBar);
|
|
85
86
|
Vue.component('PsMiniTag', PsMiniTag);
|
|
86
87
|
Vue.component('PsCheckboxSimple', PsCheckboxSimple);
|
|
87
88
|
Vue.component('PsBadgeWithIcon', PsBadgeWithIcon);
|
|
@@ -93,22 +94,11 @@ export default {
|
|
|
93
94
|
Vue.component('PsBarChart', PsBarChart);
|
|
94
95
|
Vue.component('PsSimpleAlert', PsSimpleAlert);
|
|
95
96
|
Vue.component('PsBreadcrumb', PsBreadcrumb);
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
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
|
-
});
|
|
97
|
+
/**
|
|
98
|
+
* Initialize directives
|
|
99
|
+
*/
|
|
100
|
+
directives(Vue);
|
|
111
101
|
},
|
|
112
102
|
};
|
|
113
|
-
export { PsButton, PsCheckbox, PsRadioButton, PsSlider, PsSwitch, PsToggle, PsInput, PsDialog, PsToast, PsTabHeader, PsAccordion, PsAccordionItem, PsChips, PsDataTable, PsDataTableItem,
|
|
103
|
+
export { PsButton, PsCheckbox, PsRadioButton, PsSlider, PsSwitch, PsToggle, PsInput, PsDialog, PsToast, PsTabHeader, PsAccordion, PsAccordionItem, PsChips, PsDataTable, PsDataTableItem, PsTableResultsHead, PsTableResultsBody, PsTableResultsHeadFlexible, PsTableResultsHeadComparison, PsIcon, PsDotLoader, PsTooltip, PsRichTooltip, PsDialogTooltip, PsDraggable, PsCardInfos, PsChartLegend, PsInlineSelector, PsInputTextArea, PsInputSelect, PsDropdown, PsDropdownList, PsMiniTag, PsCheckboxSimple, PsBadgeWithIcon, PsProgressBar, PsRadioButtonSimple, PsTestimonialCard, PsDateCardInfo, PsTagScope, PsBarChart, PsSimpleAlert, PsBreadcrumb, PsTableResults, PsTableResultsRow };
|
|
114
104
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,OAAO,QAAQ,MAAM,wCAAwC,CAAA;AAC7D,OAAO,UAAU,MAAM,2CAA2C,CAAA;AAClE,OAAO,aAAa,MAAM,8CAA8C,CAAA;AACxE,OAAO,QAAQ,MAAM,yCAAyC,CAAA;AAC9D,OAAO,QAAQ,MAAM,yCAAyC,CAAA;AAC9D,OAAO,QAAQ,MAAM,yCAAyC,CAAA;AAC9D,OAAO,OAAO,MAAM,qCAAqC,CAAA;AACzD,OAAO,UAAU,MAAM,wCAAwC,CAAA;AAC/D,OAAO,cAAc,MAAM,4CAA4C,CAAA;AACvE,OAAO,eAAe,MAAM,6CAA6C,CAAA;AACzE,OAAO,aAAa,MAAM,2CAA2C,CAAA;AACrE,OAAO,QAAQ,MAAM,8CAA8C,CAAA;AACnE,OAAO,OAAO,MAAM,6CAA6C,CAAA;AACjE,OAAO,WAAW,MAAM,wCAAwC,CAAA;AAChE,OAAO,WAAW,MAAM,6CAA6C,CAAA;AACrE,OAAO,eAAe,MAAM,iDAAiD,CAAA;AAC7E,OAAO,OAAO,MAAM,qCAAqC,CAAA;AACzD,OAAO,WAAW,MAAM,6CAA6C,CAAA;AACrE,OAAO,eAAe,MAAM,iDAAiD,CAAA;AAC7E,OAAO,cAAc,MAAM,oDAAoD,CAAA;AAC/E,OAAO,kBAAkB,MAAM,wDAAwD,CAAA;AACvF,OAAO,kBAAkB,MAAM,wDAAwD,CAAA;AACvF,OAAO,4BAA4B,MAAM,kEAAkE,CAAA;AAC3G,OAAO,0BAA0B,MAAM,gEAAgE,CAAA;AACvG,OAAO,iBAAiB,MAAM,uDAAuD,CAAA;AACrF,OAAO,MAAM,MAAM,iCAAiC,CAAA;AACpD,OAAO,WAAW,MAAM,sCAAsC,CAAA;AAC9D,OAAO,SAAS,MAAM,yCAAyC,CAAA;AAC/D,OAAO,aAAa,MAAM,6CAA6C,CAAA;AACvE,OAAO,eAAe,MAAM,+CAA+C,CAAA;AAC3E,OAAO,WAAW,MAAM,4CAA4C,CAAA;AACpE,OAAO,WAAW,MAAM,mDAAmD,CAAA;AAC3E,OAAO,aAAa,MAAM,qDAAqD,CAAA;AAC/E,OAAO,gBAAgB,MAAM,iDAAiD,CAAA;AAC9E,OAAO,SAAS,MAAM,iDAAiD,CAAA;AACvE,OAAO,gBAAgB,MAAM,iDAAiD,CAAA;AAC9E,OAAO,eAAe,MAAM,uDAAuD,CAAA;AACnF,OAAO,aAAa,MAAM,qDAAqD,CAAA;AAC/E,OAAO,mBAAmB,MAAM,oDAAoD,CAAA;AACpF,OAAO,iBAAiB,MAAM,yDAAyD,CAAA;AACvF,OAAO,cAAc,MAAM,sDAAsD,CAAA;AACjF,OAAO,UAAU,MAAM,kDAAkD,CAAA;AACzE,OAAO,UAAU,MAAM,gDAAgD,CAAA;AACvE,OAAO,aAAa,MAAM,mDAAmD,CAAA;AAC7E,OAAO,YAAY,MAAM,gDAAgD,CAAA;AAGzE,eAAe;IACb,OAAO,CAAC,GAAO;QACb,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,oBAAoB,EAAE,kBAAkB,CAAC,CAAA;QACvD,GAAG,CAAC,SAAS,CAAC,8BAA8B,EAAE,4BAA4B,CAAC,CAAA;QAC3E,GAAG,CAAC,SAAS,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAA;QAC/C,GAAG,CAAC,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,CAAA;QACrD,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,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;QAE3C;;WAEG;QACH,UAAU,CAAC,GAAG,CAAC,CAAA;IAEjB,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,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,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,UAAU,EACV,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,iBAAiB,EAClB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GeneralFunctions.js","sourceRoot":"","sources":["../../src/util/GeneralFunctions.
|
|
1
|
+
{"version":3,"file":"GeneralFunctions.js","sourceRoot":"","sources":["../../src/util/GeneralFunctions.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,EAAE;IACrC,IAAI,MAAM,GAAG,EAAE,CAAA;IACf,MAAM,UAAU,GACd,gEAAgE,CAAA;IAClE,MAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAA;IAC1C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE;QAC/B,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,gBAAgB,CAAC,CAAC,CAAA;KAC1E;IACD,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AACD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,IAAI,EAAE,EAAE;IAC5C,IAAI,IAAI,IAAI,IAAI,EAAE;QAChB,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE;QACzC,OAAO,IAAI,CAAA;KACZ;SAAM;QACL,OAAO,qBAAqB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;KAC9C;AACH,CAAC,CAAA;AACD,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;IACxD,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,IAAI,EAAE;QAC/B,OAAO,IAAI,CAAA;KACZ;SAAM;QACL,OAAO,2BAA2B,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;KACvD;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const directives: (Vue: any) => void;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export const directives = (Vue) => {
|
|
2
|
+
Vue.directive('click-outside', {
|
|
3
|
+
bind(el, binding, vnode) {
|
|
4
|
+
// Define a function to handle click events outside the element
|
|
5
|
+
const handler = (event) => {
|
|
6
|
+
if (binding?.value && !(el === event.target || el.contains(event.target))) {
|
|
7
|
+
// Call the method provided in the directive value
|
|
8
|
+
binding.value(event);
|
|
9
|
+
}
|
|
10
|
+
};
|
|
11
|
+
// Store the handler function on the element
|
|
12
|
+
el.__clickOutsideHandler__ = handler;
|
|
13
|
+
// Add a click event listener to the body
|
|
14
|
+
document.body.addEventListener('click', handler);
|
|
15
|
+
},
|
|
16
|
+
unbind(el) {
|
|
17
|
+
// Remove the click event listener when the element is unbound
|
|
18
|
+
document.body.removeEventListener('click', el.__clickOutsideHandler__);
|
|
19
|
+
},
|
|
20
|
+
});
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=directives.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"directives.js","sourceRoot":"","sources":["../../src/util/directives.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAQ,EAAE,EAAE;IACrC,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE;QAC7B,IAAI,CAAC,EAAO,EAAE,OAAY,EAAE,KAAU;YACpC,+DAA+D;YAC/D,MAAM,OAAO,GAAG,CAAC,KAAU,EAAE,EAAE;gBAC7B,IAAI,OAAO,EAAE,KAAK,IAAI,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE;oBACzE,kDAAkD;oBAClD,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;iBACrB;YACH,CAAC,CAAA;YAED,4CAA4C;YAC5C,EAAE,CAAC,uBAAuB,GAAG,OAAO,CAAA;YAEpC,yCAAyC;YACzC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;QAClD,CAAC;QACD,MAAM,CAAC,EAAO;YACZ,8DAA8D;YAC9D,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,EAAE,CAAC,uBAAuB,CAAC,CAAA;QACxE,CAAC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import emitter from 'tiny-emitter/instance';
|
|
2
|
+
export default {
|
|
3
|
+
$on: (...args) => emitter.on(...args),
|
|
4
|
+
$once: (...args) => emitter.once(...args),
|
|
5
|
+
$off: (...args) => emitter.off(...args),
|
|
6
|
+
$emit: (...args) => emitter.emit(...args)
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=eventBus.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eventBus.js","sourceRoot":"","sources":["../../src/util/eventBus.js"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,uBAAuB,CAAA;AAE3C,eAAe;IACb,GAAG,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACrC,KAAK,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACzC,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACvC,KAAK,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;CAC1C,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"imageLoader.js","sourceRoot":"","sources":["../../src/util/imageLoader.
|
|
1
|
+
{"version":3,"file":"imageLoader.js","sourceRoot":"","sources":["../../src/util/imageLoader.js"],"names":[],"mappings":"AAAA,eAAe,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,IAAI,EAAE,aAAa,GAAG,IAAI,EAAE,EAAE,EAAE;IACvE,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,MAAM,GAAG,GAAG,IAAI,cAAc,EAAE,CAAA;QAChC,IAAI,qBAAqB,GAAG,KAAK,CAAA;QAEjC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAA;QAC/B,GAAG,CAAC,YAAY,GAAG,aAAa,CAAA;QAEhC,GAAG,CAAC,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE;YACtB,IAAI,EAAE,CAAC,gBAAgB,EAAE;gBAEvB,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAA;gBAEvD,IAAG,UAAU;oBAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;aACpC;iBAAM;gBACL,IAAI,CAAC,qBAAqB,EAAE;oBAC1B,qBAAqB,GAAG,IAAI,CAAA;oBAE5B,IAAG,UAAU;wBAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;iBAC9B;aACF;QACH,CAAC,CAAA;QAED,GAAG,CAAC,SAAS,GAAG,GAAG,EAAE;YACnB,MAAM,WAAW,GAAG,GAAG,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAA;YAEzD,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;gBAClC,MAAM,CAAC,GAAG,CAAC,CAAA;aACZ;iBAAM;gBACL,IAAI,CAAC,qBAAqB,EAAE;oBAE1B,IAAG,UAAU;wBAAE,UAAU,CAAC,GAAG,CAAC,CAAA;iBAC/B;gBAED,IAAG,CAAC,aAAa,EAAE;oBAEjB,OAAO,EAAE,CAAA;iBACV;qBAAM;oBACL,MAAM,OAAO,GAAG,EAAE,CAAA;oBAClB,MAAM,OAAO,GAAG,GAAG,CAAC,qBAAqB,EAAE,CAAA;oBAC3C,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAA;oBAEzD,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC;wBAAE,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;oBAC3C,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAA;oBAC9C,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAA;iBAC1C;aACF;QACH,CAAC,CAAA;QAED,GAAG,CAAC,OAAO,GAAG,GAAG,EAAE;YACjB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YAClB,MAAM,EAAE,CAAA;QACV,CAAC,CAAA;QAED,GAAG,CAAC,IAAI,EAAE,CAAA;IACZ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,37 +1,26 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@policystudio/policy-studio-ui-vue",
|
|
3
|
-
"version": "1.1.90-beta.
|
|
3
|
+
"version": "1.1.90-beta.18",
|
|
4
4
|
"description": "Policy Studio UI",
|
|
5
5
|
"author": "Policy Studio Team",
|
|
6
6
|
"scripts": {
|
|
7
|
-
"serve": "concurrently --kill-others \"npm run watch-storybook\" \"npm run watch-tailwind\"",
|
|
8
7
|
"lint": "vue-cli-service lint",
|
|
9
|
-
"build
|
|
10
|
-
"
|
|
11
|
-
"build-tailwind": "postcss src/assets/scss/base.scss -o dist/css/psui_styles.css",
|
|
12
|
-
"build-temp-tailwind": "postcss src/assets/scss/base.scss -o temp/css/psui_styles.css",
|
|
13
|
-
"full-publish": "npm run lint && npm run build-ts && npm run build-tailwind && npm run build-storybook && npm publish --tag beta",
|
|
8
|
+
"build": "tsc -p tsconfig.json && npm run build:tailwind",
|
|
9
|
+
"full-publish": "npm run lint && npm run build && npm publish --tag beta",
|
|
14
10
|
"kill-port": "sh ./scripts/kill-port.sh",
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"watch-prod-tailwind": "watch 'npm run build-tailwind' ./src/assets",
|
|
18
|
-
"watch-tailwind": "watch 'npm run build-temp-tailwind' ./src/assets"
|
|
11
|
+
"build:tailwind": "tailwindcss build -i src/assets/scss/base.scss -o dist/css/psui_styles_output.css -c tailwind.config.js",
|
|
12
|
+
"watch:tailwind": "watch 'npm run build:tailwind' dist/css"
|
|
19
13
|
},
|
|
20
14
|
"main": "dist/index.js",
|
|
15
|
+
"types": "src/types/index.d.ts",
|
|
21
16
|
"dependencies": {
|
|
22
17
|
"@vue/compat": "^3.4.5",
|
|
23
18
|
"core-js": "^3.6.5",
|
|
19
|
+
"tiny-emitter": "^2.1.0",
|
|
24
20
|
"v-tooltip": "^2.1.3",
|
|
25
21
|
"vue": "^3.4.5"
|
|
26
22
|
},
|
|
27
23
|
"devDependencies": {
|
|
28
|
-
"@storybook/addon-essentials": "^7.6.7",
|
|
29
|
-
"@storybook/addon-interactions": "^7.6.7",
|
|
30
|
-
"@storybook/addon-links": "^7.6.7",
|
|
31
|
-
"@storybook/blocks": "^7.6.7",
|
|
32
|
-
"@storybook/test": "^7.6.7",
|
|
33
|
-
"@storybook/vue3": "^7.6.7",
|
|
34
|
-
"@storybook/vue3-webpack5": "^7.6.7",
|
|
35
24
|
"@typescript-eslint/eslint-plugin": "^5.4.0",
|
|
36
25
|
"@typescript-eslint/parser": "^5.4.0",
|
|
37
26
|
"@vue/cli-plugin-eslint": "^5.0.8",
|
|
@@ -43,16 +32,12 @@
|
|
|
43
32
|
"concurrently": "^7.0.0",
|
|
44
33
|
"eslint": "^8.56.0",
|
|
45
34
|
"eslint-plugin-prettier": "^5.1.2",
|
|
46
|
-
"eslint-plugin-storybook": "^0.6.15",
|
|
47
35
|
"eslint-plugin-vue": "^8.7.1",
|
|
48
36
|
"postcss": "^8.3.11",
|
|
49
37
|
"postcss-cli": "^9.0.2",
|
|
50
38
|
"postcss-import": "^14.0.2",
|
|
51
39
|
"postcss-nested": "^5.0.6",
|
|
52
40
|
"prettier": "^3.1.1",
|
|
53
|
-
"react": "^18.2.0",
|
|
54
|
-
"react-dom": "^18.2.0",
|
|
55
|
-
"storybook": "^7.6.7",
|
|
56
41
|
"tailwindcss": "^3.4.1",
|
|
57
42
|
"ts-loader": "^9.5.1",
|
|
58
43
|
"typescript": "~4.5.5",
|
|
@@ -62,7 +47,8 @@
|
|
|
62
47
|
"webpack": "^5.89.0"
|
|
63
48
|
},
|
|
64
49
|
"engines": {
|
|
65
|
-
"node": "
|
|
50
|
+
"node": "20.11.0",
|
|
51
|
+
"npm":"10.2.4"
|
|
66
52
|
},
|
|
67
53
|
"keywords": [
|
|
68
54
|
"vue",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div
|
|
3
3
|
class="psui-el-accordion-item"
|
|
4
|
-
:class="{'status-opened':isOpen,
|
|
4
|
+
:class="{ 'status-opened': isOpen, disabled: disabled }"
|
|
5
5
|
>
|
|
6
6
|
<div class="psui-el-accordion-item-header">
|
|
7
7
|
<slot
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
<i
|
|
25
25
|
v-if="!disabled"
|
|
26
26
|
class="psui-el-accordion-item-icon"
|
|
27
|
-
>{{ getIcon }}</i>
|
|
27
|
+
>{{ getIcon }}</i>
|
|
28
28
|
</div>
|
|
29
29
|
</slot>
|
|
30
30
|
</div>
|
|
@@ -45,84 +45,84 @@
|
|
|
45
45
|
</div>
|
|
46
46
|
</template>
|
|
47
47
|
|
|
48
|
-
<script>
|
|
49
|
-
import { getParentVueComponentByName } from '../../util/GeneralFunctions'
|
|
48
|
+
<script setup>
|
|
49
|
+
import { getParentVueComponentByName } from '../../util/GeneralFunctions.js'
|
|
50
|
+
import { defineProps, ref, computed, getCurrentInstance } from 'vue'
|
|
50
51
|
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
* It sets if it has a custom header.
|
|
75
|
-
*/
|
|
76
|
-
hasCustomHeader: {
|
|
77
|
-
type: Boolean,
|
|
78
|
-
default: false
|
|
79
|
-
},
|
|
80
|
-
/**
|
|
81
|
-
* It sets the disabled status.
|
|
82
|
-
*/
|
|
83
|
-
disabled: {
|
|
84
|
-
type: Boolean,
|
|
85
|
-
default: false
|
|
86
|
-
}
|
|
52
|
+
const localOpened = ref(null)
|
|
53
|
+
|
|
54
|
+
const props = defineProps({
|
|
55
|
+
/**
|
|
56
|
+
* It sets the title of the accordion item.
|
|
57
|
+
*/
|
|
58
|
+
title: {
|
|
59
|
+
type: String,
|
|
60
|
+
default: '',
|
|
61
|
+
},
|
|
62
|
+
/**
|
|
63
|
+
* It sets the status of the accordion item when mounted.
|
|
64
|
+
*/
|
|
65
|
+
opened: {
|
|
66
|
+
type: [Boolean],
|
|
67
|
+
default: false,
|
|
68
|
+
},
|
|
69
|
+
/**
|
|
70
|
+
* It sets the text key to get the svg icon in Google Fonts. Make sure to get the correct description of your icon on https://fonts.google.com/.
|
|
71
|
+
*/
|
|
72
|
+
icon: {
|
|
73
|
+
type: String,
|
|
74
|
+
default: '',
|
|
87
75
|
},
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
76
|
+
/**
|
|
77
|
+
* It sets if it has a custom header.
|
|
78
|
+
*/
|
|
79
|
+
hasCustomHeader: {
|
|
80
|
+
type: Boolean,
|
|
81
|
+
default: false,
|
|
92
82
|
},
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
},
|
|
100
|
-
getIcon(){
|
|
101
|
-
if(this.getParent._props.layout === 'medium') return 'expand_more'
|
|
102
|
-
if(this.getParent._props.layout === 'big' && this.isOpen === false) return 'add'
|
|
103
|
-
if(this.getParent._props.layout === 'big' && this.isOpen === true) return 'remove'
|
|
104
|
-
return `${this.icon}`
|
|
105
|
-
}
|
|
83
|
+
/**
|
|
84
|
+
* It sets the disabled status.
|
|
85
|
+
*/
|
|
86
|
+
disabled: {
|
|
87
|
+
type: Boolean,
|
|
88
|
+
default: false,
|
|
106
89
|
},
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
90
|
+
})
|
|
91
|
+
|
|
92
|
+
const isOpen = computed(() => {
|
|
93
|
+
return localOpened.value !== null ? localOpened.value : props.opened
|
|
94
|
+
})
|
|
95
|
+
|
|
96
|
+
const getParent = computed(() => {
|
|
97
|
+
const instance = getCurrentInstance()
|
|
98
|
+
let parent = instance.proxy.$parent
|
|
99
|
+
return getParentVueComponentByName(parent, 'PsAccordion')
|
|
100
|
+
})
|
|
101
|
+
|
|
102
|
+
const getIcon = computed(() => {
|
|
103
|
+
if (getParent.value._props.layout === 'medium') return 'expand_more'
|
|
104
|
+
if (getParent.value._props.layout === 'big' && isOpen.value === false) return 'add'
|
|
105
|
+
if (getParent.value._props.layout === 'big' && isOpen.value === true) return 'remove'
|
|
106
|
+
return `${props.icon}`
|
|
107
|
+
})
|
|
108
|
+
|
|
109
|
+
const toggle = () => {
|
|
110
|
+
if (localOpened.value === null) {
|
|
111
|
+
localOpened.value = !props.opened
|
|
112
|
+
} else {
|
|
113
|
+
localOpened.value = !localOpened.value
|
|
123
114
|
}
|
|
124
115
|
}
|
|
116
|
+
const start = (el) => {
|
|
117
|
+
el.style.height = el.scrollHeight + 'px'
|
|
118
|
+
el.style.padding = el.srcollPaddingBottom + 'px'
|
|
119
|
+
}
|
|
120
|
+
const end = (el) => {
|
|
121
|
+
el.style.height = ''
|
|
122
|
+
el.style.padding = ''
|
|
123
|
+
}
|
|
125
124
|
</script>
|
|
126
125
|
|
|
127
|
-
<style>
|
|
128
|
-
|
|
126
|
+
<style>
|
|
127
|
+
/* Please, use the file src/assets/scss/components/PsAccordion.scss */
|
|
128
|
+
</style>
|