@policystudio/policy-studio-ui-vue 1.1.90-beta.2 → 1.1.90-beta.21

package/dist/index.d.ts

@@ -0,0 +1,50 @@
+import PsButton from '../src/components/buttons/PsButton.vue';
+import PsCheckbox from '../src/components/controls/PsCheckbox.vue';
+import PsRadioButton from '../src/components/controls/PsRadioButton.vue';
+import PsSlider from '../src/components/controls/PsSlider.vue';
+import PsSwitch from '../src/components/controls/PsSwitch.vue';
+import PsToggle from '../src/components/controls/PsToggle.vue';
+import PsInput from '../src/components/forms/PsInput.vue';
+import PsDropdown from '../src/components/forms/PsDropdown.vue';
+import PsDropdownList from '../src/components/forms/PsDropdownList.vue';
+import PsInputTextArea from '../src/components/forms/PsInputTextArea.vue';
+import PsInputSelect from '../src/components/forms/PsInputSelect.vue';
+import PsDialog from '../src/components/notifications/PsDialog.vue';
+import PsToast from '../src/components/notifications/PsToast.vue';
+import PsTabHeader from '../src/components/tabs/PsTabHeader.vue';
+import PsAccordion from '../src/components/accordion/PsAccordion.vue';
+import PsAccordionItem from '../src/components/accordion/PsAccordionItem.vue';
+import PsChips from '../src/components/chips/PsChips.vue';
+import PsDataTable from '../src/components/datatable/PsDataTable.vue';
+import PsDataTableItem from '../src/components/datatable/PsDataTableItem.vue';
+import PsTableResults from '../src/components/table-results/PsTableResults.vue';
+import PsTableResultsBody from '../src/components/table-results/PsTableResultsBody.vue';
+import PsTableResultsHead from '../src/components/table-results/PsTableResultsHead.vue';
+import PsTableResultsHeadComparison from '../src/components/table-results/PsTableResultsHeadComparison.vue';
+import PsTableResultsHeadFlexible from '../src/components/table-results/PsTableResultsHeadFlexible.vue';
+import PsTableResultsRow from '../src/components/table-results/PsTableResultsRow.vue';
+import PsIcon from '../src/components/ui/PsIcon.vue';
+import PsDotLoader from '../src/components/ui/PsDotLoader.vue';
+import PsTooltip from '../src/components/tooltip/PsTooltip.vue';
+import PsRichTooltip from '../src/components/tooltip/PsRichTooltip.vue';
+import PsDialogTooltip from '../src/components/tooltip/PsDialogTooltip.vue';
+import PsDraggable from '../src/components/controls/PsDraggable.vue';
+import PsCardInfos from '../src/components/badges-and-tags/PsCardInfos.vue';
+import PsChartLegend from '../src/components/badges-and-tags/PsChartLegend.vue';
+import PsInlineSelector from '../src/components/controls/PsInlineSelector.vue';
+import PsMiniTag from '../src/components/badges-and-tags/PsMiniTag.vue';
+import PsCheckboxSimple from '../src/components/controls/PsCheckboxSimple.vue';
+import PsBadgeWithIcon from '../src/components/badges-and-tags/PsBadgeWithIcon.vue';
+import PsProgressBar from '../src/components/badges-and-tags/PsProgressBar.vue';
+import PsRadioButtonSimple from '../src/components/controls/PsRadioButtonSimple.vue';
+import PsTestimonialCard from '../src/components/badges-and-tags/PsTestimonialCard.vue';
+import PsDateCardInfo from '../src/components/badges-and-tags/PsDateCardInfo.vue';
+import PsTagScope from '../src/components/badges-and-tags/PsTagScope.vue';
+import PsBarChart from '../src/components/data-graphics/PsBarChart.vue';
+import PsSimpleAlert from '../src/components/notifications/PsSimpleAlert.vue';
+import PsBreadcrumb from '../src/components/navigations/PsBreadcrumb.vue';
+declare const _default: {
+    install(Vue: any): void;
+};
+export default _default;
+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

