primevue 4.3.6 → 4.3.8
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/accordion/index.mjs.map +1 -1
- package/accordioncontent/index.mjs.map +1 -1
- package/accordionheader/index.mjs.map +1 -1
- package/accordionpanel/index.mjs.map +1 -1
- package/accordionpanel/style/index.mjs.map +1 -1
- package/accordiontab/index.mjs.map +1 -1
- package/animateonscroll/index.mjs.map +1 -1
- package/autocomplete/index.mjs.map +1 -1
- package/autocomplete/style/index.mjs +0 -1
- package/autocomplete/style/index.mjs.map +1 -1
- package/avatar/index.mjs.map +1 -1
- package/avatar/style/index.mjs.map +1 -1
- package/avatargroup/index.mjs.map +1 -1
- package/badge/index.mjs.map +1 -1
- package/badge/style/index.mjs.map +1 -1
- package/badgedirective/index.mjs.map +1 -1
- package/blockui/index.mjs.map +1 -1
- package/breadcrumb/index.mjs.map +1 -1
- package/breadcrumb/style/index.mjs.map +1 -1
- package/button/index.mjs.map +1 -1
- package/button/style/index.mjs.map +1 -1
- package/buttongroup/index.mjs.map +1 -1
- package/calendar/index.d.ts +2 -2
- package/calendar/index.mjs.map +1 -1
- package/card/index.mjs.map +1 -1
- package/carousel/index.mjs.map +1 -1
- package/carousel/style/index.mjs.map +1 -1
- package/cascadeselect/index.mjs.map +1 -1
- package/cascadeselect/style/index.mjs.map +1 -1
- package/chart/index.mjs.map +1 -1
- package/checkbox/index.mjs.map +1 -1
- package/checkbox/style/index.mjs.map +1 -1
- package/checkboxgroup/index.mjs.map +1 -1
- package/chip/index.mjs.map +1 -1
- package/chips/index.mjs.map +1 -1
- package/colorpicker/ColorPicker.vue +1 -1
- package/colorpicker/index.mjs +1 -1
- package/colorpicker/index.mjs.map +1 -1
- package/colorpicker/style/index.mjs.map +1 -1
- package/column/index.mjs.map +1 -1
- package/columngroup/index.mjs.map +1 -1
- package/confirmationservice/index.mjs.map +1 -1
- package/confirmdialog/index.mjs.map +1 -1
- package/confirmpopup/index.mjs.map +1 -1
- package/contextmenu/index.mjs.map +1 -1
- package/contextmenu/style/index.mjs.map +1 -1
- package/datatable/BodyCell.vue +2 -2
- package/datatable/TableHeader.vue +2 -0
- package/datatable/index.d.ts +1 -1
- package/datatable/index.mjs +8 -6
- package/datatable/index.mjs.map +1 -1
- package/datatable/style/index.mjs.map +1 -1
- package/dataview/index.mjs.map +1 -1
- package/dataview/style/index.mjs.map +1 -1
- package/datepicker/BaseDatePicker.vue +4 -0
- package/datepicker/DatePicker.vue +22 -6
- package/datepicker/index.d.ts +6 -2
- package/datepicker/index.mjs +25 -6
- package/datepicker/index.mjs.map +1 -1
- package/datepicker/style/index.mjs.map +1 -1
- package/deferredcontent/index.mjs.map +1 -1
- package/dialog/index.mjs.map +1 -1
- package/dialog/style/index.mjs.map +1 -1
- package/dialogservice/index.mjs.map +1 -1
- package/divider/index.mjs.map +1 -1
- package/divider/style/index.mjs.map +1 -1
- package/dock/index.mjs.map +1 -1
- package/dock/style/index.mjs.map +1 -1
- package/drawer/index.mjs.map +1 -1
- package/drawer/style/index.mjs.map +1 -1
- package/dropdown/index.mjs.map +1 -1
- package/dynamicdialog/index.mjs.map +1 -1
- package/editor/index.mjs.map +1 -1
- package/editor/style/index.mjs.map +1 -1
- package/fieldset/index.mjs.map +1 -1
- package/fieldset/style/index.mjs.map +1 -1
- package/fileupload/index.mjs.map +1 -1
- package/fileupload/style/index.mjs.map +1 -1
- package/floatlabel/index.mjs.map +1 -1
- package/floatlabel/style/index.mjs.map +1 -1
- package/fluid/index.mjs.map +1 -1
- package/focustrap/index.mjs.map +1 -1
- package/galleria/index.mjs.map +1 -1
- package/galleria/style/index.mjs.map +1 -1
- package/iconfield/index.mjs.map +1 -1
- package/iftalabel/index.mjs.map +1 -1
- package/image/index.mjs.map +1 -1
- package/image/style/index.mjs.map +1 -1
- package/imagecompare/index.mjs.map +1 -1
- package/inlinemessage/index.mjs.map +1 -1
- package/inlinemessage/style/index.mjs.map +1 -1
- package/inplace/index.mjs.map +1 -1
- package/inplace/style/index.mjs.map +1 -1
- package/inputchips/index.mjs.map +1 -1
- package/inputchips/style/index.mjs.map +1 -1
- package/inputgroup/index.mjs.map +1 -1
- package/inputgroupaddon/index.mjs.map +1 -1
- package/inputicon/InputIcon.vue +1 -1
- package/inputicon/index.mjs +3 -1
- package/inputicon/index.mjs.map +1 -1
- package/inputmask/index.mjs.map +1 -1
- package/inputmask/style/index.mjs.map +1 -1
- package/inputnumber/InputNumber.vue +19 -2
- package/inputnumber/index.mjs +15 -1
- package/inputnumber/index.mjs.map +1 -1
- package/inputnumber/style/index.mjs.map +1 -1
- package/inputotp/index.mjs.map +1 -1
- package/inputswitch/index.mjs.map +1 -1
- package/inputtext/index.mjs.map +1 -1
- package/inputtext/style/index.mjs.map +1 -1
- package/keyfilter/index.mjs.map +1 -1
- package/knob/index.mjs.map +1 -1
- package/knob/style/index.mjs.map +1 -1
- package/listbox/index.mjs.map +1 -1
- package/listbox/style/index.mjs.map +1 -1
- package/megamenu/index.mjs.map +1 -1
- package/megamenu/style/index.mjs.map +1 -1
- package/menu/Menu.vue +2 -2
- package/menu/index.mjs +1 -1
- package/menu/index.mjs.map +1 -1
- package/menu/style/index.mjs.map +1 -1
- package/menubar/index.mjs.map +1 -1
- package/menubar/style/index.mjs.map +1 -1
- package/message/index.mjs.map +1 -1
- package/message/style/index.mjs.map +1 -1
- package/metergroup/index.mjs.map +1 -1
- package/metergroup/style/index.mjs.map +1 -1
- package/multiselect/MultiSelect.vue +1 -1
- package/multiselect/index.mjs +1 -1
- package/multiselect/index.mjs.map +1 -1
- package/multiselect/style/index.mjs.map +1 -1
- package/orderlist/index.mjs.map +1 -1
- package/organizationchart/index.mjs.map +1 -1
- package/organizationchart/style/index.mjs.map +1 -1
- package/overlaybadge/index.mjs.map +1 -1
- package/overlaypanel/index.mjs.map +1 -1
- package/package.json +6 -6
- package/paginator/index.mjs.map +1 -1
- package/paginator/style/index.mjs.map +1 -1
- package/panel/index.mjs.map +1 -1
- package/panel/style/index.mjs.map +1 -1
- package/panelmenu/index.mjs.map +1 -1
- package/panelmenu/style/index.mjs.map +1 -1
- package/password/index.mjs.map +1 -1
- package/password/style/index.mjs.map +1 -1
- package/picklist/index.mjs.map +1 -1
- package/popover/index.mjs.map +1 -1
- package/portal/index.mjs.map +1 -1
- package/progressbar/index.mjs.map +1 -1
- package/progressbar/style/index.mjs.map +1 -1
- package/progressspinner/index.mjs.map +1 -1
- package/radiobutton/index.mjs.map +1 -1
- package/radiobutton/style/index.mjs.map +1 -1
- package/radiobuttongroup/index.mjs.map +1 -1
- package/rating/index.mjs.map +1 -1
- package/rating/style/index.mjs.map +1 -1
- package/ripple/index.mjs.map +1 -1
- package/row/index.mjs.map +1 -1
- package/scrollpanel/index.mjs.map +1 -1
- package/scrolltop/index.mjs.map +1 -1
- package/scrolltop/style/index.mjs.map +1 -1
- package/select/Select.vue +1 -1
- package/select/index.mjs +1 -1
- package/select/index.mjs.map +1 -1
- package/select/style/index.mjs.map +1 -1
- package/selectbutton/index.mjs.map +1 -1
- package/selectbutton/style/index.mjs.map +1 -1
- package/sidebar/index.mjs.map +1 -1
- package/skeleton/index.mjs.map +1 -1
- package/skeleton/style/index.mjs.map +1 -1
- package/slider/index.d.ts +3 -3
- package/slider/index.mjs.map +1 -1
- package/slider/style/index.mjs.map +1 -1
- package/speeddial/index.mjs.map +1 -1
- package/speeddial/style/index.mjs.map +1 -1
- package/splitbutton/index.mjs.map +1 -1
- package/splitbutton/style/index.mjs.map +1 -1
- package/splitter/index.mjs.map +1 -1
- package/splitter/style/index.mjs.map +1 -1
- package/splitterpanel/index.mjs.map +1 -1
- package/splitterpanel/style/index.mjs.map +1 -1
- package/step/index.mjs.map +1 -1
- package/step/style/index.mjs.map +1 -1
- package/stepitem/index.mjs.map +1 -1
- package/stepitem/style/index.mjs.map +1 -1
- package/steplist/index.mjs.map +1 -1
- package/steppanel/index.mjs.map +1 -1
- package/steppanel/style/index.mjs.map +1 -1
- package/steppanels/index.mjs.map +1 -1
- package/stepper/index.mjs.map +1 -1
- package/stepper/style/index.mjs.map +1 -1
- package/steps/index.mjs.map +1 -1
- package/steps/style/index.mjs.map +1 -1
- package/styleclass/index.d.ts +11 -1
- package/styleclass/index.mjs +62 -15
- package/styleclass/index.mjs.map +1 -1
- package/tab/index.mjs.map +1 -1
- package/tab/style/index.mjs.map +1 -1
- package/tablist/TabList.vue +1 -1
- package/tablist/index.mjs +1 -1
- package/tablist/index.mjs.map +1 -1
- package/tablist/style/index.mjs +1 -6
- package/tablist/style/index.mjs.map +1 -1
- package/tabmenu/index.mjs.map +1 -1
- package/tabmenu/style/index.mjs.map +1 -1
- package/tabpanel/index.mjs.map +1 -1
- package/tabpanel/style/index.mjs.map +1 -1
- package/tabpanels/index.mjs.map +1 -1
- package/tabs/index.mjs.map +1 -1
- package/tabs/style/index.mjs.map +1 -1
- package/tabview/index.mjs.map +1 -1
- package/tabview/style/index.mjs.map +1 -1
- package/tag/index.mjs.map +1 -1
- package/tag/style/index.mjs.map +1 -1
- package/terminal/index.mjs.map +1 -1
- package/textarea/Textarea.vue +11 -7
- package/textarea/index.mjs +10 -7
- package/textarea/index.mjs.map +1 -1
- package/textarea/style/index.mjs.map +1 -1
- package/tieredmenu/index.mjs.map +1 -1
- package/tieredmenu/style/index.mjs.map +1 -1
- package/timeline/index.mjs.map +1 -1
- package/timeline/style/index.mjs.map +1 -1
- package/toast/index.mjs.map +1 -1
- package/toast/style/index.mjs.map +1 -1
- package/toastservice/index.mjs.map +1 -1
- package/togglebutton/index.mjs.map +1 -1
- package/togglebutton/style/index.mjs.map +1 -1
- package/toggleswitch/index.mjs.map +1 -1
- package/toggleswitch/style/index.mjs.map +1 -1
- package/toolbar/index.mjs.map +1 -1
- package/tooltip/index.mjs.map +1 -1
- package/tree/TreeNode.vue +2 -1
- package/tree/index.mjs +3 -2
- package/tree/index.mjs.map +1 -1
- package/tree/style/index.mjs.map +1 -1
- package/treeselect/index.mjs.map +1 -1
- package/treeselect/style/index.mjs.map +1 -1
- package/treetable/index.mjs.map +1 -1
- package/treetable/style/index.mjs.map +1 -1
- package/umd/primevue.min.js +1 -1
- package/useconfirm/index.mjs.map +1 -1
- package/usedialog/index.mjs.map +1 -1
- package/usetoast/index.mjs.map +1 -1
- package/virtualscroller/index.mjs.map +1 -1
- package/web-types.json +1 -1
package/steppanels/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/steppanels/BaseStepPanels.vue","../../src/steppanels/StepPanels.vue","../../src/steppanels/StepPanels.vue?vue&type=template&id=43d040c1&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport StepPanelsStyle from 'primevue/steppanels/style';\n\nexport default {\n name: 'BaseStepPanels',\n extends: BaseComponent,\n style: StepPanelsStyle,\n provide() {\n return {\n $pcStepPanels: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <slot />\n </div>\n</template>\n\n<script>\nimport BaseStepPanels from './BaseStepPanels.vue';\n\nexport default {\n name: 'StepPanels',\n extends: BaseStepPanels,\n inheritAttrs: false\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <slot />\n </div>\n</template>\n\n<script>\nimport BaseStepPanels from './BaseStepPanels.vue';\n\nexport default {\n name: 'StepPanels',\n extends: BaseStepPanels,\n inheritAttrs: false\n};\n</script>\n"],"names":["name","BaseComponent","style","StepPanelsStyle","provide","$pcStepPanels","$parentInstance","BaseStepPanels","inheritAttrs","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_renderSlot","$slots"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,gBAAgB;AACtB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAEC,eAAe;EACtBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,aAAa,EAAE,IAAI;AACnBC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;ACLD,aAAe;AACXN,EAAAA,IAAI,EAAE,YAAY;AAClB,EAAA,SAAA,EAASO,QAAc;AACvBC,EAAAA,YAAY,EAAE;AAClB,CAAC;;;ECZG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAEK,OAFLC,UAAA,CAEK;AAFC,IAAA,OAAA,EAAOC,IAAA,CAAAC,EAAE,CAAA,MAAA;KAAkBD,IAAA,CAAAE,IAAI,CAAA,MAAA,CAAA,CAAA,EAAA,CACjCC,UAAA,CAAOH,IAAA,CAAAI,MAAA,EAAA,SAAA,CAAA;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/steppanels/BaseStepPanels.vue","../../src/steppanels/StepPanels.vue","../../src/steppanels/StepPanels.vue?vue&type=template&id=43d040c1&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport StepPanelsStyle from 'primevue/steppanels/style';\n\nexport default {\n name: 'BaseStepPanels',\n extends: BaseComponent,\n style: StepPanelsStyle,\n provide() {\n return {\n $pcStepPanels: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <slot />\n </div>\n</template>\n\n<script>\nimport BaseStepPanels from './BaseStepPanels.vue';\n\nexport default {\n name: 'StepPanels',\n extends: BaseStepPanels,\n inheritAttrs: false\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <slot />\n </div>\n</template>\n\n<script>\nimport BaseStepPanels from './BaseStepPanels.vue';\n\nexport default {\n name: 'StepPanels',\n extends: BaseStepPanels,\n inheritAttrs: false\n};\n</script>\n"],"names":["name","BaseComponent","style","StepPanelsStyle","provide","$pcStepPanels","$parentInstance","BaseStepPanels","inheritAttrs","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_renderSlot","$slots"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,gBAAgB;AACtB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAEC,eAAe;EACtBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,aAAa,EAAE,IAAI;AACnBC,MAAAA,eAAe,EAAE;KACpB;AACL,EAAA;AACJ,CAAC;;ACLD,aAAe;AACXN,EAAAA,IAAI,EAAE,YAAY;AAClB,EAAA,SAAA,EAASO,QAAc;AACvBC,EAAAA,YAAY,EAAE;AAClB,CAAC;;;ECZG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAEK,OAFLC,UAAA,CAEK;AAFC,IAAA,OAAA,EAAOC,IAAA,CAAAC,EAAE,CAAA,MAAA;KAAkBD,IAAA,CAAAE,IAAI,CAAA,MAAA,CAAA,CAAA,EAAA,CACjCC,UAAA,CAAOH,IAAA,CAAAI,MAAA,EAAA,SAAA,CAAA;;;;;;;"}
|
package/stepper/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/stepper/BaseStepper.vue","../../src/stepper/Stepper.vue","../../src/stepper/Stepper.vue?vue&type=template&id=d25a98fc&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport StepperStyle from 'primevue/stepper/style';\n\nexport default {\n name: 'BaseStepper',\n extends: BaseComponent,\n props: {\n value: {\n type: [String, Number],\n default: undefined\n },\n linear: {\n type: Boolean,\n default: false\n }\n },\n style: StepperStyle,\n provide() {\n return {\n $pcStepper: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" role=\"tablist\" v-bind=\"ptmi('root')\">\n <slot v-if=\"$slots.start\" name=\"start\" />\n <slot />\n <slot v-if=\"$slots.end\" name=\"end\" />\n </div>\n</template>\n\n<script>\nimport BaseStepper from './BaseStepper.vue';\n\nexport default {\n name: 'Stepper',\n extends: BaseStepper,\n inheritAttrs: false,\n emits: ['update:value'],\n data() {\n return {\n d_value: this.value\n };\n },\n watch: {\n value(newValue) {\n this.d_value = newValue;\n }\n },\n methods: {\n updateValue(newValue) {\n if (this.d_value !== newValue) {\n this.d_value = newValue;\n this.$emit('update:value', newValue);\n }\n },\n isStepActive(value) {\n return this.d_value === value;\n },\n isStepDisabled() {\n return this.linear;\n }\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" role=\"tablist\" v-bind=\"ptmi('root')\">\n <slot v-if=\"$slots.start\" name=\"start\" />\n <slot />\n <slot v-if=\"$slots.end\" name=\"end\" />\n </div>\n</template>\n\n<script>\nimport BaseStepper from './BaseStepper.vue';\n\nexport default {\n name: 'Stepper',\n extends: BaseStepper,\n inheritAttrs: false,\n emits: ['update:value'],\n data() {\n return {\n d_value: this.value\n };\n },\n watch: {\n value(newValue) {\n this.d_value = newValue;\n }\n },\n methods: {\n updateValue(newValue) {\n if (this.d_value !== newValue) {\n this.d_value = newValue;\n this.$emit('update:value', newValue);\n }\n },\n isStepActive(value) {\n return this.d_value === value;\n },\n isStepDisabled() {\n return this.linear;\n }\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","Number","undefined","linear","Boolean","style","StepperStyle","provide","$pcStepper","$parentInstance","BaseStepper","inheritAttrs","emits","data","d_value","watch","newValue","methods","updateValue","$emit","isStepActive","isStepDisabled","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","role","ptmi","$slots","start","_renderSlot","key","end"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,aAAa;AACnB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;MACtB,SAAA,EAASC;KACZ;AACDC,IAAAA,MAAM,EAAE;AACJJ,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAA,EAAS;AACb;GACH;AACDC,EAAAA,KAAK,EAAEC,YAAY;EACnBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,UAAU,EAAE,IAAI;AAChBC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;ACbD,aAAe;AACXd,EAAAA,IAAI,EAAE,SAAS;AACf,EAAA,SAAA,EAASe,QAAW;AACpBC,EAAAA,YAAY,EAAE,KAAK;EACnBC,KAAK,EAAE,CAAC,cAAc,CAAC;EACvBC,IAAI,EAAA,SAAJA,IAAIA,GAAG;IACH,OAAO;MACHC,OAAO,EAAE,IAAI,CAAChB;KACjB;
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/stepper/BaseStepper.vue","../../src/stepper/Stepper.vue","../../src/stepper/Stepper.vue?vue&type=template&id=d25a98fc&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport StepperStyle from 'primevue/stepper/style';\n\nexport default {\n name: 'BaseStepper',\n extends: BaseComponent,\n props: {\n value: {\n type: [String, Number],\n default: undefined\n },\n linear: {\n type: Boolean,\n default: false\n }\n },\n style: StepperStyle,\n provide() {\n return {\n $pcStepper: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" role=\"tablist\" v-bind=\"ptmi('root')\">\n <slot v-if=\"$slots.start\" name=\"start\" />\n <slot />\n <slot v-if=\"$slots.end\" name=\"end\" />\n </div>\n</template>\n\n<script>\nimport BaseStepper from './BaseStepper.vue';\n\nexport default {\n name: 'Stepper',\n extends: BaseStepper,\n inheritAttrs: false,\n emits: ['update:value'],\n data() {\n return {\n d_value: this.value\n };\n },\n watch: {\n value(newValue) {\n this.d_value = newValue;\n }\n },\n methods: {\n updateValue(newValue) {\n if (this.d_value !== newValue) {\n this.d_value = newValue;\n this.$emit('update:value', newValue);\n }\n },\n isStepActive(value) {\n return this.d_value === value;\n },\n isStepDisabled() {\n return this.linear;\n }\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" role=\"tablist\" v-bind=\"ptmi('root')\">\n <slot v-if=\"$slots.start\" name=\"start\" />\n <slot />\n <slot v-if=\"$slots.end\" name=\"end\" />\n </div>\n</template>\n\n<script>\nimport BaseStepper from './BaseStepper.vue';\n\nexport default {\n name: 'Stepper',\n extends: BaseStepper,\n inheritAttrs: false,\n emits: ['update:value'],\n data() {\n return {\n d_value: this.value\n };\n },\n watch: {\n value(newValue) {\n this.d_value = newValue;\n }\n },\n methods: {\n updateValue(newValue) {\n if (this.d_value !== newValue) {\n this.d_value = newValue;\n this.$emit('update:value', newValue);\n }\n },\n isStepActive(value) {\n return this.d_value === value;\n },\n isStepDisabled() {\n return this.linear;\n }\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","Number","undefined","linear","Boolean","style","StepperStyle","provide","$pcStepper","$parentInstance","BaseStepper","inheritAttrs","emits","data","d_value","watch","newValue","methods","updateValue","$emit","isStepActive","isStepDisabled","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","role","ptmi","$slots","start","_renderSlot","key","end"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,aAAa;AACnB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;MACtB,SAAA,EAASC;KACZ;AACDC,IAAAA,MAAM,EAAE;AACJJ,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAA,EAAS;AACb;GACH;AACDC,EAAAA,KAAK,EAAEC,YAAY;EACnBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,UAAU,EAAE,IAAI;AAChBC,MAAAA,eAAe,EAAE;KACpB;AACL,EAAA;AACJ,CAAC;;ACbD,aAAe;AACXd,EAAAA,IAAI,EAAE,SAAS;AACf,EAAA,SAAA,EAASe,QAAW;AACpBC,EAAAA,YAAY,EAAE,KAAK;EACnBC,KAAK,EAAE,CAAC,cAAc,CAAC;EACvBC,IAAI,EAAA,SAAJA,IAAIA,GAAG;IACH,OAAO;MACHC,OAAO,EAAE,IAAI,CAAChB;KACjB;EACL,CAAC;AACDiB,EAAAA,KAAK,EAAE;AACHjB,IAAAA,KAAK,EAAA,SAALA,KAAKA,CAACkB,QAAQ,EAAE;MACZ,IAAI,CAACF,OAAM,GAAIE,QAAQ;AAC3B,IAAA;GACH;AACDC,EAAAA,OAAO,EAAE;AACLC,IAAAA,WAAW,EAAA,SAAXA,WAAWA,CAACF,QAAQ,EAAE;AAClB,MAAA,IAAI,IAAI,CAACF,OAAM,KAAME,QAAQ,EAAE;QAC3B,IAAI,CAACF,OAAM,GAAIE,QAAQ;AACvB,QAAA,IAAI,CAACG,KAAK,CAAC,cAAc,EAAEH,QAAQ,CAAC;AACxC,MAAA;IACJ,CAAC;AACDI,IAAAA,YAAY,EAAA,SAAZA,YAAYA,CAACtB,KAAK,EAAE;AAChB,MAAA,OAAO,IAAI,CAACgB,OAAM,KAAMhB,KAAK;IACjC,CAAC;IACDuB,cAAc,EAAA,SAAdA,cAAcA,GAAG;MACb,OAAO,IAAI,CAAClB,MAAM;AACtB,IAAA;AACJ;AACJ,CAAC;;;ECvCG,OAAAmB,SAAA,EAAA,EAAAC,kBAAA,CAIK,OAJLC,UAAA,CAIK;AAJC,IAAA,OAAA,EAAOC,IAAA,CAAAC,EAAE,CAAA,MAAA,CAAA;AAAUC,IAAAA,IAAI,EAAC;KAAkBF,IAAA,CAAAG,IAAI,CAAA,MAAA,CAAA,CAAA,EAAA,CACpCH,IAAA,CAAAI,MAAM,CAACC,KAAK,GAAxBC,UAAA,CAAwCN,IAAA,CAAAI,MAAA,EAAA,OAAA,EAAA;AAAAG,IAAAA,GAAA,EAAA;AAAA,GAAA,CAAA,iCACxCD,UAAA,CAAON,IAAA,CAAAI,MAAA,EAAA,SAAA,CAAA,EACKJ,IAAA,CAAAI,MAAM,CAACI,GAAG,GAAtBF,UAAA,CAAoCN,IAAA,CAAAI,MAAA,EAAA,KAAA,EAAA;AAAAG,IAAAA,GAAA,EAAA;GAAA,CAAA;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../src/stepper/style/StepperStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/stepper';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n root: ({ props }) => [\n 'p-stepper p-component',\n {\n 'p-readonly': props.linear\n }\n ],\n separator: 'p-stepper-separator'\n};\n\nexport default BaseStyle.extend({\n name: 'stepper',\n style,\n classes\n});\n"],"names":["classes","root","_ref","props","linear","separator","BaseStyle","extend","name","style"],"mappings":";;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAKC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAA,OAAO,CACjB,uBAAuB,EACvB;MACI,YAAY,EAAEA,KAAK,CAACC;AACxB,KAAC,CACJ;AAAA,
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/stepper/style/StepperStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/stepper';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n root: ({ props }) => [\n 'p-stepper p-component',\n {\n 'p-readonly': props.linear\n }\n ],\n separator: 'p-stepper-separator'\n};\n\nexport default BaseStyle.extend({\n name: 'stepper',\n style,\n classes\n});\n"],"names":["classes","root","_ref","props","linear","separator","BaseStyle","extend","name","style"],"mappings":";;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAKC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAA,OAAO,CACjB,uBAAuB,EACvB;MACI,YAAY,EAAEA,KAAK,CAACC;AACxB,KAAC,CACJ;AAAA,EAAA,CAAA;AACDC,EAAAA,SAAS,EAAE;AACf,CAAC;AAED,mBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,KAAK,EAALA,KAAK;AACLT,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}
|
package/steps/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/steps/BaseSteps.vue","../../src/steps/Steps.vue","../../src/steps/Steps.vue?vue&type=template&id=514a482f&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport StepsStyle from 'primevue/steps/style';\n\nexport default {\n name: 'BaseSteps',\n extends: BaseComponent,\n props: {\n id: {\n type: String\n },\n model: {\n type: Array,\n default: null\n },\n readonly: {\n type: Boolean,\n default: true\n },\n activeStep: {\n type: Number,\n default: 0\n }\n },\n style: StepsStyle,\n provide() {\n return {\n $pcSteps: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <nav :id=\"id\" :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <ol ref=\"list\" :class=\"cx('list')\" v-bind=\"ptm('list')\">\n <template v-for=\"(item, index) of model\" :key=\"label(item) + '_' + index.toString()\">\n <li\n v-if=\"visible(item)\"\n :class=\"[cx('item', { item, index }), item.class]\"\n :style=\"item.style\"\n :aria-current=\"isActive(index) ? 'step' : undefined\"\n @click=\"onItemClick($event, item, index)\"\n @keydown=\"onItemKeydown($event, item, index)\"\n v-bind=\"getPTOptions('item', item, index)\"\n :data-p-active=\"isActive(index)\"\n :data-p-disabled=\"isItemDisabled(item, index)\"\n >\n <template v-if=\"!$slots.item\">\n <span :class=\"cx('itemLink')\" v-bind=\"getPTOptions('itemLink', item, index)\">\n <span :class=\"cx('itemNumber')\" v-bind=\"getPTOptions('itemNumber', item, index)\">{{ index + 1 }}</span>\n <span :class=\"cx('itemLabel')\" v-bind=\"getPTOptions('itemLabel', item, index)\">{{ label(item) }}</span>\n </span>\n </template>\n <component v-else :is=\"$slots.item\" :item=\"item\" :index=\"index\" :active=\"index === d_activeStep\" :label=\"label(item)\" :props=\"getMenuItemProps(item, index)\"></component>\n </li>\n </template>\n </ol>\n </nav>\n</template>\n\n<script>\nimport { findSingle, find } from '@primeuix/utils/dom';\nimport { mergeProps } from 'vue';\nimport BaseSteps from './BaseSteps.vue';\n\nexport default {\n name: 'Steps',\n extends: BaseSteps,\n inheritAttrs: false,\n emits: ['update:activeStep', 'step-change'],\n data() {\n return {\n d_activeStep: this.activeStep\n };\n },\n watch: {\n activeStep(newValue) {\n this.d_activeStep = newValue;\n }\n },\n mounted() {\n const firstItem = this.findFirstItem();\n\n firstItem && (firstItem.tabIndex = '0');\n },\n methods: {\n getPTOptions(key, item, index) {\n return this.ptm(key, {\n context: {\n item,\n index,\n active: this.isActive(index),\n disabled: this.isItemDisabled(item, index)\n }\n });\n },\n onItemClick(event, item, index) {\n if (this.disabled(item) || this.readonly) {\n event.preventDefault();\n\n return;\n }\n\n if (item.command) {\n item.command({\n originalEvent: event,\n item: item\n });\n }\n\n if (index !== this.d_activeStep) {\n this.d_activeStep = index;\n this.$emit('update:activeStep', this.d_activeStep);\n }\n\n this.$emit('step-change', {\n originalEvent: event,\n index: index\n });\n },\n onItemKeydown(event, item) {\n switch (event.code) {\n case 'ArrowRight': {\n this.navigateToNextItem(event.target);\n event.preventDefault();\n break;\n }\n\n case 'ArrowLeft': {\n this.navigateToPrevItem(event.target);\n event.preventDefault();\n break;\n }\n\n case 'Home': {\n this.navigateToFirstItem(event.target);\n event.preventDefault();\n break;\n }\n\n case 'End': {\n this.navigateToLastItem(event.target);\n event.preventDefault();\n break;\n }\n\n case 'Tab':\n //no op\n break;\n\n case 'Enter':\n case 'NumpadEnter':\n\n case 'Space': {\n this.onItemClick(event, item);\n event.preventDefault();\n break;\n }\n\n default:\n break;\n }\n },\n navigateToNextItem(target) {\n const nextItem = this.findNextItem(target);\n\n nextItem && this.setFocusToMenuitem(target, nextItem);\n },\n navigateToPrevItem(target) {\n const prevItem = this.findPrevItem(target);\n\n prevItem && this.setFocusToMenuitem(target, prevItem);\n },\n navigateToFirstItem(target) {\n const firstItem = this.findFirstItem(target);\n\n firstItem && this.setFocusToMenuitem(target, firstItem);\n },\n navigateToLastItem(target) {\n const lastItem = this.findLastItem(target);\n\n lastItem && this.setFocusToMenuitem(target, lastItem);\n },\n findNextItem(item) {\n const nextItem = item.parentElement.nextElementSibling;\n\n return nextItem ? nextItem.children[0] : null;\n },\n findPrevItem(item) {\n const prevItem = item.parentElement.previousElementSibling;\n\n return prevItem ? prevItem.children[0] : null;\n },\n findFirstItem() {\n const firstSibling = findSingle(this.$refs.list, '[data-pc-section=\"item\"]');\n\n return firstSibling ? firstSibling.children[0] : null;\n },\n findLastItem() {\n const siblings = find(this.$refs.list, '[data-pc-section=\"item\"]');\n\n return siblings ? siblings[siblings.length - 1].children[0] : null;\n },\n setFocusToMenuitem(target, focusableItem) {\n target.tabIndex = '-1';\n focusableItem.tabIndex = '0';\n focusableItem.focus();\n },\n isActive(index) {\n return index === this.d_activeStep;\n },\n isItemDisabled(item, index) {\n return this.disabled(item) || (this.readonly && !this.isActive(index));\n },\n visible(item) {\n return typeof item.visible === 'function' ? item.visible() : item.visible !== false;\n },\n disabled(item) {\n return typeof item.disabled === 'function' ? item.disabled() : item.disabled;\n },\n label(item) {\n return typeof item.label === 'function' ? item.label() : item.label;\n },\n getMenuItemProps(item, index) {\n return {\n action: mergeProps(\n {\n class: this.cx('itemLink'),\n onClick: ($event) => this.onItemClick($event, item),\n onKeyDown: ($event) => this.onItemKeydown($event, item)\n },\n this.getPTOptions('itemLink', item, index)\n ),\n step: mergeProps(\n {\n class: this.cx('itemNumber')\n },\n this.getPTOptions('itemNumber', item, index)\n ),\n label: mergeProps(\n {\n class: this.cx('itemLabel')\n },\n this.getPTOptions('itemLabel', item, index)\n )\n };\n }\n }\n};\n</script>\n","<template>\n <nav :id=\"id\" :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <ol ref=\"list\" :class=\"cx('list')\" v-bind=\"ptm('list')\">\n <template v-for=\"(item, index) of model\" :key=\"label(item) + '_' + index.toString()\">\n <li\n v-if=\"visible(item)\"\n :class=\"[cx('item', { item, index }), item.class]\"\n :style=\"item.style\"\n :aria-current=\"isActive(index) ? 'step' : undefined\"\n @click=\"onItemClick($event, item, index)\"\n @keydown=\"onItemKeydown($event, item, index)\"\n v-bind=\"getPTOptions('item', item, index)\"\n :data-p-active=\"isActive(index)\"\n :data-p-disabled=\"isItemDisabled(item, index)\"\n >\n <template v-if=\"!$slots.item\">\n <span :class=\"cx('itemLink')\" v-bind=\"getPTOptions('itemLink', item, index)\">\n <span :class=\"cx('itemNumber')\" v-bind=\"getPTOptions('itemNumber', item, index)\">{{ index + 1 }}</span>\n <span :class=\"cx('itemLabel')\" v-bind=\"getPTOptions('itemLabel', item, index)\">{{ label(item) }}</span>\n </span>\n </template>\n <component v-else :is=\"$slots.item\" :item=\"item\" :index=\"index\" :active=\"index === d_activeStep\" :label=\"label(item)\" :props=\"getMenuItemProps(item, index)\"></component>\n </li>\n </template>\n </ol>\n </nav>\n</template>\n\n<script>\nimport { findSingle, find } from '@primeuix/utils/dom';\nimport { mergeProps } from 'vue';\nimport BaseSteps from './BaseSteps.vue';\n\nexport default {\n name: 'Steps',\n extends: BaseSteps,\n inheritAttrs: false,\n emits: ['update:activeStep', 'step-change'],\n data() {\n return {\n d_activeStep: this.activeStep\n };\n },\n watch: {\n activeStep(newValue) {\n this.d_activeStep = newValue;\n }\n },\n mounted() {\n const firstItem = this.findFirstItem();\n\n firstItem && (firstItem.tabIndex = '0');\n },\n methods: {\n getPTOptions(key, item, index) {\n return this.ptm(key, {\n context: {\n item,\n index,\n active: this.isActive(index),\n disabled: this.isItemDisabled(item, index)\n }\n });\n },\n onItemClick(event, item, index) {\n if (this.disabled(item) || this.readonly) {\n event.preventDefault();\n\n return;\n }\n\n if (item.command) {\n item.command({\n originalEvent: event,\n item: item\n });\n }\n\n if (index !== this.d_activeStep) {\n this.d_activeStep = index;\n this.$emit('update:activeStep', this.d_activeStep);\n }\n\n this.$emit('step-change', {\n originalEvent: event,\n index: index\n });\n },\n onItemKeydown(event, item) {\n switch (event.code) {\n case 'ArrowRight': {\n this.navigateToNextItem(event.target);\n event.preventDefault();\n break;\n }\n\n case 'ArrowLeft': {\n this.navigateToPrevItem(event.target);\n event.preventDefault();\n break;\n }\n\n case 'Home': {\n this.navigateToFirstItem(event.target);\n event.preventDefault();\n break;\n }\n\n case 'End': {\n this.navigateToLastItem(event.target);\n event.preventDefault();\n break;\n }\n\n case 'Tab':\n //no op\n break;\n\n case 'Enter':\n case 'NumpadEnter':\n\n case 'Space': {\n this.onItemClick(event, item);\n event.preventDefault();\n break;\n }\n\n default:\n break;\n }\n },\n navigateToNextItem(target) {\n const nextItem = this.findNextItem(target);\n\n nextItem && this.setFocusToMenuitem(target, nextItem);\n },\n navigateToPrevItem(target) {\n const prevItem = this.findPrevItem(target);\n\n prevItem && this.setFocusToMenuitem(target, prevItem);\n },\n navigateToFirstItem(target) {\n const firstItem = this.findFirstItem(target);\n\n firstItem && this.setFocusToMenuitem(target, firstItem);\n },\n navigateToLastItem(target) {\n const lastItem = this.findLastItem(target);\n\n lastItem && this.setFocusToMenuitem(target, lastItem);\n },\n findNextItem(item) {\n const nextItem = item.parentElement.nextElementSibling;\n\n return nextItem ? nextItem.children[0] : null;\n },\n findPrevItem(item) {\n const prevItem = item.parentElement.previousElementSibling;\n\n return prevItem ? prevItem.children[0] : null;\n },\n findFirstItem() {\n const firstSibling = findSingle(this.$refs.list, '[data-pc-section=\"item\"]');\n\n return firstSibling ? firstSibling.children[0] : null;\n },\n findLastItem() {\n const siblings = find(this.$refs.list, '[data-pc-section=\"item\"]');\n\n return siblings ? siblings[siblings.length - 1].children[0] : null;\n },\n setFocusToMenuitem(target, focusableItem) {\n target.tabIndex = '-1';\n focusableItem.tabIndex = '0';\n focusableItem.focus();\n },\n isActive(index) {\n return index === this.d_activeStep;\n },\n isItemDisabled(item, index) {\n return this.disabled(item) || (this.readonly && !this.isActive(index));\n },\n visible(item) {\n return typeof item.visible === 'function' ? item.visible() : item.visible !== false;\n },\n disabled(item) {\n return typeof item.disabled === 'function' ? item.disabled() : item.disabled;\n },\n label(item) {\n return typeof item.label === 'function' ? item.label() : item.label;\n },\n getMenuItemProps(item, index) {\n return {\n action: mergeProps(\n {\n class: this.cx('itemLink'),\n onClick: ($event) => this.onItemClick($event, item),\n onKeyDown: ($event) => this.onItemKeydown($event, item)\n },\n this.getPTOptions('itemLink', item, index)\n ),\n step: mergeProps(\n {\n class: this.cx('itemNumber')\n },\n this.getPTOptions('itemNumber', item, index)\n ),\n label: mergeProps(\n {\n class: this.cx('itemLabel')\n },\n this.getPTOptions('itemLabel', item, index)\n )\n };\n }\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","id","type","String","model","Array","readonly","Boolean","activeStep","Number","style","StepsStyle","provide","$pcSteps","$parentInstance","BaseSteps","inheritAttrs","emits","data","d_activeStep","watch","newValue","mounted","firstItem","findFirstItem","tabIndex","methods","getPTOptions","key","item","index","ptm","context","active","isActive","disabled","isItemDisabled","onItemClick","event","preventDefault","command","originalEvent","$emit","onItemKeydown","code","navigateToNextItem","target","navigateToPrevItem","navigateToFirstItem","navigateToLastItem","nextItem","findNextItem","setFocusToMenuitem","prevItem","findPrevItem","lastItem","findLastItem","parentElement","nextElementSibling","children","previousElementSibling","firstSibling","findSingle","$refs","list","siblings","find","length","focusableItem","focus","visible","label","getMenuItemProps","_this","action","mergeProps","cx","onClick","$event","onKeyDown","step","_openBlock","_createElementBlock","_mergeProps","_ctx","ptmi","_createElementVNode","ref","_Fragment","_renderList","$options","toString","undefined","onKeydown","$slots","ref_for","_toDisplayString","_createBlock","_resolveDynamicComponent","$data"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/steps/BaseSteps.vue","../../src/steps/Steps.vue","../../src/steps/Steps.vue?vue&type=template&id=514a482f&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport StepsStyle from 'primevue/steps/style';\n\nexport default {\n name: 'BaseSteps',\n extends: BaseComponent,\n props: {\n id: {\n type: String\n },\n model: {\n type: Array,\n default: null\n },\n readonly: {\n type: Boolean,\n default: true\n },\n activeStep: {\n type: Number,\n default: 0\n }\n },\n style: StepsStyle,\n provide() {\n return {\n $pcSteps: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <nav :id=\"id\" :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <ol ref=\"list\" :class=\"cx('list')\" v-bind=\"ptm('list')\">\n <template v-for=\"(item, index) of model\" :key=\"label(item) + '_' + index.toString()\">\n <li\n v-if=\"visible(item)\"\n :class=\"[cx('item', { item, index }), item.class]\"\n :style=\"item.style\"\n :aria-current=\"isActive(index) ? 'step' : undefined\"\n @click=\"onItemClick($event, item, index)\"\n @keydown=\"onItemKeydown($event, item, index)\"\n v-bind=\"getPTOptions('item', item, index)\"\n :data-p-active=\"isActive(index)\"\n :data-p-disabled=\"isItemDisabled(item, index)\"\n >\n <template v-if=\"!$slots.item\">\n <span :class=\"cx('itemLink')\" v-bind=\"getPTOptions('itemLink', item, index)\">\n <span :class=\"cx('itemNumber')\" v-bind=\"getPTOptions('itemNumber', item, index)\">{{ index + 1 }}</span>\n <span :class=\"cx('itemLabel')\" v-bind=\"getPTOptions('itemLabel', item, index)\">{{ label(item) }}</span>\n </span>\n </template>\n <component v-else :is=\"$slots.item\" :item=\"item\" :index=\"index\" :active=\"index === d_activeStep\" :label=\"label(item)\" :props=\"getMenuItemProps(item, index)\"></component>\n </li>\n </template>\n </ol>\n </nav>\n</template>\n\n<script>\nimport { findSingle, find } from '@primeuix/utils/dom';\nimport { mergeProps } from 'vue';\nimport BaseSteps from './BaseSteps.vue';\n\nexport default {\n name: 'Steps',\n extends: BaseSteps,\n inheritAttrs: false,\n emits: ['update:activeStep', 'step-change'],\n data() {\n return {\n d_activeStep: this.activeStep\n };\n },\n watch: {\n activeStep(newValue) {\n this.d_activeStep = newValue;\n }\n },\n mounted() {\n const firstItem = this.findFirstItem();\n\n firstItem && (firstItem.tabIndex = '0');\n },\n methods: {\n getPTOptions(key, item, index) {\n return this.ptm(key, {\n context: {\n item,\n index,\n active: this.isActive(index),\n disabled: this.isItemDisabled(item, index)\n }\n });\n },\n onItemClick(event, item, index) {\n if (this.disabled(item) || this.readonly) {\n event.preventDefault();\n\n return;\n }\n\n if (item.command) {\n item.command({\n originalEvent: event,\n item: item\n });\n }\n\n if (index !== this.d_activeStep) {\n this.d_activeStep = index;\n this.$emit('update:activeStep', this.d_activeStep);\n }\n\n this.$emit('step-change', {\n originalEvent: event,\n index: index\n });\n },\n onItemKeydown(event, item) {\n switch (event.code) {\n case 'ArrowRight': {\n this.navigateToNextItem(event.target);\n event.preventDefault();\n break;\n }\n\n case 'ArrowLeft': {\n this.navigateToPrevItem(event.target);\n event.preventDefault();\n break;\n }\n\n case 'Home': {\n this.navigateToFirstItem(event.target);\n event.preventDefault();\n break;\n }\n\n case 'End': {\n this.navigateToLastItem(event.target);\n event.preventDefault();\n break;\n }\n\n case 'Tab':\n //no op\n break;\n\n case 'Enter':\n case 'NumpadEnter':\n\n case 'Space': {\n this.onItemClick(event, item);\n event.preventDefault();\n break;\n }\n\n default:\n break;\n }\n },\n navigateToNextItem(target) {\n const nextItem = this.findNextItem(target);\n\n nextItem && this.setFocusToMenuitem(target, nextItem);\n },\n navigateToPrevItem(target) {\n const prevItem = this.findPrevItem(target);\n\n prevItem && this.setFocusToMenuitem(target, prevItem);\n },\n navigateToFirstItem(target) {\n const firstItem = this.findFirstItem(target);\n\n firstItem && this.setFocusToMenuitem(target, firstItem);\n },\n navigateToLastItem(target) {\n const lastItem = this.findLastItem(target);\n\n lastItem && this.setFocusToMenuitem(target, lastItem);\n },\n findNextItem(item) {\n const nextItem = item.parentElement.nextElementSibling;\n\n return nextItem ? nextItem.children[0] : null;\n },\n findPrevItem(item) {\n const prevItem = item.parentElement.previousElementSibling;\n\n return prevItem ? prevItem.children[0] : null;\n },\n findFirstItem() {\n const firstSibling = findSingle(this.$refs.list, '[data-pc-section=\"item\"]');\n\n return firstSibling ? firstSibling.children[0] : null;\n },\n findLastItem() {\n const siblings = find(this.$refs.list, '[data-pc-section=\"item\"]');\n\n return siblings ? siblings[siblings.length - 1].children[0] : null;\n },\n setFocusToMenuitem(target, focusableItem) {\n target.tabIndex = '-1';\n focusableItem.tabIndex = '0';\n focusableItem.focus();\n },\n isActive(index) {\n return index === this.d_activeStep;\n },\n isItemDisabled(item, index) {\n return this.disabled(item) || (this.readonly && !this.isActive(index));\n },\n visible(item) {\n return typeof item.visible === 'function' ? item.visible() : item.visible !== false;\n },\n disabled(item) {\n return typeof item.disabled === 'function' ? item.disabled() : item.disabled;\n },\n label(item) {\n return typeof item.label === 'function' ? item.label() : item.label;\n },\n getMenuItemProps(item, index) {\n return {\n action: mergeProps(\n {\n class: this.cx('itemLink'),\n onClick: ($event) => this.onItemClick($event, item),\n onKeyDown: ($event) => this.onItemKeydown($event, item)\n },\n this.getPTOptions('itemLink', item, index)\n ),\n step: mergeProps(\n {\n class: this.cx('itemNumber')\n },\n this.getPTOptions('itemNumber', item, index)\n ),\n label: mergeProps(\n {\n class: this.cx('itemLabel')\n },\n this.getPTOptions('itemLabel', item, index)\n )\n };\n }\n }\n};\n</script>\n","<template>\n <nav :id=\"id\" :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <ol ref=\"list\" :class=\"cx('list')\" v-bind=\"ptm('list')\">\n <template v-for=\"(item, index) of model\" :key=\"label(item) + '_' + index.toString()\">\n <li\n v-if=\"visible(item)\"\n :class=\"[cx('item', { item, index }), item.class]\"\n :style=\"item.style\"\n :aria-current=\"isActive(index) ? 'step' : undefined\"\n @click=\"onItemClick($event, item, index)\"\n @keydown=\"onItemKeydown($event, item, index)\"\n v-bind=\"getPTOptions('item', item, index)\"\n :data-p-active=\"isActive(index)\"\n :data-p-disabled=\"isItemDisabled(item, index)\"\n >\n <template v-if=\"!$slots.item\">\n <span :class=\"cx('itemLink')\" v-bind=\"getPTOptions('itemLink', item, index)\">\n <span :class=\"cx('itemNumber')\" v-bind=\"getPTOptions('itemNumber', item, index)\">{{ index + 1 }}</span>\n <span :class=\"cx('itemLabel')\" v-bind=\"getPTOptions('itemLabel', item, index)\">{{ label(item) }}</span>\n </span>\n </template>\n <component v-else :is=\"$slots.item\" :item=\"item\" :index=\"index\" :active=\"index === d_activeStep\" :label=\"label(item)\" :props=\"getMenuItemProps(item, index)\"></component>\n </li>\n </template>\n </ol>\n </nav>\n</template>\n\n<script>\nimport { findSingle, find } from '@primeuix/utils/dom';\nimport { mergeProps } from 'vue';\nimport BaseSteps from './BaseSteps.vue';\n\nexport default {\n name: 'Steps',\n extends: BaseSteps,\n inheritAttrs: false,\n emits: ['update:activeStep', 'step-change'],\n data() {\n return {\n d_activeStep: this.activeStep\n };\n },\n watch: {\n activeStep(newValue) {\n this.d_activeStep = newValue;\n }\n },\n mounted() {\n const firstItem = this.findFirstItem();\n\n firstItem && (firstItem.tabIndex = '0');\n },\n methods: {\n getPTOptions(key, item, index) {\n return this.ptm(key, {\n context: {\n item,\n index,\n active: this.isActive(index),\n disabled: this.isItemDisabled(item, index)\n }\n });\n },\n onItemClick(event, item, index) {\n if (this.disabled(item) || this.readonly) {\n event.preventDefault();\n\n return;\n }\n\n if (item.command) {\n item.command({\n originalEvent: event,\n item: item\n });\n }\n\n if (index !== this.d_activeStep) {\n this.d_activeStep = index;\n this.$emit('update:activeStep', this.d_activeStep);\n }\n\n this.$emit('step-change', {\n originalEvent: event,\n index: index\n });\n },\n onItemKeydown(event, item) {\n switch (event.code) {\n case 'ArrowRight': {\n this.navigateToNextItem(event.target);\n event.preventDefault();\n break;\n }\n\n case 'ArrowLeft': {\n this.navigateToPrevItem(event.target);\n event.preventDefault();\n break;\n }\n\n case 'Home': {\n this.navigateToFirstItem(event.target);\n event.preventDefault();\n break;\n }\n\n case 'End': {\n this.navigateToLastItem(event.target);\n event.preventDefault();\n break;\n }\n\n case 'Tab':\n //no op\n break;\n\n case 'Enter':\n case 'NumpadEnter':\n\n case 'Space': {\n this.onItemClick(event, item);\n event.preventDefault();\n break;\n }\n\n default:\n break;\n }\n },\n navigateToNextItem(target) {\n const nextItem = this.findNextItem(target);\n\n nextItem && this.setFocusToMenuitem(target, nextItem);\n },\n navigateToPrevItem(target) {\n const prevItem = this.findPrevItem(target);\n\n prevItem && this.setFocusToMenuitem(target, prevItem);\n },\n navigateToFirstItem(target) {\n const firstItem = this.findFirstItem(target);\n\n firstItem && this.setFocusToMenuitem(target, firstItem);\n },\n navigateToLastItem(target) {\n const lastItem = this.findLastItem(target);\n\n lastItem && this.setFocusToMenuitem(target, lastItem);\n },\n findNextItem(item) {\n const nextItem = item.parentElement.nextElementSibling;\n\n return nextItem ? nextItem.children[0] : null;\n },\n findPrevItem(item) {\n const prevItem = item.parentElement.previousElementSibling;\n\n return prevItem ? prevItem.children[0] : null;\n },\n findFirstItem() {\n const firstSibling = findSingle(this.$refs.list, '[data-pc-section=\"item\"]');\n\n return firstSibling ? firstSibling.children[0] : null;\n },\n findLastItem() {\n const siblings = find(this.$refs.list, '[data-pc-section=\"item\"]');\n\n return siblings ? siblings[siblings.length - 1].children[0] : null;\n },\n setFocusToMenuitem(target, focusableItem) {\n target.tabIndex = '-1';\n focusableItem.tabIndex = '0';\n focusableItem.focus();\n },\n isActive(index) {\n return index === this.d_activeStep;\n },\n isItemDisabled(item, index) {\n return this.disabled(item) || (this.readonly && !this.isActive(index));\n },\n visible(item) {\n return typeof item.visible === 'function' ? item.visible() : item.visible !== false;\n },\n disabled(item) {\n return typeof item.disabled === 'function' ? item.disabled() : item.disabled;\n },\n label(item) {\n return typeof item.label === 'function' ? item.label() : item.label;\n },\n getMenuItemProps(item, index) {\n return {\n action: mergeProps(\n {\n class: this.cx('itemLink'),\n onClick: ($event) => this.onItemClick($event, item),\n onKeyDown: ($event) => this.onItemKeydown($event, item)\n },\n this.getPTOptions('itemLink', item, index)\n ),\n step: mergeProps(\n {\n class: this.cx('itemNumber')\n },\n this.getPTOptions('itemNumber', item, index)\n ),\n label: mergeProps(\n {\n class: this.cx('itemLabel')\n },\n this.getPTOptions('itemLabel', item, index)\n )\n };\n }\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","id","type","String","model","Array","readonly","Boolean","activeStep","Number","style","StepsStyle","provide","$pcSteps","$parentInstance","BaseSteps","inheritAttrs","emits","data","d_activeStep","watch","newValue","mounted","firstItem","findFirstItem","tabIndex","methods","getPTOptions","key","item","index","ptm","context","active","isActive","disabled","isItemDisabled","onItemClick","event","preventDefault","command","originalEvent","$emit","onItemKeydown","code","navigateToNextItem","target","navigateToPrevItem","navigateToFirstItem","navigateToLastItem","nextItem","findNextItem","setFocusToMenuitem","prevItem","findPrevItem","lastItem","findLastItem","parentElement","nextElementSibling","children","previousElementSibling","firstSibling","findSingle","$refs","list","siblings","find","length","focusableItem","focus","visible","label","getMenuItemProps","_this","action","mergeProps","cx","onClick","$event","onKeyDown","step","_openBlock","_createElementBlock","_mergeProps","_ctx","ptmi","_createElementVNode","ref","_Fragment","_renderList","$options","toString","undefined","onKeydown","$slots","ref_for","_toDisplayString","_createBlock","_resolveDynamicComponent","$data"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../src/steps/style/StepsStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/steps';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n root: ({ props }) => ['p-steps p-component', { 'p-readonly': props.readonly }],\n list: 'p-steps-list',\n item: ({ instance, item, index }) => [\n 'p-steps-item',\n {\n 'p-steps-item-active': instance.isActive(index),\n 'p-disabled': instance.isItemDisabled(item, index)\n }\n ],\n itemLink: 'p-steps-item-link',\n itemNumber: 'p-steps-item-number',\n itemLabel: 'p-steps-item-label'\n};\n\nexport default BaseStyle.extend({\n name: 'steps',\n style,\n classes\n});\n"],"names":["classes","root","_ref","props","readonly","list","item","_ref2","instance","index","isActive","isItemDisabled","itemLink","itemNumber","itemLabel","BaseStyle","extend","name","style"],"mappings":";;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAKC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAA,OAAO,CAAC,qBAAqB,EAAE;MAAE,YAAY,EAAEA,KAAK,CAACC;AAAS,KAAC,CAAC;AAAA,
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/steps/style/StepsStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/steps';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n root: ({ props }) => ['p-steps p-component', { 'p-readonly': props.readonly }],\n list: 'p-steps-list',\n item: ({ instance, item, index }) => [\n 'p-steps-item',\n {\n 'p-steps-item-active': instance.isActive(index),\n 'p-disabled': instance.isItemDisabled(item, index)\n }\n ],\n itemLink: 'p-steps-item-link',\n itemNumber: 'p-steps-item-number',\n itemLabel: 'p-steps-item-label'\n};\n\nexport default BaseStyle.extend({\n name: 'steps',\n style,\n classes\n});\n"],"names":["classes","root","_ref","props","readonly","list","item","_ref2","instance","index","isActive","isItemDisabled","itemLink","itemNumber","itemLabel","BaseStyle","extend","name","style"],"mappings":";;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAKC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAA,OAAO,CAAC,qBAAqB,EAAE;MAAE,YAAY,EAAEA,KAAK,CAACC;AAAS,KAAC,CAAC;AAAA,EAAA,CAAA;AAC9EC,EAAAA,IAAI,EAAE,cAAc;AACpBC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEF,KAAI,GAAAC,KAAA,CAAJD,IAAI;MAAEG,KAAK,GAAAF,KAAA,CAALE,KAAK;IAAA,OAAO,CACjC,cAAc,EACd;AACI,MAAA,qBAAqB,EAAED,QAAQ,CAACE,QAAQ,CAACD,KAAK,CAAC;AAC/C,MAAA,YAAY,EAAED,QAAQ,CAACG,cAAc,CAACL,KAAI,EAAEG,KAAK;AACrD,KAAC,CACJ;AAAA,EAAA,CAAA;AACDG,EAAAA,QAAQ,EAAE,mBAAmB;AAC7BC,EAAAA,UAAU,EAAE,qBAAqB;AACjCC,EAAAA,SAAS,EAAE;AACf,CAAC;AAED,iBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,KAAK,EAALA,KAAK;AACLlB,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}
|
package/styleclass/index.d.ts
CHANGED
|
@@ -19,7 +19,7 @@ export interface StyleClassOptions {
|
|
|
19
19
|
/**
|
|
20
20
|
* Selector to define the target element. Available selectors are '@next', '@prev', '@parent' and '@grandparent'.
|
|
21
21
|
*/
|
|
22
|
-
selector?: HintedString<'@next' | '@prev' | '@parent' | '@grandparent'> | undefined;
|
|
22
|
+
selector?: HintedString<'@next' | '@prev' | '@parent' | '@grandparent'> | string | undefined;
|
|
23
23
|
/**
|
|
24
24
|
* Style class to add when item begins to get displayed.
|
|
25
25
|
*/
|
|
@@ -57,6 +57,16 @@ export interface StyleClassOptions {
|
|
|
57
57
|
* Adds or removes a class when no enter-leave animation is required.
|
|
58
58
|
*/
|
|
59
59
|
toggleClass?: string | undefined;
|
|
60
|
+
/**
|
|
61
|
+
* Whether to trigger leave animation when the target element resized.
|
|
62
|
+
* @defaultValue false
|
|
63
|
+
*/
|
|
64
|
+
hideOnResize?: boolean | undefined;
|
|
65
|
+
/**
|
|
66
|
+
* Target element to listen resize. Valid values are "window", "document" or target element.
|
|
67
|
+
* @defaultValue window
|
|
68
|
+
*/
|
|
69
|
+
resizeSelector?: string | undefined;
|
|
60
70
|
/**
|
|
61
71
|
* It generates scoped CSS variables using design tokens for the component.
|
|
62
72
|
*/
|
package/styleclass/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { addClass, removeClass, hasClass } from '@primeuix/utils/dom';
|
|
1
|
+
import { getTargetElement, isElement, addClass, removeClass, hasClass } from '@primeuix/utils/dom';
|
|
2
2
|
import BaseDirective from '@primevue/core/basedirective';
|
|
3
3
|
import StyleClassStyle from 'primevue/styleclass/style';
|
|
4
4
|
|
|
@@ -17,7 +17,7 @@ var StyleClass = BaseStyleClass.extend('styleclass', {
|
|
|
17
17
|
methods: {
|
|
18
18
|
bind: function bind(el, binding) {
|
|
19
19
|
var _this = this;
|
|
20
|
-
var target =
|
|
20
|
+
var target = getTargetElement(binding.value.selector, el);
|
|
21
21
|
this.$el = target;
|
|
22
22
|
el.$_pstyleclass_clicklistener = function () {
|
|
23
23
|
if (binding.value.toggleClass) {
|
|
@@ -33,6 +33,7 @@ var StyleClass = BaseStyleClass.extend('styleclass', {
|
|
|
33
33
|
el.removeEventListener('click', el.$_pstyleclass_clicklistener);
|
|
34
34
|
el.$_pstyleclass_clicklistener = null;
|
|
35
35
|
}
|
|
36
|
+
this.unbindResizeListener(el);
|
|
36
37
|
this.unbindDocumentListener(el);
|
|
37
38
|
},
|
|
38
39
|
enter: function enter(target, el, binding) {
|
|
@@ -74,6 +75,9 @@ var StyleClass = BaseStyleClass.extend('styleclass', {
|
|
|
74
75
|
if (binding.value.hideOnOutsideClick) {
|
|
75
76
|
this.bindDocumentListener(target, el, binding);
|
|
76
77
|
}
|
|
78
|
+
if (binding.value.hideOnResize) {
|
|
79
|
+
this.bindResizeListener(target, el, binding);
|
|
80
|
+
}
|
|
77
81
|
},
|
|
78
82
|
leave: function leave(target, binding) {
|
|
79
83
|
if (binding.value.leaveActiveClass) {
|
|
@@ -104,19 +108,8 @@ var StyleClass = BaseStyleClass.extend('styleclass', {
|
|
|
104
108
|
if (binding.value.hideOnOutsideClick) {
|
|
105
109
|
this.unbindDocumentListener(target);
|
|
106
110
|
}
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
switch (binding.value.selector) {
|
|
110
|
-
case '@next':
|
|
111
|
-
return el.nextElementSibling;
|
|
112
|
-
case '@prev':
|
|
113
|
-
return el.previousElementSibling;
|
|
114
|
-
case '@parent':
|
|
115
|
-
return el.parentElement;
|
|
116
|
-
case '@grandparent':
|
|
117
|
-
return el.parentElement.parentElement;
|
|
118
|
-
default:
|
|
119
|
-
return document.querySelector(binding.value.selector);
|
|
111
|
+
if (binding.value.hideOnResize) {
|
|
112
|
+
this.unbindResizeListener(target);
|
|
120
113
|
}
|
|
121
114
|
},
|
|
122
115
|
bindDocumentListener: function bindDocumentListener(target, el, binding) {
|
|
@@ -138,6 +131,60 @@ var StyleClass = BaseStyleClass.extend('styleclass', {
|
|
|
138
131
|
target.$p_styleclass_documentlistener = null;
|
|
139
132
|
}
|
|
140
133
|
},
|
|
134
|
+
bindResizeListener: function bindResizeListener(target, el, binding) {
|
|
135
|
+
var _binding$value$resize;
|
|
136
|
+
target.$p_styleclass_resizeselector = getTargetElement((_binding$value$resize = binding.value.resizeSelector) !== null && _binding$value$resize !== void 0 ? _binding$value$resize : 'window');
|
|
137
|
+
if (isElement(target.$p_styleclass_resizeselector)) {
|
|
138
|
+
this.bindElementResizeListener(target, binding);
|
|
139
|
+
} else {
|
|
140
|
+
this.bindWindowResizeListener(target, binding);
|
|
141
|
+
}
|
|
142
|
+
},
|
|
143
|
+
unbindResizeListener: function unbindResizeListener(target) {
|
|
144
|
+
this.unbindWindowResizeListener(target);
|
|
145
|
+
this.unbindElementResizeListener(target);
|
|
146
|
+
},
|
|
147
|
+
bindWindowResizeListener: function bindWindowResizeListener(target, binding) {
|
|
148
|
+
var _this3 = this;
|
|
149
|
+
if (!target.$p_styleclass_windowresizelistener) {
|
|
150
|
+
target.$p_styleclass_windowresizelistener = function () {
|
|
151
|
+
if (!_this3.isVisible(target)) {
|
|
152
|
+
_this3.unbindWindowResizeListener(target);
|
|
153
|
+
} else {
|
|
154
|
+
_this3.leave(target, binding);
|
|
155
|
+
}
|
|
156
|
+
};
|
|
157
|
+
target.ownerDocument.defaultView.addEventListener('resize', target.$p_styleclass_windowresizelistener);
|
|
158
|
+
}
|
|
159
|
+
},
|
|
160
|
+
unbindWindowResizeListener: function unbindWindowResizeListener(target) {
|
|
161
|
+
if (target.$p_styleclass_windowresizelistener) {
|
|
162
|
+
target.ownerDocument.defaultView.removeEventListener('resize', target.$p_styleclass_windowresizelistener);
|
|
163
|
+
target.$p_styleclass_windowresizelistener = null;
|
|
164
|
+
}
|
|
165
|
+
},
|
|
166
|
+
bindElementResizeListener: function bindElementResizeListener(target, binding) {
|
|
167
|
+
var _this4 = this;
|
|
168
|
+
if (!target.$p_styleclass_resizeobserver && target.$p_styleclass_resizeselector) {
|
|
169
|
+
var isFirstResize = true;
|
|
170
|
+
target.$p_styleclass_resizeobserver = new ResizeObserver(function () {
|
|
171
|
+
if (isFirstResize) {
|
|
172
|
+
isFirstResize = false;
|
|
173
|
+
return;
|
|
174
|
+
}
|
|
175
|
+
if (_this4.isVisible(target)) {
|
|
176
|
+
_this4.leave(target, binding);
|
|
177
|
+
}
|
|
178
|
+
});
|
|
179
|
+
target.$p_styleclass_resizeobserver.observe(target.$p_styleclass_resizeselector);
|
|
180
|
+
}
|
|
181
|
+
},
|
|
182
|
+
unbindElementResizeListener: function unbindElementResizeListener(target) {
|
|
183
|
+
if (target.$p_styleclass_resizeobserver) {
|
|
184
|
+
target.$p_styleclass_resizeobserver.disconnect();
|
|
185
|
+
target.$p_styleclass_resizeobserver = null;
|
|
186
|
+
}
|
|
187
|
+
},
|
|
141
188
|
isVisible: function isVisible(target) {
|
|
142
189
|
return target.offsetParent !== null;
|
|
143
190
|
},
|
package/styleclass/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/styleclass/BaseStyleClass.js","../../src/styleclass/StyleClass.js"],"sourcesContent":["import BaseDirective from '@primevue/core/basedirective';\nimport StyleClassStyle from 'primevue/styleclass/style';\n\nconst BaseStyleClass = BaseDirective.extend({\n style: StyleClassStyle\n});\n\nexport default BaseStyleClass;\n","import { addClass, hasClass, removeClass } from '@primeuix/utils/dom';\nimport BaseStyleClass from './BaseStyleClass';\n\nconst StyleClass = BaseStyleClass.extend('styleclass', {\n mounted(el, binding) {\n el.setAttribute('data-pd-styleclass', true);\n\n this.bind(el, binding);\n },\n unmounted(el) {\n this.unbind(el);\n },\n methods: {\n bind(el, binding) {\n const target = this.resolveTarget(el, binding);\n\n this.$el = target;\n\n el.$_pstyleclass_clicklistener = () => {\n if (binding.value.toggleClass) {\n if (hasClass(target, binding.value.toggleClass)) removeClass(target, binding.value.toggleClass);\n else addClass(target, binding.value.toggleClass);\n } else {\n if (target.offsetParent === null) this.enter(target, el, binding);\n else this.leave(target, binding);\n }\n };\n\n el.addEventListener('click', el.$_pstyleclass_clicklistener);\n },\n unbind(el) {\n if (el.$_pstyleclass_clicklistener) {\n el.removeEventListener('click', el.$_pstyleclass_clicklistener);\n el.$_pstyleclass_clicklistener = null;\n }\n\n this.unbindDocumentListener(el);\n },\n enter(target, el, binding) {\n if (binding.value.enterActiveClass) {\n if (!target.$_pstyleclass_animating) {\n target.$_pstyleclass_animating = true;\n\n if (binding.value.enterActiveClass.includes('slidedown')) {\n target.style.height = '0px';\n removeClass(target, binding.value.hiddenClass || binding.value.enterFromClass);\n target.style.maxHeight = target.scrollHeight + 'px';\n addClass(target, binding.value.hiddenClass || binding.value.enterActiveClass);\n target.style.height = '';\n }\n\n addClass(target, binding.value.enterActiveClass);\n\n if (binding.value.enterFromClass) {\n removeClass(target, binding.value.enterFromClass);\n }\n\n target.$p_styleclass_enterlistener = () => {\n removeClass(target, binding.value.enterActiveClass);\n\n if (binding.value.enterToClass) {\n addClass(target, binding.value.enterToClass);\n }\n\n target.removeEventListener('animationend', target.$p_styleclass_enterlistener);\n\n if (binding.value.enterActiveClass.includes('slidedown')) {\n target.style.maxHeight = '';\n }\n\n target.$_pstyleclass_animating = false;\n };\n\n target.addEventListener('animationend', target.$p_styleclass_enterlistener);\n }\n } else {\n if (binding.value.enterFromClass) {\n removeClass(target, binding.value.enterFromClass);\n }\n\n if (binding.value.enterToClass) {\n addClass(target, binding.value.enterToClass);\n }\n }\n\n if (binding.value.hideOnOutsideClick) {\n this.bindDocumentListener(target, el, binding);\n }\n },\n leave(target, binding) {\n if (binding.value.leaveActiveClass) {\n if (!target.$_pstyleclass_animating) {\n target.$_pstyleclass_animating = true;\n addClass(target, binding.value.leaveActiveClass);\n\n if (binding.value.leaveFromClass) {\n removeClass(target, binding.value.leaveFromClass);\n }\n\n target.$p_styleclass_leavelistener = () => {\n removeClass(target, binding.value.leaveActiveClass);\n\n if (binding.value.leaveToClass) {\n addClass(target, binding.value.leaveToClass);\n }\n\n target.removeEventListener('animationend', target.$p_styleclass_leavelistener);\n target.$_pstyleclass_animating = false;\n };\n\n target.addEventListener('animationend', target.$p_styleclass_leavelistener);\n }\n } else {\n if (binding.value.leaveFromClass) {\n removeClass(target, binding.value.leaveFromClass);\n }\n\n if (binding.value.leaveToClass) {\n addClass(target, binding.value.leaveToClass);\n }\n }\n\n if (binding.value.hideOnOutsideClick) {\n this.unbindDocumentListener(target);\n }\n },\n resolveTarget(el, binding) {\n switch (binding.value.selector) {\n case '@next':\n return el.nextElementSibling;\n\n case '@prev':\n return el.previousElementSibling;\n\n case '@parent':\n return el.parentElement;\n\n case '@grandparent':\n return el.parentElement.parentElement;\n\n default:\n return document.querySelector(binding.value.selector);\n }\n },\n bindDocumentListener(target, el, binding) {\n if (!target.$p_styleclass_documentlistener) {\n target.$p_styleclass_documentlistener = (event) => {\n if (!this.isVisible(target) || getComputedStyle(target).getPropertyValue('position') === 'static') {\n this.unbindDocumentListener(target);\n } else if (this.isOutsideClick(event, target, el)) {\n this.leave(target, binding);\n }\n };\n\n target.ownerDocument.addEventListener('click', target.$p_styleclass_documentlistener);\n }\n },\n unbindDocumentListener(target) {\n if (target.$p_styleclass_documentlistener) {\n target.ownerDocument.removeEventListener('click', target.$p_styleclass_documentlistener);\n target.$p_styleclass_documentlistener = null;\n }\n },\n isVisible(target) {\n return target.offsetParent !== null;\n },\n isOutsideClick(event, target, el) {\n return !el.isSameNode(event.target) && !el.contains(event.target) && !target.contains(event.target);\n }\n }\n});\n\nexport default StyleClass;\n"],"names":["BaseStyleClass","BaseDirective","extend","style","StyleClassStyle","StyleClass","mounted","el","binding","setAttribute","bind","unmounted","unbind","methods","_this","target","resolveTarget","$el","$_pstyleclass_clicklistener","value","toggleClass","hasClass","removeClass","addClass","offsetParent","enter","leave","addEventListener","removeEventListener","unbindDocumentListener","enterActiveClass","$_pstyleclass_animating","includes","height","hiddenClass","enterFromClass","maxHeight","scrollHeight","$p_styleclass_enterlistener","enterToClass","hideOnOutsideClick","bindDocumentListener","leaveActiveClass","leaveFromClass","$p_styleclass_leavelistener","leaveToClass","selector","nextElementSibling","previousElementSibling","parentElement","document","querySelector","_this2","$p_styleclass_documentlistener","event","isVisible","getComputedStyle","getPropertyValue","isOutsideClick","ownerDocument","isSameNode","contains"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/styleclass/BaseStyleClass.js","../../src/styleclass/StyleClass.js"],"sourcesContent":["import BaseDirective from '@primevue/core/basedirective';\nimport StyleClassStyle from 'primevue/styleclass/style';\n\nconst BaseStyleClass = BaseDirective.extend({\n style: StyleClassStyle\n});\n\nexport default BaseStyleClass;\n","import { addClass, getTargetElement, hasClass, isElement, removeClass } from '@primeuix/utils/dom';\nimport BaseStyleClass from './BaseStyleClass';\n\nconst StyleClass = BaseStyleClass.extend('styleclass', {\n mounted(el, binding) {\n el.setAttribute('data-pd-styleclass', true);\n\n this.bind(el, binding);\n },\n unmounted(el) {\n this.unbind(el);\n },\n methods: {\n bind(el, binding) {\n const target = getTargetElement(binding.value.selector, el);\n\n this.$el = target;\n\n el.$_pstyleclass_clicklistener = () => {\n if (binding.value.toggleClass) {\n if (hasClass(target, binding.value.toggleClass)) removeClass(target, binding.value.toggleClass);\n else addClass(target, binding.value.toggleClass);\n } else {\n if (target.offsetParent === null) this.enter(target, el, binding);\n else this.leave(target, binding);\n }\n };\n\n el.addEventListener('click', el.$_pstyleclass_clicklistener);\n },\n unbind(el) {\n if (el.$_pstyleclass_clicklistener) {\n el.removeEventListener('click', el.$_pstyleclass_clicklistener);\n el.$_pstyleclass_clicklistener = null;\n }\n\n this.unbindResizeListener(el);\n this.unbindDocumentListener(el);\n },\n enter(target, el, binding) {\n if (binding.value.enterActiveClass) {\n if (!target.$_pstyleclass_animating) {\n target.$_pstyleclass_animating = true;\n\n if (binding.value.enterActiveClass.includes('slidedown')) {\n target.style.height = '0px';\n removeClass(target, binding.value.hiddenClass || binding.value.enterFromClass);\n target.style.maxHeight = target.scrollHeight + 'px';\n addClass(target, binding.value.hiddenClass || binding.value.enterActiveClass);\n target.style.height = '';\n }\n\n addClass(target, binding.value.enterActiveClass);\n\n if (binding.value.enterFromClass) {\n removeClass(target, binding.value.enterFromClass);\n }\n\n target.$p_styleclass_enterlistener = () => {\n removeClass(target, binding.value.enterActiveClass);\n\n if (binding.value.enterToClass) {\n addClass(target, binding.value.enterToClass);\n }\n\n target.removeEventListener('animationend', target.$p_styleclass_enterlistener);\n\n if (binding.value.enterActiveClass.includes('slidedown')) {\n target.style.maxHeight = '';\n }\n\n target.$_pstyleclass_animating = false;\n };\n\n target.addEventListener('animationend', target.$p_styleclass_enterlistener);\n }\n } else {\n if (binding.value.enterFromClass) {\n removeClass(target, binding.value.enterFromClass);\n }\n\n if (binding.value.enterToClass) {\n addClass(target, binding.value.enterToClass);\n }\n }\n\n if (binding.value.hideOnOutsideClick) {\n this.bindDocumentListener(target, el, binding);\n }\n\n if (binding.value.hideOnResize) {\n this.bindResizeListener(target, el, binding);\n }\n },\n leave(target, binding) {\n if (binding.value.leaveActiveClass) {\n if (!target.$_pstyleclass_animating) {\n target.$_pstyleclass_animating = true;\n addClass(target, binding.value.leaveActiveClass);\n\n if (binding.value.leaveFromClass) {\n removeClass(target, binding.value.leaveFromClass);\n }\n\n target.$p_styleclass_leavelistener = () => {\n removeClass(target, binding.value.leaveActiveClass);\n\n if (binding.value.leaveToClass) {\n addClass(target, binding.value.leaveToClass);\n }\n\n target.removeEventListener('animationend', target.$p_styleclass_leavelistener);\n target.$_pstyleclass_animating = false;\n };\n\n target.addEventListener('animationend', target.$p_styleclass_leavelistener);\n }\n } else {\n if (binding.value.leaveFromClass) {\n removeClass(target, binding.value.leaveFromClass);\n }\n\n if (binding.value.leaveToClass) {\n addClass(target, binding.value.leaveToClass);\n }\n }\n\n if (binding.value.hideOnOutsideClick) {\n this.unbindDocumentListener(target);\n }\n\n if (binding.value.hideOnResize) {\n this.unbindResizeListener(target);\n }\n },\n bindDocumentListener(target, el, binding) {\n if (!target.$p_styleclass_documentlistener) {\n target.$p_styleclass_documentlistener = (event) => {\n if (!this.isVisible(target) || getComputedStyle(target).getPropertyValue('position') === 'static') {\n this.unbindDocumentListener(target);\n } else if (this.isOutsideClick(event, target, el)) {\n this.leave(target, binding);\n }\n };\n\n target.ownerDocument.addEventListener('click', target.$p_styleclass_documentlistener);\n }\n },\n unbindDocumentListener(target) {\n if (target.$p_styleclass_documentlistener) {\n target.ownerDocument.removeEventListener('click', target.$p_styleclass_documentlistener);\n target.$p_styleclass_documentlistener = null;\n }\n },\n bindResizeListener(target, el, binding) {\n target.$p_styleclass_resizeselector = getTargetElement(binding.value.resizeSelector ?? 'window');\n\n if (isElement(target.$p_styleclass_resizeselector)) {\n this.bindElementResizeListener(target, binding);\n } else {\n this.bindWindowResizeListener(target, binding);\n }\n },\n unbindResizeListener(target) {\n this.unbindWindowResizeListener(target);\n this.unbindElementResizeListener(target);\n },\n bindWindowResizeListener(target, binding) {\n if (!target.$p_styleclass_windowresizelistener) {\n target.$p_styleclass_windowresizelistener = () => {\n if (!this.isVisible(target)) {\n this.unbindWindowResizeListener(target);\n } else {\n this.leave(target, binding);\n }\n };\n\n target.ownerDocument.defaultView.addEventListener('resize', target.$p_styleclass_windowresizelistener);\n }\n },\n unbindWindowResizeListener(target) {\n if (target.$p_styleclass_windowresizelistener) {\n target.ownerDocument.defaultView.removeEventListener('resize', target.$p_styleclass_windowresizelistener);\n target.$p_styleclass_windowresizelistener = null;\n }\n },\n bindElementResizeListener(target, binding) {\n if (!target.$p_styleclass_resizeobserver && target.$p_styleclass_resizeselector) {\n let isFirstResize = true;\n\n target.$p_styleclass_resizeobserver = new ResizeObserver(() => {\n if (isFirstResize) {\n isFirstResize = false;\n\n return;\n }\n\n if (this.isVisible(target)) {\n this.leave(target, binding);\n }\n });\n target.$p_styleclass_resizeobserver.observe(target.$p_styleclass_resizeselector);\n }\n },\n unbindElementResizeListener(target) {\n if (target.$p_styleclass_resizeobserver) {\n target.$p_styleclass_resizeobserver.disconnect();\n target.$p_styleclass_resizeobserver = null;\n }\n },\n isVisible(target) {\n return target.offsetParent !== null;\n },\n isOutsideClick(event, target, el) {\n return !el.isSameNode(event.target) && !el.contains(event.target) && !target.contains(event.target);\n }\n }\n});\n\nexport default StyleClass;\n"],"names":["BaseStyleClass","BaseDirective","extend","style","StyleClassStyle","StyleClass","mounted","el","binding","setAttribute","bind","unmounted","unbind","methods","_this","target","getTargetElement","value","selector","$el","$_pstyleclass_clicklistener","toggleClass","hasClass","removeClass","addClass","offsetParent","enter","leave","addEventListener","removeEventListener","unbindResizeListener","unbindDocumentListener","enterActiveClass","$_pstyleclass_animating","includes","height","hiddenClass","enterFromClass","maxHeight","scrollHeight","$p_styleclass_enterlistener","enterToClass","hideOnOutsideClick","bindDocumentListener","hideOnResize","bindResizeListener","leaveActiveClass","leaveFromClass","$p_styleclass_leavelistener","leaveToClass","_this2","$p_styleclass_documentlistener","event","isVisible","getComputedStyle","getPropertyValue","isOutsideClick","ownerDocument","_binding$value$resize","$p_styleclass_resizeselector","resizeSelector","isElement","bindElementResizeListener","bindWindowResizeListener","unbindWindowResizeListener","unbindElementResizeListener","_this3","$p_styleclass_windowresizelistener","defaultView","_this4","$p_styleclass_resizeobserver","isFirstResize","ResizeObserver","observe","disconnect","isSameNode","contains"],"mappings":"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"}
|
package/tab/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/tab/BaseTab.vue","../../src/tab/Tab.vue","../../src/tab/Tab.vue?vue&type=template&id=987cccf2&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport TabStyle from 'primevue/tab/style';\n\nexport default {\n name: 'BaseTab',\n extends: BaseComponent,\n props: {\n value: {\n type: [String, Number],\n default: undefined\n },\n disabled: {\n type: Boolean,\n default: false\n },\n as: {\n type: [String, Object],\n default: 'BUTTON'\n },\n asChild: {\n type: Boolean,\n default: false\n }\n },\n style: TabStyle,\n provide() {\n return {\n $pcTab: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" :data-p=\"dataP\" @click=\"onClick\" v-bind=\"attrs\">\n <slot></slot>\n </component>\n <slot v-else :dataP=\"dataP\" :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { findSingle, focus, getAttribute } from '@primeuix/utils/dom';\nimport { equals } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseTab from './BaseTab.vue';\n\nexport default {\n name: 'Tab',\n extends: BaseTab,\n inheritAttrs: false,\n inject: ['$pcTabs', '$pcTabList'],\n methods: {\n onFocus() {\n this.$pcTabs.selectOnFocus && this.changeActiveValue();\n },\n onClick() {\n this.changeActiveValue();\n },\n onKeydown(event) {\n switch (event.code) {\n case 'ArrowRight':\n this.onArrowRightKey(event);\n break;\n\n case 'ArrowLeft':\n this.onArrowLeftKey(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 'PageDown':\n this.onPageDownKey(event);\n break;\n\n case 'PageUp':\n this.onPageUpKey(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 onArrowRightKey(event) {\n const nextTab = this.findNextTab(event.currentTarget);\n\n nextTab ? this.changeFocusedTab(event, nextTab) : this.onHomeKey(event);\n event.preventDefault();\n },\n onArrowLeftKey(event) {\n const prevTab = this.findPrevTab(event.currentTarget);\n\n prevTab ? this.changeFocusedTab(event, prevTab) : this.onEndKey(event);\n event.preventDefault();\n },\n onHomeKey(event) {\n const firstTab = this.findFirstTab();\n\n this.changeFocusedTab(event, firstTab);\n event.preventDefault();\n },\n onEndKey(event) {\n const lastTab = this.findLastTab();\n\n this.changeFocusedTab(event, lastTab);\n event.preventDefault();\n },\n onPageDownKey(event) {\n this.scrollInView(this.findLastTab());\n event.preventDefault();\n },\n onPageUpKey(event) {\n this.scrollInView(this.findFirstTab());\n event.preventDefault();\n },\n onEnterKey(event) {\n this.changeActiveValue();\n event.preventDefault();\n },\n findNextTab(tabElement, selfCheck = false) {\n const element = selfCheck ? tabElement : tabElement.nextElementSibling;\n\n return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findNextTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n },\n findPrevTab(tabElement, selfCheck = false) {\n const element = selfCheck ? tabElement : tabElement.previousElementSibling;\n\n return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n },\n findFirstTab() {\n return this.findNextTab(this.$pcTabList.$refs.tabs.firstElementChild, true);\n },\n findLastTab() {\n return this.findPrevTab(this.$pcTabList.$refs.tabs.lastElementChild, true);\n },\n changeActiveValue() {\n this.$pcTabs.updateValue(this.value);\n },\n changeFocusedTab(event, element) {\n focus(element);\n this.scrollInView(element);\n },\n scrollInView(element) {\n element?.scrollIntoView?.({ block: 'nearest' });\n }\n },\n computed: {\n active() {\n return equals(this.$pcTabs?.d_value, this.value);\n },\n id() {\n return `${this.$pcTabs?.$id}_tab_${this.value}`;\n },\n ariaControls() {\n return `${this.$pcTabs?.$id}_tabpanel_${this.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.disabled } : undefined;\n },\n a11yAttrs() {\n return {\n id: this.id,\n tabindex: this.active ? this.$pcTabs.tabindex : -1,\n role: 'tab',\n 'aria-selected': this.active,\n 'aria-controls': this.ariaControls,\n 'data-pc-name': 'tab',\n 'data-p-disabled': this.disabled,\n 'data-p-active': this.active,\n onFocus: this.onFocus,\n onKeydown: this.onKeydown\n };\n },\n ptParams() {\n return {\n context: {\n active: this.active\n }\n };\n },\n dataP() {\n return cn({\n active: this.active\n });\n }\n },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n","<template>\n <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" :data-p=\"dataP\" @click=\"onClick\" v-bind=\"attrs\">\n <slot></slot>\n </component>\n <slot v-else :dataP=\"dataP\" :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { findSingle, focus, getAttribute } from '@primeuix/utils/dom';\nimport { equals } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseTab from './BaseTab.vue';\n\nexport default {\n name: 'Tab',\n extends: BaseTab,\n inheritAttrs: false,\n inject: ['$pcTabs', '$pcTabList'],\n methods: {\n onFocus() {\n this.$pcTabs.selectOnFocus && this.changeActiveValue();\n },\n onClick() {\n this.changeActiveValue();\n },\n onKeydown(event) {\n switch (event.code) {\n case 'ArrowRight':\n this.onArrowRightKey(event);\n break;\n\n case 'ArrowLeft':\n this.onArrowLeftKey(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 'PageDown':\n this.onPageDownKey(event);\n break;\n\n case 'PageUp':\n this.onPageUpKey(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 onArrowRightKey(event) {\n const nextTab = this.findNextTab(event.currentTarget);\n\n nextTab ? this.changeFocusedTab(event, nextTab) : this.onHomeKey(event);\n event.preventDefault();\n },\n onArrowLeftKey(event) {\n const prevTab = this.findPrevTab(event.currentTarget);\n\n prevTab ? this.changeFocusedTab(event, prevTab) : this.onEndKey(event);\n event.preventDefault();\n },\n onHomeKey(event) {\n const firstTab = this.findFirstTab();\n\n this.changeFocusedTab(event, firstTab);\n event.preventDefault();\n },\n onEndKey(event) {\n const lastTab = this.findLastTab();\n\n this.changeFocusedTab(event, lastTab);\n event.preventDefault();\n },\n onPageDownKey(event) {\n this.scrollInView(this.findLastTab());\n event.preventDefault();\n },\n onPageUpKey(event) {\n this.scrollInView(this.findFirstTab());\n event.preventDefault();\n },\n onEnterKey(event) {\n this.changeActiveValue();\n event.preventDefault();\n },\n findNextTab(tabElement, selfCheck = false) {\n const element = selfCheck ? tabElement : tabElement.nextElementSibling;\n\n return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findNextTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n },\n findPrevTab(tabElement, selfCheck = false) {\n const element = selfCheck ? tabElement : tabElement.previousElementSibling;\n\n return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n },\n findFirstTab() {\n return this.findNextTab(this.$pcTabList.$refs.tabs.firstElementChild, true);\n },\n findLastTab() {\n return this.findPrevTab(this.$pcTabList.$refs.tabs.lastElementChild, true);\n },\n changeActiveValue() {\n this.$pcTabs.updateValue(this.value);\n },\n changeFocusedTab(event, element) {\n focus(element);\n this.scrollInView(element);\n },\n scrollInView(element) {\n element?.scrollIntoView?.({ block: 'nearest' });\n }\n },\n computed: {\n active() {\n return equals(this.$pcTabs?.d_value, this.value);\n },\n id() {\n return `${this.$pcTabs?.$id}_tab_${this.value}`;\n },\n ariaControls() {\n return `${this.$pcTabs?.$id}_tabpanel_${this.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.disabled } : undefined;\n },\n a11yAttrs() {\n return {\n id: this.id,\n tabindex: this.active ? this.$pcTabs.tabindex : -1,\n role: 'tab',\n 'aria-selected': this.active,\n 'aria-controls': this.ariaControls,\n 'data-pc-name': 'tab',\n 'data-p-disabled': this.disabled,\n 'data-p-active': this.active,\n onFocus: this.onFocus,\n onKeydown: this.onKeydown\n };\n },\n ptParams() {\n return {\n context: {\n active: this.active\n }\n };\n },\n dataP() {\n return cn({\n active: this.active\n });\n }\n },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","Number","undefined","disabled","Boolean","as","Object","asChild","style","TabStyle","provide","$pcTab","$parentInstance","BaseTab","inheritAttrs","inject","methods","onFocus","$pcTabs","selectOnFocus","changeActiveValue","onClick","onKeydown","event","code","onArrowRightKey","onArrowLeftKey","onHomeKey","onEndKey","onPageDownKey","onPageUpKey","onEnterKey","nextTab","findNextTab","currentTarget","changeFocusedTab","preventDefault","prevTab","findPrevTab","firstTab","findFirstTab","lastTab","findLastTab","scrollInView","tabElement","selfCheck","element","nextElementSibling","getAttribute","findSingle","previousElementSibling","$pcTabList","$refs","tabs","firstElementChild","lastElementChild","updateValue","focus","_element$scrollIntoVi","scrollIntoView","call","block","computed","active","_this$$pcTabs","equals","d_value","id","_this$$pcTabs2","concat","$id","ariaControls","_this$$pcTabs3","attrs","mergeProps","asAttrs","a11yAttrs","ptmi","ptParams","tabindex","role","context","dataP","cn","directives","ripple","Ripple","_ctx","_createBlock","_resolveDynamicComponent","_mergeProps","cx","$options","_renderSlot","$slots"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/tab/BaseTab.vue","../../src/tab/Tab.vue","../../src/tab/Tab.vue?vue&type=template&id=987cccf2&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport TabStyle from 'primevue/tab/style';\n\nexport default {\n name: 'BaseTab',\n extends: BaseComponent,\n props: {\n value: {\n type: [String, Number],\n default: undefined\n },\n disabled: {\n type: Boolean,\n default: false\n },\n as: {\n type: [String, Object],\n default: 'BUTTON'\n },\n asChild: {\n type: Boolean,\n default: false\n }\n },\n style: TabStyle,\n provide() {\n return {\n $pcTab: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" :data-p=\"dataP\" @click=\"onClick\" v-bind=\"attrs\">\n <slot></slot>\n </component>\n <slot v-else :dataP=\"dataP\" :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { findSingle, focus, getAttribute } from '@primeuix/utils/dom';\nimport { equals } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseTab from './BaseTab.vue';\n\nexport default {\n name: 'Tab',\n extends: BaseTab,\n inheritAttrs: false,\n inject: ['$pcTabs', '$pcTabList'],\n methods: {\n onFocus() {\n this.$pcTabs.selectOnFocus && this.changeActiveValue();\n },\n onClick() {\n this.changeActiveValue();\n },\n onKeydown(event) {\n switch (event.code) {\n case 'ArrowRight':\n this.onArrowRightKey(event);\n break;\n\n case 'ArrowLeft':\n this.onArrowLeftKey(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 'PageDown':\n this.onPageDownKey(event);\n break;\n\n case 'PageUp':\n this.onPageUpKey(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 onArrowRightKey(event) {\n const nextTab = this.findNextTab(event.currentTarget);\n\n nextTab ? this.changeFocusedTab(event, nextTab) : this.onHomeKey(event);\n event.preventDefault();\n },\n onArrowLeftKey(event) {\n const prevTab = this.findPrevTab(event.currentTarget);\n\n prevTab ? this.changeFocusedTab(event, prevTab) : this.onEndKey(event);\n event.preventDefault();\n },\n onHomeKey(event) {\n const firstTab = this.findFirstTab();\n\n this.changeFocusedTab(event, firstTab);\n event.preventDefault();\n },\n onEndKey(event) {\n const lastTab = this.findLastTab();\n\n this.changeFocusedTab(event, lastTab);\n event.preventDefault();\n },\n onPageDownKey(event) {\n this.scrollInView(this.findLastTab());\n event.preventDefault();\n },\n onPageUpKey(event) {\n this.scrollInView(this.findFirstTab());\n event.preventDefault();\n },\n onEnterKey(event) {\n this.changeActiveValue();\n event.preventDefault();\n },\n findNextTab(tabElement, selfCheck = false) {\n const element = selfCheck ? tabElement : tabElement.nextElementSibling;\n\n return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findNextTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n },\n findPrevTab(tabElement, selfCheck = false) {\n const element = selfCheck ? tabElement : tabElement.previousElementSibling;\n\n return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n },\n findFirstTab() {\n return this.findNextTab(this.$pcTabList.$refs.tabs.firstElementChild, true);\n },\n findLastTab() {\n return this.findPrevTab(this.$pcTabList.$refs.tabs.lastElementChild, true);\n },\n changeActiveValue() {\n this.$pcTabs.updateValue(this.value);\n },\n changeFocusedTab(event, element) {\n focus(element);\n this.scrollInView(element);\n },\n scrollInView(element) {\n element?.scrollIntoView?.({ block: 'nearest' });\n }\n },\n computed: {\n active() {\n return equals(this.$pcTabs?.d_value, this.value);\n },\n id() {\n return `${this.$pcTabs?.$id}_tab_${this.value}`;\n },\n ariaControls() {\n return `${this.$pcTabs?.$id}_tabpanel_${this.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.disabled } : undefined;\n },\n a11yAttrs() {\n return {\n id: this.id,\n tabindex: this.active ? this.$pcTabs.tabindex : -1,\n role: 'tab',\n 'aria-selected': this.active,\n 'aria-controls': this.ariaControls,\n 'data-pc-name': 'tab',\n 'data-p-disabled': this.disabled,\n 'data-p-active': this.active,\n onFocus: this.onFocus,\n onKeydown: this.onKeydown\n };\n },\n ptParams() {\n return {\n context: {\n active: this.active\n }\n };\n },\n dataP() {\n return cn({\n active: this.active\n });\n }\n },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n","<template>\n <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" :data-p=\"dataP\" @click=\"onClick\" v-bind=\"attrs\">\n <slot></slot>\n </component>\n <slot v-else :dataP=\"dataP\" :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { findSingle, focus, getAttribute } from '@primeuix/utils/dom';\nimport { equals } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseTab from './BaseTab.vue';\n\nexport default {\n name: 'Tab',\n extends: BaseTab,\n inheritAttrs: false,\n inject: ['$pcTabs', '$pcTabList'],\n methods: {\n onFocus() {\n this.$pcTabs.selectOnFocus && this.changeActiveValue();\n },\n onClick() {\n this.changeActiveValue();\n },\n onKeydown(event) {\n switch (event.code) {\n case 'ArrowRight':\n this.onArrowRightKey(event);\n break;\n\n case 'ArrowLeft':\n this.onArrowLeftKey(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 'PageDown':\n this.onPageDownKey(event);\n break;\n\n case 'PageUp':\n this.onPageUpKey(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 onArrowRightKey(event) {\n const nextTab = this.findNextTab(event.currentTarget);\n\n nextTab ? this.changeFocusedTab(event, nextTab) : this.onHomeKey(event);\n event.preventDefault();\n },\n onArrowLeftKey(event) {\n const prevTab = this.findPrevTab(event.currentTarget);\n\n prevTab ? this.changeFocusedTab(event, prevTab) : this.onEndKey(event);\n event.preventDefault();\n },\n onHomeKey(event) {\n const firstTab = this.findFirstTab();\n\n this.changeFocusedTab(event, firstTab);\n event.preventDefault();\n },\n onEndKey(event) {\n const lastTab = this.findLastTab();\n\n this.changeFocusedTab(event, lastTab);\n event.preventDefault();\n },\n onPageDownKey(event) {\n this.scrollInView(this.findLastTab());\n event.preventDefault();\n },\n onPageUpKey(event) {\n this.scrollInView(this.findFirstTab());\n event.preventDefault();\n },\n onEnterKey(event) {\n this.changeActiveValue();\n event.preventDefault();\n },\n findNextTab(tabElement, selfCheck = false) {\n const element = selfCheck ? tabElement : tabElement.nextElementSibling;\n\n return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findNextTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n },\n findPrevTab(tabElement, selfCheck = false) {\n const element = selfCheck ? tabElement : tabElement.previousElementSibling;\n\n return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n },\n findFirstTab() {\n return this.findNextTab(this.$pcTabList.$refs.tabs.firstElementChild, true);\n },\n findLastTab() {\n return this.findPrevTab(this.$pcTabList.$refs.tabs.lastElementChild, true);\n },\n changeActiveValue() {\n this.$pcTabs.updateValue(this.value);\n },\n changeFocusedTab(event, element) {\n focus(element);\n this.scrollInView(element);\n },\n scrollInView(element) {\n element?.scrollIntoView?.({ block: 'nearest' });\n }\n },\n computed: {\n active() {\n return equals(this.$pcTabs?.d_value, this.value);\n },\n id() {\n return `${this.$pcTabs?.$id}_tab_${this.value}`;\n },\n ariaControls() {\n return `${this.$pcTabs?.$id}_tabpanel_${this.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.disabled } : undefined;\n },\n a11yAttrs() {\n return {\n id: this.id,\n tabindex: this.active ? this.$pcTabs.tabindex : -1,\n role: 'tab',\n 'aria-selected': this.active,\n 'aria-controls': this.ariaControls,\n 'data-pc-name': 'tab',\n 'data-p-disabled': this.disabled,\n 'data-p-active': this.active,\n onFocus: this.onFocus,\n onKeydown: this.onKeydown\n };\n },\n ptParams() {\n return {\n context: {\n active: this.active\n }\n };\n },\n dataP() {\n return cn({\n active: this.active\n });\n }\n },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","Number","undefined","disabled","Boolean","as","Object","asChild","style","TabStyle","provide","$pcTab","$parentInstance","BaseTab","inheritAttrs","inject","methods","onFocus","$pcTabs","selectOnFocus","changeActiveValue","onClick","onKeydown","event","code","onArrowRightKey","onArrowLeftKey","onHomeKey","onEndKey","onPageDownKey","onPageUpKey","onEnterKey","nextTab","findNextTab","currentTarget","changeFocusedTab","preventDefault","prevTab","findPrevTab","firstTab","findFirstTab","lastTab","findLastTab","scrollInView","tabElement","selfCheck","element","nextElementSibling","getAttribute","findSingle","previousElementSibling","$pcTabList","$refs","tabs","firstElementChild","lastElementChild","updateValue","focus","_element$scrollIntoVi","scrollIntoView","call","block","computed","active","_this$$pcTabs","equals","d_value","id","_this$$pcTabs2","concat","$id","ariaControls","_this$$pcTabs3","attrs","mergeProps","asAttrs","a11yAttrs","ptmi","ptParams","tabindex","role","context","dataP","cn","directives","ripple","Ripple","_ctx","_createBlock","_resolveDynamicComponent","_mergeProps","cx","$options","_renderSlot","$slots"],"mappings":"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"}
|
package/tab/style/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../src/tab/style/TabStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n root: ({ instance, props }) => [\n 'p-tab',\n {\n 'p-tab-active': instance.active,\n 'p-disabled': props.disabled\n }\n ]\n};\n\nexport default BaseStyle.extend({\n name: 'tab',\n classes\n});\n"],"names":["classes","root","_ref","instance","props","active","disabled","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAA,OAAO,CAC3B,OAAO,EACP;MACI,cAAc,EAAED,QAAQ,CAACE,MAAM;MAC/B,YAAY,EAAED,KAAK,CAACE;AACxB,KAAC,CACJ;AAAA;AACL,CAAC;AAED,eAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,KAAK;AACXT,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/tab/style/TabStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n root: ({ instance, props }) => [\n 'p-tab',\n {\n 'p-tab-active': instance.active,\n 'p-disabled': props.disabled\n }\n ]\n};\n\nexport default BaseStyle.extend({\n name: 'tab',\n classes\n});\n"],"names":["classes","root","_ref","instance","props","active","disabled","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAA,OAAO,CAC3B,OAAO,EACP;MACI,cAAc,EAAED,QAAQ,CAACE,MAAM;MAC/B,YAAY,EAAED,KAAK,CAACE;AACxB,KAAC,CACJ;AAAA,EAAA;AACL,CAAC;AAED,eAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,KAAK;AACXT,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}
|
package/tablist/TabList.vue
CHANGED
|
@@ -169,7 +169,7 @@ export default {
|
|
|
169
169
|
return this.$pcTabs.d_value;
|
|
170
170
|
},
|
|
171
171
|
showNavigators() {
|
|
172
|
-
return this.$pcTabs.
|
|
172
|
+
return this.$pcTabs.showNavigators;
|
|
173
173
|
},
|
|
174
174
|
prevButtonAriaLabel() {
|
|
175
175
|
return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.previous : undefined;
|
package/tablist/index.mjs
CHANGED
|
@@ -152,7 +152,7 @@ var script = {
|
|
|
152
152
|
return this.$pcTabs.d_value;
|
|
153
153
|
},
|
|
154
154
|
showNavigators: function showNavigators() {
|
|
155
|
-
return this.$pcTabs.
|
|
155
|
+
return this.$pcTabs.showNavigators;
|
|
156
156
|
},
|
|
157
157
|
prevButtonAriaLabel: function prevButtonAriaLabel() {
|
|
158
158
|
return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.previous : undefined;
|