primevue 4.0.0-rc.2 → 4.0.0

package/accordionheader/AccordionHeader.vue

@@ -22,7 +22,7 @@
 </template>
 
 <script>
-import { DomHandler } from '@primevue/core/utils';
+import { findSingle, getAttribute, focus } from '@primeuix/utils/dom';
 import ChevronDownIcon from '@primevue/icons/chevrondown';
 import ChevronUpIcon from '@primevue/icons/chevronup';
 import Ripple from 'primevue/ripple';
@@ -101,17 +101,17 @@ export default {
             return headerElement?.closest('[data-pc-name="accordionpanel"]');
         },
         findHeader(panelElement) {
-            return DomHandler.findSingle(panelElement, '[data-pc-name="accordionheader"]');
+            return findSingle(panelElement, '[data-pc-name="accordionheader"]');
         },
         findNextPanel(panelElement, selfCheck = false) {
             const element = selfCheck ? panelElement : panelElement.nextElementSibling;
 
-            return element ? (DomHandler.getAttribute(element, 'data-p-disabled') ? this.findNextPanel(element) : this.findHeader(element)) : null;
+            return element ? (getAttribute(element, 'data-p-disabled') ? this.findNextPanel(element) : this.findHeader(element)) : null;
         },
         findPrevPanel(panelElement, selfCheck = false) {
             const element = selfCheck ? panelElement : panelElement.previousElementSibling;
 
-            return element ? (DomHandler.getAttribute(element, 'data-p-disabled') ? this.findPrevPanel(element) : this.findHeader(element)) : null;
+            return element ? (getAttribute(element, 'data-p-disabled') ? this.findPrevPanel(element) : this.findHeader(element)) : null;
         },
         findFirstPanel() {
             return this.findNextPanel(this.$pcAccordion.$el.firstElementChild, true);
@@ -123,7 +123,7 @@ export default {
             this.$pcAccordion.updateValue(this.$pcAccordionPanel.value);
         },
         changeFocusedPanel(event, element) {
-            DomHandler.focus(this.findHeader(element));
+            focus(this.findHeader(element));
         }
     },
     computed: {

package/accordionheader/index.mjs

@@ -1,4 +1,4 @@
-import { DomHandler } from '@primevue/core/utils';
+import { findSingle, getAttribute, focus } from '@primeuix/utils/dom';
 import ChevronDownIcon from '@primevue/icons/chevrondown';
 import ChevronUpIcon from '@primevue/icons/chevronup';
 import Ripple from 'primevue/ripple';
@@ -89,17 +89,17 @@ var script = {
       return headerElement === null || headerElement === void 0 ? void 0 : headerElement.closest('[data-pc-name="accordionpanel"]');
     },
     findHeader: function findHeader(panelElement) {
-      return DomHandler.findSingle(panelElement, '[data-pc-name="accordionheader"]');
+      return findSingle(panelElement, '[data-pc-name="accordionheader"]');
     },
     findNextPanel: function findNextPanel(panelElement) {
       var selfCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var element = selfCheck ? panelElement : panelElement.nextElementSibling;
-      return element ? DomHandler.getAttribute(element, 'data-p-disabled') ? this.findNextPanel(element) : this.findHeader(element) : null;
+      return element ? getAttribute(element, 'data-p-disabled') ? this.findNextPanel(element) : this.findHeader(element) : null;
     },
     findPrevPanel: function findPrevPanel(panelElement) {
       var selfCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var element = selfCheck ? panelElement : panelElement.previousElementSibling;
-      return element ? DomHandler.getAttribute(element, 'data-p-disabled') ? this.findPrevPanel(element) : this.findHeader(element) : null;
+      return element ? getAttribute(element, 'data-p-disabled') ? this.findPrevPanel(element) : this.findHeader(element) : null;
     },
     findFirstPanel: function findFirstPanel() {
       return this.findNextPanel(this.$pcAccordion.$el.firstElementChild, true);
@@ -111,7 +111,7 @@ var script = {
       this.$pcAccordion.updateValue(this.$pcAccordionPanel.value);
     },
     changeFocusedPanel: function changeFocusedPanel(event, element) {
-      DomHandler.focus(this.findHeader(element));
+      focus(this.findHeader(element));
     }
   },
   computed: {

package/accordionheader/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/accordionheader/BaseAccordionHeader.vue","../../src/accordionheader/AccordionHeader.vue","../../src/accordionheader/AccordionHeader.vue?vue&type=template&id=2a8034cb&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport AccordionHeaderStyle from 'primevue/accordionheader/style';\n\nexport default {\n    name: 'BaseAccordionHeader',\n    extends: BaseComponent,\n    props: {\n        as: {\n            type: String,\n            default: 'BUTTON'\n        },\n        asChild: {\n            type: Boolean,\n            default: false\n        }\n    },\n    style: AccordionHeaderStyle,\n    provide() {\n        return {\n            $pcAccordionHeader: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" @click=\"onClick\" v-bind=\"attrs\">\n        <slot :active=\"$pcAccordionPanel.active\"></slot>\n        <slot name=\"toggleicon\" :active=\"$pcAccordionPanel.active\" :class=\"cx('toggleicon')\">\n            <component\n                v-if=\"$pcAccordionPanel.active\"\n                :is=\"$pcAccordion.$slots.collapseicon ? $pcAccordion.$slots.collapseicon : $pcAccordion.collapseIcon ? 'span' : 'ChevronDownIcon'\"\n                :class=\"[$pcAccordion.collapseIcon, cx('toggleicon')]\"\n                aria-hidden=\"true\"\n                v-bind=\"ptm('toggleicon', ptParams)\"\n            ></component>\n            <component\n                v-else\n                :is=\"$pcAccordion.$slots.expandicon ? $pcAccordion.$slots.expandicon : $pcAccordion.expandIcon ? 'span' : 'ChevronUpIcon'\"\n                :class=\"[$pcAccordion.expandIcon, cx('toggleicon')]\"\n                aria-hidden=\"true\"\n                v-bind=\"ptm('toggleicon', ptParams)\"\n            ></component>\n        </slot>\n    </component>\n    <slot v-else :class=\"cx('root')\" :active=\"$pcAccordionPanel.active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { DomHandler } from '@primevue/core/utils';\nimport ChevronDownIcon from '@primevue/icons/chevrondown';\nimport ChevronUpIcon from '@primevue/icons/chevronup';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseAccordionHeader from './BaseAccordionHeader.vue';\n\nexport default {\n    name: 'AccordionHeader',\n    extends: BaseAccordionHeader,\n    inheritAttrs: false,\n    inject: ['$pcAccordion', '$pcAccordionPanel'],\n    methods: {\n        onFocus() {\n            this.$pcAccordion.selectOnFocus && this.changeActiveValue();\n        },\n        onClick() {\n            this.changeActiveValue();\n        },\n        onKeydown(event) {\n            switch (event.code) {\n                case 'ArrowDown':\n                    this.onArrowDownKey(event);\n                    break;\n\n                case 'ArrowUp':\n                    this.onArrowUpKey(event);\n                    break;\n\n                case 'Home':\n                    this.onHomeKey(event);\n                    break;\n\n                case 'End':\n                    this.onEndKey(event);\n                    break;\n\n                case 'Enter':\n                case 'NumpadEnter':\n                case 'Space':\n                    this.onEnterKey(event);\n                    break;\n\n                default:\n                    break;\n            }\n        },\n        onArrowDownKey(event) {\n            const nextPanel = this.findNextPanel(this.findPanel(event.currentTarget));\n\n            nextPanel ? this.changeFocusedPanel(event, nextPanel) : this.onHomeKey(event);\n            event.preventDefault();\n        },\n        onArrowUpKey(event) {\n            const prevPanel = this.findPrevPanel(this.findPanel(event.currentTarget));\n\n            prevPanel ? this.changeFocusedPanel(event, prevPanel) : this.onEndKey(event);\n            event.preventDefault();\n        },\n        onHomeKey(event) {\n            const firstPanel = this.findFirstPanel();\n\n            this.changeFocusedPanel(event, firstPanel);\n            event.preventDefault();\n        },\n        onEndKey(event) {\n            const lastPanel = this.findLastPanel();\n\n            this.changeFocusedPanel(event, lastPanel);\n            event.preventDefault();\n        },\n        onEnterKey(event) {\n            this.changeActiveValue();\n            event.preventDefault();\n        },\n        findPanel(headerElement) {\n            return headerElement?.closest('[data-pc-name=\"accordionpanel\"]');\n        },\n        findHeader(panelElement) {\n            return DomHandler.findSingle(panelElement, '[data-pc-name=\"accordionheader\"]');\n        },\n        findNextPanel(panelElement, selfCheck = false) {\n            const element = selfCheck ? panelElement : panelElement.nextElementSibling;\n\n            return element ? (DomHandler.getAttribute(element, 'data-p-disabled') ? this.findNextPanel(element) : this.findHeader(element)) : null;\n        },\n        findPrevPanel(panelElement, selfCheck = false) {\n            const element = selfCheck ? panelElement : panelElement.previousElementSibling;\n\n            return element ? (DomHandler.getAttribute(element, 'data-p-disabled') ? this.findPrevPanel(element) : this.findHeader(element)) : null;\n        },\n        findFirstPanel() {\n            return this.findNextPanel(this.$pcAccordion.$el.firstElementChild, true);\n        },\n        findLastPanel() {\n            return this.findPrevPanel(this.$pcAccordion.$el.lastElementChild, true);\n        },\n        changeActiveValue() {\n            this.$pcAccordion.updateValue(this.$pcAccordionPanel.value);\n        },\n        changeFocusedPanel(event, element) {\n            DomHandler.focus(this.findHeader(element));\n        }\n    },\n    computed: {\n        id() {\n            return `${this.$pcAccordion.id}_accordionheader_${this.$pcAccordionPanel.value}`;\n        },\n        ariaControls() {\n            return `${this.$pcAccordion.id}_accordioncontent_${this.$pcAccordionPanel.value}`;\n        },\n        attrs() {\n            return mergeProps(this.asAttrs, this.a11yAttrs, this.ptmi('root', this.ptParams));\n        },\n        asAttrs() {\n            return this.as === 'BUTTON' ? { type: 'button', disabled: this.$pcAccordionPanel.disabled } : undefined;\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                tabindex: this.$pcAccordion.tabindex,\n                'aria-expanded': this.$pcAccordionPanel.active,\n                'aria-controls': this.ariaControls,\n                'data-pc-name': 'accordionheader',\n                'data-p-disabled': this.$pcAccordionPanel.disabled,\n                'data-p-active': this.$pcAccordionPanel.active,\n                onFocus: this.onFocus,\n                onKeydown: this.onKeydown\n            };\n        },\n        ptParams() {\n            return {\n                context: {\n                    active: this.$pcAccordionPanel.active\n                }\n            };\n        }\n    },\n    components: {\n        ChevronUpIcon,\n        ChevronDownIcon\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" @click=\"onClick\" v-bind=\"attrs\">\n        <slot :active=\"$pcAccordionPanel.active\"></slot>\n        <slot name=\"toggleicon\" :active=\"$pcAccordionPanel.active\" :class=\"cx('toggleicon')\">\n            <component\n                v-if=\"$pcAccordionPanel.active\"\n                :is=\"$pcAccordion.$slots.collapseicon ? $pcAccordion.$slots.collapseicon : $pcAccordion.collapseIcon ? 'span' : 'ChevronDownIcon'\"\n                :class=\"[$pcAccordion.collapseIcon, cx('toggleicon')]\"\n                aria-hidden=\"true\"\n                v-bind=\"ptm('toggleicon', ptParams)\"\n            ></component>\n            <component\n                v-else\n                :is=\"$pcAccordion.$slots.expandicon ? $pcAccordion.$slots.expandicon : $pcAccordion.expandIcon ? 'span' : 'ChevronUpIcon'\"\n                :class=\"[$pcAccordion.expandIcon, cx('toggleicon')]\"\n                aria-hidden=\"true\"\n                v-bind=\"ptm('toggleicon', ptParams)\"\n            ></component>\n        </slot>\n    </component>\n    <slot v-else :class=\"cx('root')\" :active=\"$pcAccordionPanel.active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { DomHandler } from '@primevue/core/utils';\nimport ChevronDownIcon from '@primevue/icons/chevrondown';\nimport ChevronUpIcon from '@primevue/icons/chevronup';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseAccordionHeader from './BaseAccordionHeader.vue';\n\nexport default {\n    name: 'AccordionHeader',\n    extends: BaseAccordionHeader,\n    inheritAttrs: false,\n    inject: ['$pcAccordion', '$pcAccordionPanel'],\n    methods: {\n        onFocus() {\n            this.$pcAccordion.selectOnFocus && this.changeActiveValue();\n        },\n        onClick() {\n            this.changeActiveValue();\n        },\n        onKeydown(event) {\n            switch (event.code) {\n                case 'ArrowDown':\n                    this.onArrowDownKey(event);\n                    break;\n\n                case 'ArrowUp':\n                    this.onArrowUpKey(event);\n                    break;\n\n                case 'Home':\n                    this.onHomeKey(event);\n                    break;\n\n                case 'End':\n                    this.onEndKey(event);\n                    break;\n\n                case 'Enter':\n                case 'NumpadEnter':\n                case 'Space':\n                    this.onEnterKey(event);\n                    break;\n\n                default:\n                    break;\n            }\n        },\n        onArrowDownKey(event) {\n            const nextPanel = this.findNextPanel(this.findPanel(event.currentTarget));\n\n            nextPanel ? this.changeFocusedPanel(event, nextPanel) : this.onHomeKey(event);\n            event.preventDefault();\n        },\n        onArrowUpKey(event) {\n            const prevPanel = this.findPrevPanel(this.findPanel(event.currentTarget));\n\n            prevPanel ? this.changeFocusedPanel(event, prevPanel) : this.onEndKey(event);\n            event.preventDefault();\n        },\n        onHomeKey(event) {\n            const firstPanel = this.findFirstPanel();\n\n            this.changeFocusedPanel(event, firstPanel);\n            event.preventDefault();\n        },\n        onEndKey(event) {\n            const lastPanel = this.findLastPanel();\n\n            this.changeFocusedPanel(event, lastPanel);\n            event.preventDefault();\n        },\n        onEnterKey(event) {\n            this.changeActiveValue();\n            event.preventDefault();\n        },\n        findPanel(headerElement) {\n            return headerElement?.closest('[data-pc-name=\"accordionpanel\"]');\n        },\n        findHeader(panelElement) {\n            return DomHandler.findSingle(panelElement, '[data-pc-name=\"accordionheader\"]');\n        },\n        findNextPanel(panelElement, selfCheck = false) {\n            const element = selfCheck ? panelElement : panelElement.nextElementSibling;\n\n            return element ? (DomHandler.getAttribute(element, 'data-p-disabled') ? this.findNextPanel(element) : this.findHeader(element)) : null;\n        },\n        findPrevPanel(panelElement, selfCheck = false) {\n            const element = selfCheck ? panelElement : panelElement.previousElementSibling;\n\n            return element ? (DomHandler.getAttribute(element, 'data-p-disabled') ? this.findPrevPanel(element) : this.findHeader(element)) : null;\n        },\n        findFirstPanel() {\n            return this.findNextPanel(this.$pcAccordion.$el.firstElementChild, true);\n        },\n        findLastPanel() {\n            return this.findPrevPanel(this.$pcAccordion.$el.lastElementChild, true);\n        },\n        changeActiveValue() {\n            this.$pcAccordion.updateValue(this.$pcAccordionPanel.value);\n        },\n        changeFocusedPanel(event, element) {\n            DomHandler.focus(this.findHeader(element));\n        }\n    },\n    computed: {\n        id() {\n            return `${this.$pcAccordion.id}_accordionheader_${this.$pcAccordionPanel.value}`;\n        },\n        ariaControls() {\n            return `${this.$pcAccordion.id}_accordioncontent_${this.$pcAccordionPanel.value}`;\n        },\n        attrs() {\n            return mergeProps(this.asAttrs, this.a11yAttrs, this.ptmi('root', this.ptParams));\n        },\n        asAttrs() {\n            return this.as === 'BUTTON' ? { type: 'button', disabled: this.$pcAccordionPanel.disabled } : undefined;\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                tabindex: this.$pcAccordion.tabindex,\n                'aria-expanded': this.$pcAccordionPanel.active,\n                'aria-controls': this.ariaControls,\n                'data-pc-name': 'accordionheader',\n                'data-p-disabled': this.$pcAccordionPanel.disabled,\n                'data-p-active': this.$pcAccordionPanel.active,\n                onFocus: this.onFocus,\n                onKeydown: this.onKeydown\n            };\n        },\n        ptParams() {\n            return {\n                context: {\n                    active: this.$pcAccordionPanel.active\n                }\n            };\n        }\n    },\n    components: {\n        ChevronUpIcon,\n        ChevronDownIcon\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","as","type","String","asChild","Boolean","style","AccordionHeaderStyle","provide","$pcAccordionHeader","$parentInstance","BaseAccordionHeader","inheritAttrs","inject","methods","onFocus","$pcAccordion","selectOnFocus","changeActiveValue","onClick","onKeydown","event","code","onArrowDownKey","onArrowUpKey","onHomeKey","onEndKey","onEnterKey","nextPanel","findNextPanel","findPanel","currentTarget","changeFocusedPanel","preventDefault","prevPanel","findPrevPanel","firstPanel","findFirstPanel","lastPanel","findLastPanel","headerElement","closest","findHeader","panelElement","DomHandler","findSingle","selfCheck","element","nextElementSibling","getAttribute","previousElementSibling","$el","firstElementChild","lastElementChild","updateValue","$pcAccordionPanel","value","focus","computed","id","concat","ariaControls","attrs","mergeProps","asAttrs","a11yAttrs","ptmi","ptParams","disabled","undefined","tabindex","active","context","components","ChevronUpIcon","ChevronDownIcon","directives","ripple","Ripple","_ctx","_createBlock","_resolveDynamicComponent","_mergeProps","cx","$options","_renderSlot","$slots","_openBlock","collapseicon","collapseIcon","ptm","expandicon","expandIcon"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/accordionheader/BaseAccordionHeader.vue","../../src/accordionheader/AccordionHeader.vue","../../src/accordionheader/AccordionHeader.vue?vue&type=template&id=7231e259&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport AccordionHeaderStyle from 'primevue/accordionheader/style';\n\nexport default {\n    name: 'BaseAccordionHeader',\n    extends: BaseComponent,\n    props: {\n        as: {\n            type: String,\n            default: 'BUTTON'\n        },\n        asChild: {\n            type: Boolean,\n            default: false\n        }\n    },\n    style: AccordionHeaderStyle,\n    provide() {\n        return {\n            $pcAccordionHeader: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" @click=\"onClick\" v-bind=\"attrs\">\n        <slot :active=\"$pcAccordionPanel.active\"></slot>\n        <slot name=\"toggleicon\" :active=\"$pcAccordionPanel.active\" :class=\"cx('toggleicon')\">\n            <component\n                v-if=\"$pcAccordionPanel.active\"\n                :is=\"$pcAccordion.$slots.collapseicon ? $pcAccordion.$slots.collapseicon : $pcAccordion.collapseIcon ? 'span' : 'ChevronDownIcon'\"\n                :class=\"[$pcAccordion.collapseIcon, cx('toggleicon')]\"\n                aria-hidden=\"true\"\n                v-bind=\"ptm('toggleicon', ptParams)\"\n            ></component>\n            <component\n                v-else\n                :is=\"$pcAccordion.$slots.expandicon ? $pcAccordion.$slots.expandicon : $pcAccordion.expandIcon ? 'span' : 'ChevronUpIcon'\"\n                :class=\"[$pcAccordion.expandIcon, cx('toggleicon')]\"\n                aria-hidden=\"true\"\n                v-bind=\"ptm('toggleicon', ptParams)\"\n            ></component>\n        </slot>\n    </component>\n    <slot v-else :class=\"cx('root')\" :active=\"$pcAccordionPanel.active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { findSingle, getAttribute, focus } from '@primeuix/utils/dom';\nimport ChevronDownIcon from '@primevue/icons/chevrondown';\nimport ChevronUpIcon from '@primevue/icons/chevronup';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseAccordionHeader from './BaseAccordionHeader.vue';\n\nexport default {\n    name: 'AccordionHeader',\n    extends: BaseAccordionHeader,\n    inheritAttrs: false,\n    inject: ['$pcAccordion', '$pcAccordionPanel'],\n    methods: {\n        onFocus() {\n            this.$pcAccordion.selectOnFocus && this.changeActiveValue();\n        },\n        onClick() {\n            this.changeActiveValue();\n        },\n        onKeydown(event) {\n            switch (event.code) {\n                case 'ArrowDown':\n                    this.onArrowDownKey(event);\n                    break;\n\n                case 'ArrowUp':\n                    this.onArrowUpKey(event);\n                    break;\n\n                case 'Home':\n                    this.onHomeKey(event);\n                    break;\n\n                case 'End':\n                    this.onEndKey(event);\n                    break;\n\n                case 'Enter':\n                case 'NumpadEnter':\n                case 'Space':\n                    this.onEnterKey(event);\n                    break;\n\n                default:\n                    break;\n            }\n        },\n        onArrowDownKey(event) {\n            const nextPanel = this.findNextPanel(this.findPanel(event.currentTarget));\n\n            nextPanel ? this.changeFocusedPanel(event, nextPanel) : this.onHomeKey(event);\n            event.preventDefault();\n        },\n        onArrowUpKey(event) {\n            const prevPanel = this.findPrevPanel(this.findPanel(event.currentTarget));\n\n            prevPanel ? this.changeFocusedPanel(event, prevPanel) : this.onEndKey(event);\n            event.preventDefault();\n        },\n        onHomeKey(event) {\n            const firstPanel = this.findFirstPanel();\n\n            this.changeFocusedPanel(event, firstPanel);\n            event.preventDefault();\n        },\n        onEndKey(event) {\n            const lastPanel = this.findLastPanel();\n\n            this.changeFocusedPanel(event, lastPanel);\n            event.preventDefault();\n        },\n        onEnterKey(event) {\n            this.changeActiveValue();\n            event.preventDefault();\n        },\n        findPanel(headerElement) {\n            return headerElement?.closest('[data-pc-name=\"accordionpanel\"]');\n        },\n        findHeader(panelElement) {\n            return findSingle(panelElement, '[data-pc-name=\"accordionheader\"]');\n        },\n        findNextPanel(panelElement, selfCheck = false) {\n            const element = selfCheck ? panelElement : panelElement.nextElementSibling;\n\n            return element ? (getAttribute(element, 'data-p-disabled') ? this.findNextPanel(element) : this.findHeader(element)) : null;\n        },\n        findPrevPanel(panelElement, selfCheck = false) {\n            const element = selfCheck ? panelElement : panelElement.previousElementSibling;\n\n            return element ? (getAttribute(element, 'data-p-disabled') ? this.findPrevPanel(element) : this.findHeader(element)) : null;\n        },\n        findFirstPanel() {\n            return this.findNextPanel(this.$pcAccordion.$el.firstElementChild, true);\n        },\n        findLastPanel() {\n            return this.findPrevPanel(this.$pcAccordion.$el.lastElementChild, true);\n        },\n        changeActiveValue() {\n            this.$pcAccordion.updateValue(this.$pcAccordionPanel.value);\n        },\n        changeFocusedPanel(event, element) {\n            focus(this.findHeader(element));\n        }\n    },\n    computed: {\n        id() {\n            return `${this.$pcAccordion.id}_accordionheader_${this.$pcAccordionPanel.value}`;\n        },\n        ariaControls() {\n            return `${this.$pcAccordion.id}_accordioncontent_${this.$pcAccordionPanel.value}`;\n        },\n        attrs() {\n            return mergeProps(this.asAttrs, this.a11yAttrs, this.ptmi('root', this.ptParams));\n        },\n        asAttrs() {\n            return this.as === 'BUTTON' ? { type: 'button', disabled: this.$pcAccordionPanel.disabled } : undefined;\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                tabindex: this.$pcAccordion.tabindex,\n                'aria-expanded': this.$pcAccordionPanel.active,\n                'aria-controls': this.ariaControls,\n                'data-pc-name': 'accordionheader',\n                'data-p-disabled': this.$pcAccordionPanel.disabled,\n                'data-p-active': this.$pcAccordionPanel.active,\n                onFocus: this.onFocus,\n                onKeydown: this.onKeydown\n            };\n        },\n        ptParams() {\n            return {\n                context: {\n                    active: this.$pcAccordionPanel.active\n                }\n            };\n        }\n    },\n    components: {\n        ChevronUpIcon,\n        ChevronDownIcon\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" @click=\"onClick\" v-bind=\"attrs\">\n        <slot :active=\"$pcAccordionPanel.active\"></slot>\n        <slot name=\"toggleicon\" :active=\"$pcAccordionPanel.active\" :class=\"cx('toggleicon')\">\n            <component\n                v-if=\"$pcAccordionPanel.active\"\n                :is=\"$pcAccordion.$slots.collapseicon ? $pcAccordion.$slots.collapseicon : $pcAccordion.collapseIcon ? 'span' : 'ChevronDownIcon'\"\n                :class=\"[$pcAccordion.collapseIcon, cx('toggleicon')]\"\n                aria-hidden=\"true\"\n                v-bind=\"ptm('toggleicon', ptParams)\"\n            ></component>\n            <component\n                v-else\n                :is=\"$pcAccordion.$slots.expandicon ? $pcAccordion.$slots.expandicon : $pcAccordion.expandIcon ? 'span' : 'ChevronUpIcon'\"\n                :class=\"[$pcAccordion.expandIcon, cx('toggleicon')]\"\n                aria-hidden=\"true\"\n                v-bind=\"ptm('toggleicon', ptParams)\"\n            ></component>\n        </slot>\n    </component>\n    <slot v-else :class=\"cx('root')\" :active=\"$pcAccordionPanel.active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { findSingle, getAttribute, focus } from '@primeuix/utils/dom';\nimport ChevronDownIcon from '@primevue/icons/chevrondown';\nimport ChevronUpIcon from '@primevue/icons/chevronup';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseAccordionHeader from './BaseAccordionHeader.vue';\n\nexport default {\n    name: 'AccordionHeader',\n    extends: BaseAccordionHeader,\n    inheritAttrs: false,\n    inject: ['$pcAccordion', '$pcAccordionPanel'],\n    methods: {\n        onFocus() {\n            this.$pcAccordion.selectOnFocus && this.changeActiveValue();\n        },\n        onClick() {\n            this.changeActiveValue();\n        },\n        onKeydown(event) {\n            switch (event.code) {\n                case 'ArrowDown':\n                    this.onArrowDownKey(event);\n                    break;\n\n                case 'ArrowUp':\n                    this.onArrowUpKey(event);\n                    break;\n\n                case 'Home':\n                    this.onHomeKey(event);\n                    break;\n\n                case 'End':\n                    this.onEndKey(event);\n                    break;\n\n                case 'Enter':\n                case 'NumpadEnter':\n                case 'Space':\n                    this.onEnterKey(event);\n                    break;\n\n                default:\n                    break;\n            }\n        },\n        onArrowDownKey(event) {\n            const nextPanel = this.findNextPanel(this.findPanel(event.currentTarget));\n\n            nextPanel ? this.changeFocusedPanel(event, nextPanel) : this.onHomeKey(event);\n            event.preventDefault();\n        },\n        onArrowUpKey(event) {\n            const prevPanel = this.findPrevPanel(this.findPanel(event.currentTarget));\n\n            prevPanel ? this.changeFocusedPanel(event, prevPanel) : this.onEndKey(event);\n            event.preventDefault();\n        },\n        onHomeKey(event) {\n            const firstPanel = this.findFirstPanel();\n\n            this.changeFocusedPanel(event, firstPanel);\n            event.preventDefault();\n        },\n        onEndKey(event) {\n            const lastPanel = this.findLastPanel();\n\n            this.changeFocusedPanel(event, lastPanel);\n            event.preventDefault();\n        },\n        onEnterKey(event) {\n            this.changeActiveValue();\n            event.preventDefault();\n        },\n        findPanel(headerElement) {\n            return headerElement?.closest('[data-pc-name=\"accordionpanel\"]');\n        },\n        findHeader(panelElement) {\n            return findSingle(panelElement, '[data-pc-name=\"accordionheader\"]');\n        },\n        findNextPanel(panelElement, selfCheck = false) {\n            const element = selfCheck ? panelElement : panelElement.nextElementSibling;\n\n            return element ? (getAttribute(element, 'data-p-disabled') ? this.findNextPanel(element) : this.findHeader(element)) : null;\n        },\n        findPrevPanel(panelElement, selfCheck = false) {\n            const element = selfCheck ? panelElement : panelElement.previousElementSibling;\n\n            return element ? (getAttribute(element, 'data-p-disabled') ? this.findPrevPanel(element) : this.findHeader(element)) : null;\n        },\n        findFirstPanel() {\n            return this.findNextPanel(this.$pcAccordion.$el.firstElementChild, true);\n        },\n        findLastPanel() {\n            return this.findPrevPanel(this.$pcAccordion.$el.lastElementChild, true);\n        },\n        changeActiveValue() {\n            this.$pcAccordion.updateValue(this.$pcAccordionPanel.value);\n        },\n        changeFocusedPanel(event, element) {\n            focus(this.findHeader(element));\n        }\n    },\n    computed: {\n        id() {\n            return `${this.$pcAccordion.id}_accordionheader_${this.$pcAccordionPanel.value}`;\n        },\n        ariaControls() {\n            return `${this.$pcAccordion.id}_accordioncontent_${this.$pcAccordionPanel.value}`;\n        },\n        attrs() {\n            return mergeProps(this.asAttrs, this.a11yAttrs, this.ptmi('root', this.ptParams));\n        },\n        asAttrs() {\n            return this.as === 'BUTTON' ? { type: 'button', disabled: this.$pcAccordionPanel.disabled } : undefined;\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                tabindex: this.$pcAccordion.tabindex,\n                'aria-expanded': this.$pcAccordionPanel.active,\n                'aria-controls': this.ariaControls,\n                'data-pc-name': 'accordionheader',\n                'data-p-disabled': this.$pcAccordionPanel.disabled,\n                'data-p-active': this.$pcAccordionPanel.active,\n                onFocus: this.onFocus,\n                onKeydown: this.onKeydown\n            };\n        },\n        ptParams() {\n            return {\n                context: {\n                    active: this.$pcAccordionPanel.active\n                }\n            };\n        }\n    },\n    components: {\n        ChevronUpIcon,\n        ChevronDownIcon\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","as","type","String","asChild","Boolean","style","AccordionHeaderStyle","provide","$pcAccordionHeader","$parentInstance","BaseAccordionHeader","inheritAttrs","inject","methods","onFocus","$pcAccordion","selectOnFocus","changeActiveValue","onClick","onKeydown","event","code","onArrowDownKey","onArrowUpKey","onHomeKey","onEndKey","onEnterKey","nextPanel","findNextPanel","findPanel","currentTarget","changeFocusedPanel","preventDefault","prevPanel","findPrevPanel","firstPanel","findFirstPanel","lastPanel","findLastPanel","headerElement","closest","findHeader","panelElement","findSingle","selfCheck","element","nextElementSibling","getAttribute","previousElementSibling","$el","firstElementChild","lastElementChild","updateValue","$pcAccordionPanel","value","focus","computed","id","concat","ariaControls","attrs","mergeProps","asAttrs","a11yAttrs","ptmi","ptParams","disabled","undefined","tabindex","active","context","components","ChevronUpIcon","ChevronDownIcon","directives","ripple","Ripple","_ctx","_createBlock","_resolveDynamicComponent","_mergeProps","cx","$options","_renderSlot","$slots","_openBlock","collapseicon","collapseIcon","ptm","expandicon","expandIcon"],"mappings":"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"}

package/animateonscroll/index.mjs

@@ -1,4 +1,4 @@
-import { DomHandler } from '@primevue/core/utils';
+import { removeClass, addClass } from '@primeuix/utils/dom';
 import BaseDirective from '@primevue/core/basedirective';
 import AnimateOnScrollStyle from 'primevue/animateonscroll/style';
 
@@ -16,7 +16,7 @@ function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLim
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var AnimateOnScroll = BaseAnimateOnScroll.extend('animateonscroll', {
   created: function created() {
@@ -41,7 +41,7 @@ var AnimateOnScroll = BaseAnimateOnScroll.extend('animateonscroll', {
       var _this = this;
       if (!this.animationEndListener) {
         this.animationEndListener = function () {
-          DomHandler.removeMultipleClasses(_this.$el, [_this.$value.enterClass, _this.$value.leaveClass]);
+          removeClass(_this.$el, [_this.$value.enterClass, _this.$value.leaveClass]);
           !_this.$modifiers.once && _this.resetObserver.observe(_this.$el);
           _this.unbindAnimationEvents();
         };
@@ -84,7 +84,7 @@ var AnimateOnScroll = BaseAnimateOnScroll.extend('animateonscroll', {
           entry = _ref4[0];
         if (entry.boundingClientRect.top > 0 && !entry.isIntersecting) {
           _this2.$el.style.opacity = _this2.$value.enterClass ? '0' : '';
-          DomHandler.removeMultipleClasses(_this2.$el, [_this2.$value.enterClass, _this2.$value.leaveClass]);
+          removeClass(_this2.$el, [_this2.$value.enterClass, _this2.$value.leaveClass]);
           _this2.resetObserver.unobserve(_this2.$el);
         }
         _this2.animationState = undefined;
@@ -95,8 +95,8 @@ var AnimateOnScroll = BaseAnimateOnScroll.extend('animateonscroll', {
     enter: function enter() {
       if (this.animationState !== 'enter' && this.$value.enterClass) {
         this.$el.style.opacity = '';
-        DomHandler.removeMultipleClasses(this.$el, this.$value.leaveClass);
-        DomHandler.addMultipleClasses(this.$el, this.$value.enterClass);
+        removeClass(this.$el, this.$value.leaveClass);
+        addClass(this.$el, this.$value.enterClass);
         this.$modifiers.once && this.unbindIntersectionObserver(this.$el);
         this.bindAnimationEvents();
         this.animationState = 'enter';
@@ -105,8 +105,8 @@ var AnimateOnScroll = BaseAnimateOnScroll.extend('animateonscroll', {
     leave: function leave() {
       if (this.animationState !== 'leave' && this.$value.leaveClass) {
         this.$el.style.opacity = this.$value.enterClass ? '0' : '';
-        DomHandler.removeMultipleClasses(this.$el, this.$value.enterClass);
-        DomHandler.addMultipleClasses(this.$el, this.$value.leaveClass);
+        removeClass(this.$el, this.$value.enterClass);
+        addClass(this.$el, this.$value.leaveClass);
         this.bindAnimationEvents();
         this.animationState = 'leave';
       }

package/animateonscroll/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/animateonscroll/BaseAnimateOnScroll.js","../../src/animateonscroll/AnimateOnScroll.js"],"sourcesContent":["import BaseDirective from '@primevue/core/basedirective';\nimport AnimateOnScrollStyle from 'primevue/animateonscroll/style';\n\nconst BaseAnimateOnScroll = BaseDirective.extend({\n    style: AnimateOnScrollStyle\n});\n\nexport default BaseAnimateOnScroll;\n","import { DomHandler } from '@primevue/core/utils';\nimport BaseAnimateOnScroll from './BaseAnimateOnScroll';\n\nconst AnimateOnScroll = BaseAnimateOnScroll.extend('animateonscroll', {\n    created() {\n        this.$value = this.$value || {};\n        this.$el.style.opacity = this.$value.enterClass ? '0' : '';\n    },\n    mounted() {\n        this.$el.setAttribute('data-pd-animateonscroll', true);\n\n        this.bindIntersectionObserver();\n    },\n    unmounted() {\n        this.unbindAnimationEvents();\n        this.unbindIntersectionObserver();\n    },\n    observer: undefined,\n    resetObserver: undefined,\n    isObserverActive: false,\n    animationState: undefined,\n    animationEndListener: undefined,\n    methods: {\n        bindAnimationEvents() {\n            if (!this.animationEndListener) {\n                this.animationEndListener = () => {\n                    DomHandler.removeMultipleClasses(this.$el, [this.$value.enterClass, this.$value.leaveClass]);\n                    !this.$modifiers.once && this.resetObserver.observe(this.$el);\n                    this.unbindAnimationEvents();\n                };\n\n                this.$el.addEventListener('animationend', this.animationEndListener);\n            }\n        },\n        bindIntersectionObserver() {\n            const { root, rootMargin, threshold = 0.5 } = this.$value;\n            const options = { root, rootMargin, threshold };\n\n            // States\n            this.observer = new IntersectionObserver(([entry]) => {\n                if (this.isObserverActive) {\n                    if (entry.boundingClientRect.top > 0) {\n                        entry.isIntersecting ? this.enter() : this.leave();\n                    }\n                } else if (entry.isIntersecting) {\n                    this.enter();\n                }\n\n                this.isObserverActive = true;\n            }, options);\n\n            setTimeout(() => this.observer.observe(this.$el), 0);\n\n            // Reset\n            this.resetObserver = new IntersectionObserver(\n                ([entry]) => {\n                    if (entry.boundingClientRect.top > 0 && !entry.isIntersecting) {\n                        this.$el.style.opacity = this.$value.enterClass ? '0' : '';\n                        DomHandler.removeMultipleClasses(this.$el, [this.$value.enterClass, this.$value.leaveClass]);\n\n                        this.resetObserver.unobserve(this.$el);\n                    }\n\n                    this.animationState = undefined;\n                },\n                { ...options, threshold: 0 }\n            );\n        },\n        enter() {\n            if (this.animationState !== 'enter' && this.$value.enterClass) {\n                this.$el.style.opacity = '';\n                DomHandler.removeMultipleClasses(this.$el, this.$value.leaveClass);\n                DomHandler.addMultipleClasses(this.$el, this.$value.enterClass);\n\n                this.$modifiers.once && this.unbindIntersectionObserver(this.$el);\n\n                this.bindAnimationEvents();\n                this.animationState = 'enter';\n            }\n        },\n        leave() {\n            if (this.animationState !== 'leave' && this.$value.leaveClass) {\n                this.$el.style.opacity = this.$value.enterClass ? '0' : '';\n                DomHandler.removeMultipleClasses(this.$el, this.$value.enterClass);\n                DomHandler.addMultipleClasses(this.$el, this.$value.leaveClass);\n\n                this.bindAnimationEvents();\n                this.animationState = 'leave';\n            }\n        },\n        unbindAnimationEvents() {\n            if (this.animationEndListener) {\n                this.$el.removeEventListener('animationend', this.animationEndListener);\n                this.animationEndListener = undefined;\n            }\n        },\n        unbindIntersectionObserver() {\n            this.observer?.unobserve(this.$el);\n            this.resetObserver?.unobserve(this.$el);\n            this.isObserverActive = false;\n        }\n    }\n});\n\nexport default AnimateOnScroll;\n"],"names":["BaseAnimateOnScroll","BaseDirective","extend","style","AnimateOnScrollStyle","AnimateOnScroll","created","$value","$el","opacity","enterClass","mounted","setAttribute","bindIntersectionObserver","unmounted","unbindAnimationEvents","unbindIntersectionObserver","observer","undefined","resetObserver","isObserverActive","animationState","animationEndListener","methods","bindAnimationEvents","_this","DomHandler","removeMultipleClasses","leaveClass","$modifiers","once","observe","addEventListener","_this2","_this$$value","root","rootMargin","_this$$value$threshol","threshold","options","IntersectionObserver","_ref","_ref2","_slicedToArray","entry","boundingClientRect","top","isIntersecting","enter","leave","setTimeout","_ref3","_ref4","unobserve","_objectSpread","addMultipleClasses","removeEventListener","_this$observer","_this$resetObserver"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/animateonscroll/BaseAnimateOnScroll.js","../../src/animateonscroll/AnimateOnScroll.js"],"sourcesContent":["import BaseDirective from '@primevue/core/basedirective';\nimport AnimateOnScrollStyle from 'primevue/animateonscroll/style';\n\nconst BaseAnimateOnScroll = BaseDirective.extend({\n    style: AnimateOnScrollStyle\n});\n\nexport default BaseAnimateOnScroll;\n","import { addClass, removeClass } from '@primeuix/utils/dom';\nimport BaseAnimateOnScroll from './BaseAnimateOnScroll';\n\nconst AnimateOnScroll = BaseAnimateOnScroll.extend('animateonscroll', {\n    created() {\n        this.$value = this.$value || {};\n        this.$el.style.opacity = this.$value.enterClass ? '0' : '';\n    },\n    mounted() {\n        this.$el.setAttribute('data-pd-animateonscroll', true);\n\n        this.bindIntersectionObserver();\n    },\n    unmounted() {\n        this.unbindAnimationEvents();\n        this.unbindIntersectionObserver();\n    },\n    observer: undefined,\n    resetObserver: undefined,\n    isObserverActive: false,\n    animationState: undefined,\n    animationEndListener: undefined,\n    methods: {\n        bindAnimationEvents() {\n            if (!this.animationEndListener) {\n                this.animationEndListener = () => {\n                    removeClass(this.$el, [this.$value.enterClass, this.$value.leaveClass]);\n                    !this.$modifiers.once && this.resetObserver.observe(this.$el);\n                    this.unbindAnimationEvents();\n                };\n\n                this.$el.addEventListener('animationend', this.animationEndListener);\n            }\n        },\n        bindIntersectionObserver() {\n            const { root, rootMargin, threshold = 0.5 } = this.$value;\n            const options = { root, rootMargin, threshold };\n\n            // States\n            this.observer = new IntersectionObserver(([entry]) => {\n                if (this.isObserverActive) {\n                    if (entry.boundingClientRect.top > 0) {\n                        entry.isIntersecting ? this.enter() : this.leave();\n                    }\n                } else if (entry.isIntersecting) {\n                    this.enter();\n                }\n\n                this.isObserverActive = true;\n            }, options);\n\n            setTimeout(() => this.observer.observe(this.$el), 0);\n\n            // Reset\n            this.resetObserver = new IntersectionObserver(\n                ([entry]) => {\n                    if (entry.boundingClientRect.top > 0 && !entry.isIntersecting) {\n                        this.$el.style.opacity = this.$value.enterClass ? '0' : '';\n                        removeClass(this.$el, [this.$value.enterClass, this.$value.leaveClass]);\n\n                        this.resetObserver.unobserve(this.$el);\n                    }\n\n                    this.animationState = undefined;\n                },\n                { ...options, threshold: 0 }\n            );\n        },\n        enter() {\n            if (this.animationState !== 'enter' && this.$value.enterClass) {\n                this.$el.style.opacity = '';\n                removeClass(this.$el, this.$value.leaveClass);\n                addClass(this.$el, this.$value.enterClass);\n\n                this.$modifiers.once && this.unbindIntersectionObserver(this.$el);\n\n                this.bindAnimationEvents();\n                this.animationState = 'enter';\n            }\n        },\n        leave() {\n            if (this.animationState !== 'leave' && this.$value.leaveClass) {\n                this.$el.style.opacity = this.$value.enterClass ? '0' : '';\n                removeClass(this.$el, this.$value.enterClass);\n                addClass(this.$el, this.$value.leaveClass);\n\n                this.bindAnimationEvents();\n                this.animationState = 'leave';\n            }\n        },\n        unbindAnimationEvents() {\n            if (this.animationEndListener) {\n                this.$el.removeEventListener('animationend', this.animationEndListener);\n                this.animationEndListener = undefined;\n            }\n        },\n        unbindIntersectionObserver() {\n            this.observer?.unobserve(this.$el);\n            this.resetObserver?.unobserve(this.$el);\n            this.isObserverActive = false;\n        }\n    }\n});\n\nexport default AnimateOnScroll;\n"],"names":["BaseAnimateOnScroll","BaseDirective","extend","style","AnimateOnScrollStyle","AnimateOnScroll","created","$value","$el","opacity","enterClass","mounted","setAttribute","bindIntersectionObserver","unmounted","unbindAnimationEvents","unbindIntersectionObserver","observer","undefined","resetObserver","isObserverActive","animationState","animationEndListener","methods","bindAnimationEvents","_this","removeClass","leaveClass","$modifiers","once","observe","addEventListener","_this2","_this$$value","root","rootMargin","_this$$value$threshol","threshold","options","IntersectionObserver","_ref","_ref2","_slicedToArray","entry","boundingClientRect","top","isIntersecting","enter","leave","setTimeout","_ref3","_ref4","unobserve","_objectSpread","addClass","removeEventListener","_this$observer","_this$resetObserver"],"mappings":"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"}

package/autocomplete/AutoComplete.vue

@@ -180,7 +180,10 @@
 </template>
 
 <script>
-import { ConnectedOverlayScrollHandler, DomHandler, ObjectUtils, UniqueComponentId, ZIndexUtils } from '@primevue/core/utils';
+import { ConnectedOverlayScrollHandler, UniqueComponentId } from '@primevue/core/utils';
+import { focus, addStyle, relativePosition, getOuterWidth, absolutePosition, isTouchDevice, findSingle } from '@primeuix/utils/dom';
+import { resolveFieldData, isEmpty, isNotEmpty, equals, findLastIndex } from '@primeuix/utils/object';
+import { ZIndex } from '@primeuix/utils/zindex';
 import ChevronDownIcon from '@primevue/icons/chevrondown';
 import SpinnerIcon from '@primevue/icons/spinner';
 import Chip from 'primevue/chip';
@@ -247,7 +250,7 @@ export default {
         }
 
         if (this.overlay) {
-            ZIndexUtils.clear(this.overlay);
+            ZIndex.clear(this.overlay);
             this.overlay = null;
         }
     },
@@ -256,13 +259,13 @@ export default {
             return this.virtualScrollerDisabled ? index : fn && fn(index)['index'];
         },
         getOptionLabel(option) {
-            return this.optionLabel ? ObjectUtils.resolveFieldData(option, this.optionLabel) : option;
+            return this.optionLabel ? resolveFieldData(option, this.optionLabel) : option;
         },
         getOptionValue(option) {
             return option; // TODO: The 'optionValue' properties can be added.
         },
         getOptionRenderKey(option, index) {
-            return (this.dataKey ? ObjectUtils.resolveFieldData(option, this.dataKey) : this.getOptionLabel(option)) + '_' + index;
+            return (this.dataKey ? resolveFieldData(option, this.dataKey) : this.getOptionLabel(option)) + '_' + index;
         },
         getPTOptions(option, itemOptions, index, key) {
             return this.ptm(key, {
@@ -274,16 +277,16 @@ export default {
             });
         },
         isOptionDisabled(option) {
-            return this.optionDisabled ? ObjectUtils.resolveFieldData(option, this.optionDisabled) : false;
+            return this.optionDisabled ? resolveFieldData(option, this.optionDisabled) : false;
         },
         isOptionGroup(option) {
             return this.optionGroupLabel && option.optionGroup && option.group;
         },
         getOptionGroupLabel(optionGroup) {
-            return ObjectUtils.resolveFieldData(optionGroup, this.optionGroupLabel);
+            return resolveFieldData(optionGroup, this.optionGroupLabel);
         },
         getOptionGroupChildren(optionGroup) {
-            return ObjectUtils.resolveFieldData(optionGroup, this.optionGroupChildren);
+            return resolveFieldData(optionGroup, this.optionGroupChildren);
         },
         getAriaPosInset(index) {
             return (this.optionGroupLabel ? index - this.visibleOptions.slice(0, index).filter((option) => this.isOptionGroup(option)).length : index) + 1;
@@ -293,7 +296,7 @@ export default {
             this.dirty = true;
             this.overlayVisible = true;
             this.focusedOptionIndex = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : -1;
-            isFocus && DomHandler.focus(this.multiple ? this.$refs.focusInput : this.$refs.focusInput.$el);
+            isFocus && focus(this.multiple ? this.$refs.focusInput : this.$refs.focusInput.$el);
         },
         hide(isFocus) {
             const _hide = () => {
@@ -303,7 +306,7 @@ export default {
                 this.clicked = false;
                 this.focusedOptionIndex = -1;
 
-                isFocus && DomHandler.focus(this.multiple ? this.$refs.focusInput : this.$refs.focusInput.$el);
+                isFocus && focus(this.multiple ? this.$refs.focusInput : this.$refs.focusInput.$el);
             };
 
             setTimeout(() => {
@@ -499,7 +502,7 @@ export default {
             }
 
             if (!this.overlay || !this.overlay.contains(event.target)) {
-                DomHandler.focus(this.multiple ? this.$refs.focusInput : this.$refs.focusInput.$el);
+                focus(this.multiple ? this.$refs.focusInput : this.$refs.focusInput.$el);
             }
         },
         onDropdownClick(event) {
@@ -508,7 +511,7 @@ export default {
             if (this.overlayVisible) {
                 this.hide(true);
             } else {
-                DomHandler.focus(this.multiple ? this.$refs.focusInput : this.$refs.focusInput.$el);
+                focus(this.multiple ? this.$refs.focusInput : this.$refs.focusInput.$el);
                 query = this.$refs.focusInput.$el.value;
 
                 if (this.dropdownMode === 'blank') this.search(event, '', 'dropdown');
@@ -593,8 +596,8 @@ export default {
             this.focusedOptionIndex = -1;
 
             if (this.multiple) {
-                if (ObjectUtils.isEmpty(target.value) && this.hasSelectedOption) {
-                    DomHandler.focus(this.$refs.multiContainer);
+                if (isEmpty(target.value) && this.hasSelectedOption) {
+                    focus(this.$refs.multiContainer);
                     this.focusedMultipleOptionIndex = this.modelValue.length;
                 } else {
                     event.stopPropagation(); // To prevent onArrowLeftKeyOnMultiple method
@@ -664,7 +667,7 @@ export default {
         },
         onBackspaceKey(event) {
             if (this.multiple) {
-                if (ObjectUtils.isNotEmpty(this.modelValue) && !this.$refs.focusInput.value) {
+                if (isNotEmpty(this.modelValue) && !this.$refs.focusInput.value) {
                     const removedValue = this.modelValue[this.modelValue.length - 1];
                     const newValue = this.modelValue.slice(0, -1);
 
@@ -684,7 +687,7 @@ export default {
 
             if (this.focusedMultipleOptionIndex > this.modelValue.length - 1) {
                 this.focusedMultipleOptionIndex = -1;
-                DomHandler.focus(this.$refs.focusInput);
+                focus(this.$refs.focusInput);
             }
         },
         onBackspaceKeyOnMultiple(event) {
@@ -693,9 +696,9 @@ export default {
             }
         },
         onOverlayEnter(el) {
-            ZIndexUtils.set('overlay', el, this.$primevue.config.zIndex.overlay);
+            ZIndex.set('overlay', el, this.$primevue.config.zIndex.overlay);
 
-            DomHandler.addStyles(el, { position: 'absolute', top: '0', left: '0' });
+            addStyle(el, { position: 'absolute', top: '0', left: '0' });
             this.alignOverlay();
         },
         onOverlayAfterEnter() {
@@ -714,16 +717,16 @@ export default {
             this.overlay = null;
         },
         onOverlayAfterLeave(el) {
-            ZIndexUtils.clear(el);
+            ZIndex.clear(el);
         },
         alignOverlay() {
             let target = this.multiple ? this.$refs.multiContainer : this.$refs.focusInput.$el;
 
             if (this.appendTo === 'self') {
-                DomHandler.relativePosition(this.overlay, target);
+                relativePosition(this.overlay, target);
             } else {
-                this.overlay.style.minWidth = DomHandler.getOuterWidth(target) + 'px';
-                DomHandler.absolutePosition(this.overlay, target);
+                this.overlay.style.minWidth = getOuterWidth(target) + 'px';
+                absolutePosition(this.overlay, target);
             }
         },
         bindOutsideClickListener() {
@@ -762,7 +765,7 @@ export default {
         bindResizeListener() {
             if (!this.resizeListener) {
                 this.resizeListener = () => {
-                    if (this.overlayVisible && !DomHandler.isTouchDevice()) {
+                    if (this.overlayVisible && !isTouchDevice()) {
                         this.hide();
                     }
                 };
@@ -790,13 +793,13 @@ export default {
             return this.isValidOption(option) && this.getOptionLabel(option)?.toLocaleLowerCase(this.searchLocale) === value.toLocaleLowerCase(this.searchLocale);
         },
         isValidOption(option) {
-            return ObjectUtils.isNotEmpty(option) && !(this.isOptionDisabled(option) || this.isOptionGroup(option));
+            return isNotEmpty(option) && !(this.isOptionDisabled(option) || this.isOptionGroup(option));
         },
         isValidSelectedOption(option) {
             return this.isValidOption(option) && this.isSelected(option);
         },
         isEquals(value1, value2) {
-            return ObjectUtils.equals(value1, value2, this.equalityKey);
+            return equals(value1, value2, this.equalityKey);
         },
         isSelected(option) {
             const optionValue = this.getOptionValue(option);
@@ -807,7 +810,7 @@ export default {
             return this.visibleOptions.findIndex((option) => this.isValidOption(option));
         },
         findLastOptionIndex() {
-            return ObjectUtils.findLastIndex(this.visibleOptions, (option) => this.isValidOption(option));
+            return findLastIndex(this.visibleOptions, (option) => this.isValidOption(option));
         },
         findNextOptionIndex(index) {
             const matchedOptionIndex = index < this.visibleOptions.length - 1 ? this.visibleOptions.slice(index + 1).findIndex((option) => this.isValidOption(option)) : -1;
@@ -815,7 +818,7 @@ export default {
             return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : index;
         },
         findPrevOptionIndex(index) {
-            const matchedOptionIndex = index > 0 ? ObjectUtils.findLastIndex(this.visibleOptions.slice(0, index), (option) => this.isValidOption(option)) : -1;
+            const matchedOptionIndex = index > 0 ? findLastIndex(this.visibleOptions.slice(0, index), (option) => this.isValidOption(option)) : -1;
 
             return matchedOptionIndex > -1 ? matchedOptionIndex : index;
         },
@@ -854,7 +857,7 @@ export default {
             this.$emit('item-unselect', { originalEvent: event, value: removedOption });
             this.$emit('option-unselect', { originalEvent: event, value: removedOption });
             this.dirty = true;
-            DomHandler.focus(this.multiple ? this.$refs.focusInput : this.$refs.focusInput.$el);
+            focus(this.multiple ? this.$refs.focusInput : this.$refs.focusInput.$el);
         },
         changeFocusedOptionIndex(event, index) {
             if (this.focusedOptionIndex !== index) {
@@ -869,7 +872,7 @@ export default {
         scrollInView(index = -1) {
             this.$nextTick(() => {
                 const id = index !== -1 ? `${this.id}_${index}` : this.focusedOptionId;
-                const element = DomHandler.findSingle(this.list, `li[id="${id}"]`);
+                const element = findSingle(this.list, `li[id="${id}"]`);
 
                 if (element) {
                     element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'start' });
@@ -915,7 +918,7 @@ export default {
             return this.optionGroupLabel ? this.flatOptions(this.suggestions) : this.suggestions || [];
         },
         inputValue() {
-            if (ObjectUtils.isNotEmpty(this.modelValue)) {
+            if (isNotEmpty(this.modelValue)) {
                 if (typeof this.modelValue === 'object') {
                     const label = this.getOptionLabel(this.modelValue);
 
@@ -928,13 +931,13 @@ export default {
             }
         },
         hasSelectedOption() {
-            return ObjectUtils.isNotEmpty(this.modelValue);
+            return isNotEmpty(this.modelValue);
         },
         equalityKey() {
             return this.dataKey; // TODO: The 'optionValue' properties can be added.
         },
         searchResultMessageText() {
-            return ObjectUtils.isNotEmpty(this.visibleOptions) && this.overlayVisible ? this.searchMessageText.replaceAll('{0}', this.visibleOptions.length) : this.emptySearchMessageText;
+            return isNotEmpty(this.visibleOptions) && this.overlayVisible ? this.searchMessageText.replaceAll('{0}', this.visibleOptions.length) : this.emptySearchMessageText;
         },
         searchMessageText() {
             return this.searchMessage || this.$primevue.config.locale.searchMessage || '';

package/autocomplete/BaseAutoComplete.vue

@@ -178,6 +178,10 @@ export default {
         ariaLabelledby: {
             type: String,
             default: null
+        },
+        fluid: {
+            type: Boolean,
+            default: false
         }
     },
     style: AutoCompleteStyle,

package/autocomplete/index.d.ts

@@ -501,6 +501,11 @@ export interface AutoCompleteProps {
      * Index of the element in tabbing order.
      */
     tabindex?: number | string | undefined;
+    /**
+     * Spans 100% width of the container when enabled.
+     * @defaultValue false
+     */
+    fluid?: boolean;
     /**
      * Defines a string value that labels an interactive element.
      */