@@ -0,0 +1,104 @@
+/**
+ * General Components
+ */
+import { directives } from './util/directives';
+import PsButton from '../src/components/buttons/PsButton.vue';
+import PsCheckbox from '../src/components/controls/PsCheckbox.vue';
+import PsRadioButton from '../src/components/controls/PsRadioButton.vue';
+import PsSlider from '../src/components/controls/PsSlider.vue';
+import PsSwitch from '../src/components/controls/PsSwitch.vue';
+import PsToggle from '../src/components/controls/PsToggle.vue';
+import PsInput from '../src/components/forms/PsInput.vue';
+import PsDropdown from '../src/components/forms/PsDropdown.vue';
+import PsDropdownList from '../src/components/forms/PsDropdownList.vue';
+import PsInputTextArea from '../src/components/forms/PsInputTextArea.vue';
+import PsInputSelect from '../src/components/forms/PsInputSelect.vue';
+import PsDialog from '../src/components/notifications/PsDialog.vue';
+import PsToast from '../src/components/notifications/PsToast.vue';
+import PsTabHeader from '../src/components/tabs/PsTabHeader.vue';
+import PsAccordion from '../src/components/accordion/PsAccordion.vue';
+import PsAccordionItem from '../src/components/accordion/PsAccordionItem.vue';
+import PsChips from '../src/components/chips/PsChips.vue';
+import PsDataTable from '../src/components/datatable/PsDataTable.vue';
+import PsDataTableItem from '../src/components/datatable/PsDataTableItem.vue';
+import PsTableResults from '../src/components/table-results/PsTableResults.vue';
+import PsTableResultsBody from '../src/components/table-results/PsTableResultsBody.vue';
+import PsTableResultsHead from '../src/components/table-results/PsTableResultsHead.vue';
+import PsTableResultsHeadComparison from '../src/components/table-results/PsTableResultsHeadComparison.vue';
+import PsTableResultsHeadFlexible from '../src/components/table-results/PsTableResultsHeadFlexible.vue';
+import PsTableResultsRow from '../src/components/table-results/PsTableResultsRow.vue';
+import PsIcon from '../src/components/ui/PsIcon.vue';
+import PsDotLoader from '../src/components/ui/PsDotLoader.vue';
+import PsTooltip from '../src/components/tooltip/PsTooltip.vue';
+import PsRichTooltip from '../src/components/tooltip/PsRichTooltip.vue';
+import PsDialogTooltip from '../src/components/tooltip/PsDialogTooltip.vue';
+import PsDraggable from '../src/components/controls/PsDraggable.vue';
+import PsCardInfos from '../src/components/badges-and-tags/PsCardInfos.vue';
+import PsChartLegend from '../src/components/badges-and-tags/PsChartLegend.vue';
+import PsInlineSelector from '../src/components/controls/PsInlineSelector.vue';
+import PsMiniTag from '../src/components/badges-and-tags/PsMiniTag.vue';
+import PsCheckboxSimple from '../src/components/controls/PsCheckboxSimple.vue';
+import PsBadgeWithIcon from '../src/components/badges-and-tags/PsBadgeWithIcon.vue';
+import PsProgressBar from '../src/components/badges-and-tags/PsProgressBar.vue';
+import PsRadioButtonSimple from '../src/components/controls/PsRadioButtonSimple.vue';
+import PsTestimonialCard from '../src/components/badges-and-tags/PsTestimonialCard.vue';
+import PsDateCardInfo from '../src/components/badges-and-tags/PsDateCardInfo.vue';
+import PsTagScope from '../src/components/badges-and-tags/PsTagScope.vue';
+import PsBarChart from '../src/components/data-graphics/PsBarChart.vue';
+import PsSimpleAlert from '../src/components/notifications/PsSimpleAlert.vue';
+import PsBreadcrumb from '../src/components/navigations/PsBreadcrumb.vue';
+export default {
+    install(Vue) {
+        Vue.component('PsButton', PsButton);
+        Vue.component('PsCheckbox', PsCheckbox);
+        Vue.component('PsDialog', PsDialog);
+        Vue.component('PsToast', PsToast);
+        Vue.component('PsTabHeader', PsTabHeader);
+        Vue.component('PsRadioButton', PsRadioButton);
+        Vue.component('PsSlider', PsSlider);
+        Vue.component('PsSwitch', PsSwitch);
+        Vue.component('PsInput', PsInput);
+        Vue.component('PsToggle', PsToggle);
+        Vue.component('PsAccordion', PsAccordion);
+        Vue.component('PsAccordionItem', PsAccordionItem);
+        Vue.component('PsChips', PsChips);
+        Vue.component('PsDataTable', PsDataTable);
+        Vue.component('PsDataTableItem', PsDataTableItem);
+        Vue.component('PsTableResultsHead', PsTableResultsHead);
+        Vue.component('PsTableResultsHeadComparison', PsTableResultsHeadComparison);
+        Vue.component('PsTableResults', PsTableResults);
+        Vue.component('PsTableResultsRow', PsTableResultsRow);
+        Vue.component('PsTableResultsBody', PsTableResultsBody);
+        Vue.component('PsTableResultsHeadFlexible', PsTableResultsHeadFlexible);
+        Vue.component('PsIcon', PsIcon);
+        Vue.component('PsDotLoader', PsDotLoader);
+        Vue.component('PsTooltip', PsTooltip);
+        Vue.component('PsRichTooltip', PsRichTooltip);
+        Vue.component('PsDialogTooltip', PsDialogTooltip);
+        Vue.component('PsDraggable', PsDraggable);
+        Vue.component('PsCardInfos', PsCardInfos);
+        Vue.component('PsChartLegend', PsChartLegend);
+        Vue.component('PsInlineSelector', PsInlineSelector);
+        Vue.component('PsInputTextArea', PsInputTextArea);
+        Vue.component('PsInputSelect', PsInputSelect);
+        Vue.component('PsDropdown', PsDropdown);
+        Vue.component('PsDropdownList', PsDropdownList);
+        Vue.component('PsMiniTag', PsMiniTag);
+        Vue.component('PsCheckboxSimple', PsCheckboxSimple);
+        Vue.component('PsBadgeWithIcon', PsBadgeWithIcon);
+        Vue.component('PsProgressBar', PsProgressBar);
+        Vue.component('PsRadioButtonSimple', PsRadioButtonSimple);
+        Vue.component('PsTestimonialCard', PsTestimonialCard);
+        Vue.component('PsDateCardInfo', PsDateCardInfo);
+        Vue.component('PsTagScope', PsTagScope);
+        Vue.component('PsBarChart', PsBarChart);
+        Vue.component('PsSimpleAlert', PsSimpleAlert);
+        Vue.component('PsBreadcrumb', PsBreadcrumb);
+        /**
+         * Initialize directives
+         */
+        directives(Vue);
+    },
+};
+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 };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/util/GeneralFunctions.d.ts

@@ -0,0 +1,3 @@
+export function randomString(length: any): string;
+export function getParentScrollableEl(node: any): any;
+export function getParentVueComponentByName(comp: any, name: any): any;

package/dist/util/GeneralFunctions.js

@@ -0,0 +1,29 @@
+export const randomString = (length) => {
+    let result = '';
+    const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+    const charactersLength = characters.length;
+    for (let i = 0; i < length; i++) {
+        result += characters.charAt(Math.floor(Math.random() * charactersLength));
+    }
+    return result;
+};
+export const getParentScrollableEl = (node) => {
+    if (node == null) {
+        return null;
+    }
+    if (node.scrollHeight > node.clientHeight) {
+        return node;
+    }
+    else {
+        return getParentScrollableEl(node.parentNode);
+    }
+};
+export const getParentVueComponentByName = (comp, name) => {
+    if (comp.$options.name === name) {
+        return comp;
+    }
+    else {
+        return getParentVueComponentByName(comp.$parent, name);
+    }
+};
+//# sourceMappingURL=GeneralFunctions.js.map

package/dist/util/GeneralFunctions.js.map

@@ -0,0 +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"}

package/dist/util/directives.d.ts

@@ -0,0 +1 @@
+export declare const directives: (Vue: any) => void;

package/dist/util/directives.js

@@ -0,0 +1,22 @@
+export const directives = (Vue) => {
+    Vue.directive('click-outside', {
+        bind(el, binding, vnode) {
+            // Define a function to handle click events outside the element
+            const handler = (event) => {
+                if (binding?.value && !(el === event.target || el.contains(event.target))) {
+                    // Call the method provided in the directive value
+                    binding.value(event);
+                }
+            };
+            // Store the handler function on the element
+            el.__clickOutsideHandler__ = handler;
+            // Add a click event listener to the body
+            document.body.addEventListener('click', handler);
+        },
+        unbind(el) {
+            // Remove the click event listener when the element is unbound
+            document.body.removeEventListener('click', el.__clickOutsideHandler__);
+        },
+    });
+};
+//# sourceMappingURL=directives.js.map

package/dist/util/directives.js.map

@@ -0,0 +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"}

package/dist/util/imageLoader.d.ts

@@ -0,0 +1,6 @@
+declare function _default({ imageUrl, onProgress, returnsBase64 }: {
+    imageUrl: any;
+    onProgress?: null | undefined;
+    returnsBase64?: boolean | undefined;
+}): Promise<any>;
+export default _default;

package/dist/util/imageLoader.js

@@ -0,0 +1,52 @@
+export default ({ imageUrl, onProgress = null, returnsBase64 = true }) => {
+    return new Promise((resolve, reject) => {
+        const xhr = new XMLHttpRequest();
+        let notifiedNotComputable = false;
+        xhr.open('GET', imageUrl, true);
+        xhr.responseType = 'arraybuffer';
+        xhr.onprogress = (ev) => {
+            if (ev.lengthComputable) {
+                const progress = parseInt((ev.loaded / ev.total) * 100);
+                if (onProgress)
+                    onProgress(progress);
+            }
+            else {
+                if (!notifiedNotComputable) {
+                    notifiedNotComputable = true;
+                    if (onProgress)
+                        onProgress(-1);
+                }
+            }
+        };
+        xhr.onloadend = () => {
+            const contentType = xhr.getResponseHeader('Content-Type');
+            if (!contentType.includes('image')) {
+                reject(xhr);
+            }
+            else {
+                if (!notifiedNotComputable) {
+                    if (onProgress)
+                        onProgress(100);
+                }
+                if (!returnsBase64) {
+                    resolve();
+                }
+                else {
+                    const options = {};
+                    const headers = xhr.getAllResponseHeaders();
+                    const mime = headers.match(/^Content-Type\\:\s*(.*?)$/mi);
+                    if (mime && mime[1])
+                        options.type = mime[1];
+                    const blob = new Blob([xhr.response], options);
+                    resolve(window.URL.createObjectURL(blob));
+                }
+            }
+        };
+        xhr.onerror = () => {
+            console.log('asd');
+            reject();
+        };
+        xhr.send();
+    });
+};
+//# sourceMappingURL=imageLoader.js.map

package/dist/util/imageLoader.js.map

@@ -0,0 +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

@@ -1,28 +1,18 @@
 {
   "name": "@policystudio/policy-studio-ui-vue",
-  "version": "1.1.90-beta.2",
+  "version": "1.1.90-beta.21",
   "description": "Policy Studio UI",
-  "main": "src/index.js",
   "author": "Policy Studio Team",
-  "url": "https://github.com/Policy-Studio/policy-studio-ui-vue",
-  "license": "MIT",
-  "keywords": [
-    "vue",
-    "ui"
-  ],
   "scripts": {
     "lint": "vue-cli-service lint",
-    "build-storybook": "storybook build",
-    "build-tailwind": "postcss src/assets/scss/base.scss -o dist/css/psui_styles.css",
-    "build-temp-tailwind": "postcss src/assets/scss/base.scss -o temp/css/psui_styles.css",
-    "full-publish": "npm run lint && npm run build-tailwind && npm run build-storybook && npm publish --tag beta",
-    "serve": "concurrently --kill-others \"npm run watch-storybook\" \"npm run watch-tailwind\"",
-    "serve-prod": "concurrently --kill-others \"npm run watch-storybook\" \"npm run watch-prod-tailwind\"",
-    "watch-prod-tailwind": "watch 'npm run build-tailwind' ./src/assets",
-    "watch-tailwind": "watch 'npm run build-temp-tailwind' ./src/assets",
+    "build": "tsc -p tsconfig.json && npm run build:tailwind",
+    "full-publish": "npm run lint && npm run build && npm publish --tag beta",
     "kill-port": "sh ./scripts/kill-port.sh",
-    "storybook": "concurrently \"npm run kill-port\" \"npm run watch-prod-tailwind\" \"storybook dev -p 6006\""
+    "build:tailwind": "tailwindcss build -i src/assets/scss/base.scss -o dist/css/psui_styles_output.css -c tailwind.config.js",
+    "watch:tailwind": "watch 'npm run build:tailwind' dist/css"
   },
+  "main": "dist/index.js",
+  "types": "src/types/index.d.ts",
   "dependencies": {
     "@vue/compat": "^3.4.5",
     "core-js": "^3.6.5",
@@ -30,41 +20,38 @@
     "vue": "^3.4.5"
   },
   "devDependencies": {
-    "@babel/cli": "^7.23.4",
-    "@babel/core": "^7.23.7",
-    "@babel/eslint-parser": "^7.23.3",
-    "@babel/preset-env": "^7.23.7",
-    "@storybook/addon-essentials": "^7.6.7",
-    "@storybook/addon-interactions": "^7.6.7",
-    "@storybook/addon-links": "^7.6.7",
-    "@storybook/blocks": "^7.6.7",
-    "@storybook/test": "^7.6.7",
-    "@storybook/vue3": "^7.6.7",
-    "@storybook/vue3-webpack5": "^7.6.7",
+    "@typescript-eslint/eslint-plugin": "^5.4.0",
+    "@typescript-eslint/parser": "^5.4.0",
     "@vue/cli-plugin-eslint": "^5.0.8",
+    "@vue/cli-plugin-typescript": "~5.0.0",
     "@vue/cli-service": "~5.0.8",
     "@vue/compiler-sfc": "^3.4.5",
     "@vue/eslint-config-prettier": "^9.0.0",
-    "babel-eslint": "^10.1.0",
+    "@vue/eslint-config-typescript": "^9.1.0",
     "concurrently": "^7.0.0",
     "eslint": "^8.56.0",
     "eslint-plugin-prettier": "^5.1.2",
-    "eslint-plugin-storybook": "^0.6.15",
-    "eslint-plugin-vue": "^9.19.2",
+    "eslint-plugin-vue": "^8.7.1",
     "postcss": "^8.3.11",
     "postcss-cli": "^9.0.2",
     "postcss-import": "^14.0.2",
     "postcss-nested": "^5.0.6",
     "prettier": "^3.1.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "storybook": "^7.6.7",
     "tailwindcss": "^3.4.1",
+    "ts-loader": "^9.5.1",
+    "typescript": "~4.5.5",
     "vue-eslint-parser": "^9.3.2",
     "vue-loader": "^17.4.2",
-    "watch": "^1.0.2"
+    "watch": "^1.0.2",
+    "webpack": "^5.89.0"
   },
   "engines": {
-    "node": "18.19.0"
-  }
+    "node": "20.11.0"
+  },
+  "keywords": [
+    "vue",
+    "ui"
+  ],
+  "license": "MIT",
+  "url": "https://github.com/Policy-Studio/policy-studio-ui-vue"
 }

package/src/App.vue

@@ -0,0 +1,30 @@
+<template>
+  <img
+    alt="Vue logo"
+    src="./assets/logo.png"
+  >
+  <HelloWorld msg="Welcome to Your Vue.js + TypeScript App" />
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import HelloWorld from './components/HelloWorld.vue'
+
+export default defineComponent({
+  name: 'App',
+  components: {
+    HelloWorld
+  }
+})
+</script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>

package/src/assets/scss/components/PsDataTable.scss

@@ -58,7 +58,7 @@
         td,
         tr {
           padding: 7px 16px;
-          @apply .psui-text-gray-80;
+          @apply psui-text-gray-80;
         }
       }
     }

package/src/components/accordion/PsAccordionItem.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     class="psui-el-accordion-item"
-    :class="{'status-opened':isOpen, 'disabled':disabled}"
+    :class="{ 'status-opened': isOpen, disabled: disabled }"
   >
     <div class="psui-el-accordion-item-header">
       <slot
@@ -24,7 +24,7 @@
           <i
             v-if="!disabled"
             class="psui-el-accordion-item-icon"
-          >{{ getIcon }}</i> 
+          >{{ getIcon }}</i>
         </div>
       </slot>
     </div>
@@ -45,84 +45,84 @@
   </div>
 </template>
 
-<script>
-import { getParentVueComponentByName } from '../../util/GeneralFunctions'
+<script setup>
+import { getParentVueComponentByName } from '../../util/GeneralFunctions.js'
+import { ref, computed, getCurrentInstance  } from 'vue'
 
-export default {
-  name: 'PsAccordionItem',
-  props: {
-    /**
-     * It sets the title of the accordion item.
-     */
-    title: {
-      type: String,
-    },
-    /**
-    * It sets the status of the accordion item when mounted. 
-    */
-    opened: {
-      type: [Boolean],
-      default: false
-    },
-    /**
-     * 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/.
-     */
-    icon: {
-      type: String
-    },
-    /**
-     * It sets if it has a custom header.
-     */
-    hasCustomHeader: {
-      type: Boolean,
-      default: false
-    },
-    /**  
-    * It sets the disabled status.
-    */
-    disabled: {
-      type: Boolean,
-      default: false
-    }
+const localOpened = ref(null)
+
+const props = defineProps({
+  /**
+   * It sets the title of the accordion item.
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * It sets the status of the accordion item when mounted.
+   */
+  opened: {
+    type: [Boolean],
+    default: false,
+  },
+  /**
+   * 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/.
+   */
+  icon: {
+    type: String,
+    default: '',
   },
-  data() {
-    return {
-      localOpened: null,
-    }
+  /**
+   * It sets if it has a custom header.
+   */
+  hasCustomHeader: {
+    type: Boolean,
+    default: false,
   },
-  computed: {
-    isOpen() {
-      return this.localOpened !== null ? this.localOpened : this.opened
-    },
-    getParent() {
-      return getParentVueComponentByName(this,'PsAccordion')
-    },
-    getIcon(){
-      if(this.getParent._props.layout === 'medium') return 'expand_more'
-      if(this.getParent._props.layout === 'big' && this.isOpen === false) return 'add'
-      if(this.getParent._props.layout === 'big' && this.isOpen === true) return 'remove'
-      return `${this.icon}`
-    }
+  /**
+   * It sets the disabled status.
+   */
+  disabled: {
+    type: Boolean,
+    default: false,
   },
-  methods: {
-    toggle() {
-      if (this.localOpened === null) {
-        this.localOpened = !this.opened
-      } else {
-        this.localOpened = !this.localOpened
-      }
-    },
-    start(el) {
-      el.style.height = el.scrollHeight + 'px'
-      el.style.padding = el.srcollPaddingBottom + 'px'
-    },
-    end(el) {
-      el.style.height = ''
-      el.style.padding = ''
-    }
+})
+
+const isOpen = computed(() => {
+  return localOpened.value !== null ? localOpened.value : props.opened
+})
+
+const getParent = computed(() => {
+  const instance = getCurrentInstance()
+  let parent = instance.proxy.$parent
+  return getParentVueComponentByName(parent, 'PsAccordion')
+})
+
+const getIcon = computed(() => {
+  if (getParent.value._props.layout === 'medium') return 'expand_more'
+  if (getParent.value._props.layout === 'big' && isOpen.value === false) return 'add'
+  if (getParent.value._props.layout === 'big' && isOpen.value === true) return 'remove'
+  return `${props.icon}`
+})
+
+const toggle = () => {
+  if (localOpened.value === null) {
+    localOpened.value = !props.opened
+  } else {
+    localOpened.value = !localOpened.value
   }
 }
+const start = (el) => {
+  el.style.height = el.scrollHeight + 'px'
+  el.style.padding = el.srcollPaddingBottom + 'px'
+}
+const end = (el) => {
+  el.style.height = ''
+  el.style.padding = ''
+}
 </script>
 
-<style> /* Please, use the file src/assets/scss/components/PsAccordion.scss */</style>
-
+<style>
+/* Please, use the file src/assets/scss/components/PsAccordion.scss */
+</style>