primevue 4.0.2 → 4.0.3
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.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.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/chip/index.mjs.map +1 -1
- package/chips/index.mjs.map +1 -1
- package/colorpicker/BaseColorPicker.vue +4 -0
- package/colorpicker/index.mjs +4 -0
- 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/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/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/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/fluid/index.d.ts +2 -2
- package/fluid/index.mjs.map +1 -1
- package/fluid/style/index.d.ts +1 -1
- package/focustrap/index.mjs +3 -3
- 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/iconfield/style/index.mjs +1 -1
- package/iconfield/style/index.mjs.map +1 -1
- package/image/index.mjs.map +1 -1
- package/image/style/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/inputgroup/style/index.mjs.map +1 -1
- package/inputgroupaddon/index.mjs.map +1 -1
- package/inputicon/index.mjs.map +1 -1
- package/inputmask/BaseInputMask.vue +1 -1
- package/inputmask/InputMask.vue +8 -1
- package/inputmask/index.mjs +11 -2
- package/inputmask/index.mjs.map +1 -1
- package/inputmask/style/index.mjs.map +1 -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/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/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/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 +3 -3
- 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/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/index.d.ts +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.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/stepperpanel/index.mjs.map +1 -1
- package/steps/index.mjs.map +1 -1
- package/steps/style/index.mjs.map +1 -1
- package/styleclass/index.mjs.map +1 -1
- package/tab/index.mjs.map +1 -1
- package/tab/style/index.mjs.map +1 -1
- package/tablist/index.mjs.map +1 -1
- 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/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/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/virtualscroller/index.mjs.map +1 -1
- package/web-types.json +1 -1
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=69f72d06&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 { UniqueComponentId } from '@primevue/core/utils';\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 id: this.$attrs.id,\n d_value: this.value\n };\n },\n watch: {\n '$attrs.id'(newValue) {\n this.id = newValue || UniqueComponentId();\n },\n value(newValue) {\n this.d_value = newValue;\n }\n },\n mounted() {\n this.id = this.id || UniqueComponentId();\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 { UniqueComponentId } from '@primevue/core/utils';\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 id: this.$attrs.id,\n d_value: this.value\n };\n },\n watch: {\n '$attrs.id'(newValue) {\n this.id = newValue || UniqueComponentId();\n },\n value(newValue) {\n this.d_value = newValue;\n }\n },\n mounted() {\n this.id = this.id || UniqueComponentId();\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","id","$attrs","d_value","watch","$attrsId","newValue","UniqueComponentId","mounted","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,SAASC,EAAAA,SAAAA;KACZ;AACDC,IAAAA,MAAM,EAAE;AACJJ,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA,KAAA;AACb,KAAA;GACH;AACDC,EAAAA,KAAK,EAAEC,YAAY;EACnBC,OAAO,EAAA,
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/stepper/BaseStepper.vue","../../src/stepper/Stepper.vue","../../src/stepper/Stepper.vue?vue&type=template&id=69f72d06&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 { UniqueComponentId } from '@primevue/core/utils';\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 id: this.$attrs.id,\n d_value: this.value\n };\n },\n watch: {\n '$attrs.id'(newValue) {\n this.id = newValue || UniqueComponentId();\n },\n value(newValue) {\n this.d_value = newValue;\n }\n },\n mounted() {\n this.id = this.id || UniqueComponentId();\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 { UniqueComponentId } from '@primevue/core/utils';\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 id: this.$attrs.id,\n d_value: this.value\n };\n },\n watch: {\n '$attrs.id'(newValue) {\n this.id = newValue || UniqueComponentId();\n },\n value(newValue) {\n this.d_value = newValue;\n }\n },\n mounted() {\n this.id = this.id || UniqueComponentId();\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","id","$attrs","d_value","watch","$attrsId","newValue","UniqueComponentId","mounted","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,SAASC,EAAAA,SAAAA;KACZ;AACDC,IAAAA,MAAM,EAAE;AACJJ,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA,KAAA;AACb,KAAA;GACH;AACDC,EAAAA,KAAK,EAAEC,YAAY;EACnBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,UAAU,EAAE,IAAI;AAChBC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;ACZD,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;AACHC,MAAAA,EAAE,EAAE,IAAI,CAACC,MAAM,CAACD,EAAE;MAClBE,OAAO,EAAE,IAAI,CAAClB,KAAAA;KACjB,CAAA;GACJ;AACDmB,EAAAA,KAAK,EAAE;AACH,IAAA,WAAW,EAAXC,SAAAA,QAAWA,CAACC,QAAQ,EAAE;AAClB,MAAA,IAAI,CAACL,EAAG,GAAEK,YAAYC,iBAAiB,EAAE,CAAA;KAC5C;AACDtB,IAAAA,KAAK,EAALA,SAAAA,KAAKA,CAACqB,QAAQ,EAAE;MACZ,IAAI,CAACH,OAAQ,GAAEG,QAAQ,CAAA;AAC3B,KAAA;GACH;EACDE,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,IAAI,CAACP,EAAG,GAAE,IAAI,CAACA,EAAC,IAAKM,iBAAiB,EAAE,CAAA;GAC3C;AACDE,EAAAA,OAAO,EAAE;AACLC,IAAAA,WAAW,EAAXA,SAAAA,WAAWA,CAACJ,QAAQ,EAAE;AAClB,MAAA,IAAI,IAAI,CAACH,OAAQ,KAAIG,QAAQ,EAAE;QAC3B,IAAI,CAACH,OAAQ,GAAEG,QAAQ,CAAA;AACvB,QAAA,IAAI,CAACK,KAAK,CAAC,cAAc,EAAEL,QAAQ,CAAC,CAAA;AACxC,OAAA;KACH;AACDM,IAAAA,YAAY,EAAZA,SAAAA,YAAYA,CAAC3B,KAAK,EAAE;AAChB,MAAA,OAAO,IAAI,CAACkB,OAAM,KAAMlB,KAAK,CAAA;KAChC;IACD4B,cAAc,EAAA,SAAdA,cAAcA,GAAG;MACb,OAAO,IAAI,CAACvB,MAAM,CAAA;AACtB,KAAA;AACJ,GAAA;AACJ,CAAC;;;EC/CG,OAAAwB,SAAA,EAAA,EAAAC,kBAAA,CAIK,OAJLC,UAIK,CAAA;AAJC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;AAAUC,IAAAA,IAAI,EAAC,SAAA;KAAkBF,IAAI,CAAAG,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACpCH,IAAA,CAAAI,MAAM,CAACC,KAAK,GAAxBC,UAAwC,CAAAN,IAAA,CAAAI,MAAA,EAAA,OAAA,EAAA;AAAAG,IAAAA,GAAA,EAAA,CAAA;AAAA,GAAA,CAAA,iCACxCD,UAAO,CAAAN,IAAA,CAAAI,MAAA,EAAA,SAAA,CAAA,EACKJ,IAAA,CAAAI,MAAM,CAACI,GAAG,GAAtBF,UAAoC,CAAAN,IAAA,CAAAI,MAAA,EAAA,KAAA,EAAA;AAAAG,IAAAA,GAAA,EAAA,CAAA;GAAA,CAAA;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../src/stepper/style/StepperStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-steplist {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow-x: auto;\n}\n\n.p-step {\n position: relative;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n gap: ${dt('stepper.step.gap')};\n padding: ${dt('stepper.step.padding')};\n}\n\n.p-step:last-of-type {\n flex: initial;\n}\n\n.p-step-header {\n border: 0 none;\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n cursor: pointer;\n transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, outline-color ${dt('stepper.transition.duration')}, box-shadow ${dt(\n 'stepper.transition.duration'\n)};\n border-radius: ${dt('stepper.step.header.border.radius')};\n outline-color: transparent;\n background: transparent;\n padding: ${dt('stepper.step.header.padding')};\n gap: ${dt('stepper.step.header.gap')};\n}\n\n.p-step-header:focus-visible {\n box-shadow: ${dt('stepper.step.header.focus.ring.shadow')};\n outline: ${dt('stepper.step.header.focus.ring.width')} ${dt('stepper.step.header.focus.ring.style')} ${dt('stepper.step.header.focus.ring.color')};\n outline-offset: ${dt('stepper.step.header.focus.ring.offset')};\n}\n\n.p-stepper.p-stepper-readonly .p-step {\n cursor: auto;\n}\n\n.p-step-title {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n color: ${dt('stepper.step.title.color')};\n font-weight: ${dt('stepper.step.title.font.weight')};\n transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, box-shadow ${dt('stepper.transition.duration')}, outline-color ${dt(\n 'stepper.transition.duration'\n)};\n}\n\n.p-step-number {\n display: flex;\n align-items: center;\n justify-content: center;\n color: ${dt('stepper.step.number.color')};\n border: 2px solid ${dt('stepper.step.number.border.color')};\n background: ${dt('stepper.step.number.background')};\n min-width: ${dt('stepper.step.number.size')};\n height: ${dt('stepper.step.number.size')};\n line-height: ${dt('stepper.step.number.size')};\n font-size: ${dt('stepper.step.number.font.size')};\n z-index: 1;\n border-radius: ${dt('stepper.step.number.border.radius')};\n position: relative;\n font-weight: ${dt('stepper.step.number.font.weight')};\n}\n\n.p-step-number::after {\n content: \" \";\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: ${dt('stepper.step.number.border.radius')};\n box-shadow: ${dt('stepper.step.number.shadow')};\n}\n\n.p-step-active .p-step-header {\n cursor: default;\n}\n\n.p-step-active .p-step-number {\n background: ${dt('stepper.step.number.active.background')};\n border-color: ${dt('stepper.step.number.active.border.color')};\n color: ${dt('stepper.step.number.active.color')};\n}\n\n.p-step-active .p-step-title {\n color: ${dt('stepper.step.title.active.color')};\n}\n\n.p-step:not(.p-disabled):focus-visible {\n outline: ${dt('focus.ring.width')} ${dt('focus.ring.style')} ${dt('focus.ring.color')};\n outline-offset: ${dt('focus.ring.offset')};\n}\n\n.p-step:has(~ .p-step-active) .p-stepper-separator {\n background: ${dt('stepper.separator.active.background')};\n}\n\n.p-stepper-separator {\n flex: 1 1 0;\n background: ${dt('stepper.separator.background')};\n width: 100%;\n height: ${dt('stepper.separator.size')};\n transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, box-shadow ${dt('stepper.transition.duration')}, outline-color ${dt(\n 'stepper.transition.duration'\n)};\n}\n\n.p-steppanels {\n padding: ${dt('stepper.steppanels.padding')};\n}\n\n.p-steppanel {\n background: ${dt('stepper.steppanel.background')};\n color: ${dt('stepper.steppanel.color')};\n}\n\n.p-stepper:has(.p-stepitem) {\n display: flex;\n flex-direction: column;\n}\n\n.p-stepitem {\n display: flex;\n flex-direction: column;\n flex: initial;\n}\n\n.p-stepitem.p-stepitem-active {\n flex: 1 1 auto;\n}\n\n.p-stepitem .p-step {\n flex: initial;\n}\n\n.p-stepitem .p-steppanel-content {\n width: 100%;\n padding: ${dt('stepper.steppanel.padding')};\n}\n\n.p-stepitem .p-steppanel {\n display: flex;\n flex: 1 1 auto;\n}\n\n.p-stepitem .p-stepper-separator {\n flex: 0 0 auto;\n width: ${dt('stepper.separator.size')};\n height: auto;\n margin: ${dt('stepper.separator.margin')};\n position: relative;\n left: calc(-1 * ${dt('stepper.separator.size')});\n}\n\n.p-stepitem:has(~ .p-stepitem-active) .p-stepper-separator {\n background: ${dt('stepper.separator.active.background')};\n}\n\n.p-stepitem:last-of-type .p-steppanel {\n padding-inline-start: ${dt('stepper.step.number.size')};\n}\n`;\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 theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","linear","separator","BaseStyle","extend","name"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/stepper/style/StepperStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-steplist {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow-x: auto;\n}\n\n.p-step {\n position: relative;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n gap: ${dt('stepper.step.gap')};\n padding: ${dt('stepper.step.padding')};\n}\n\n.p-step:last-of-type {\n flex: initial;\n}\n\n.p-step-header {\n border: 0 none;\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n cursor: pointer;\n transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, outline-color ${dt('stepper.transition.duration')}, box-shadow ${dt(\n 'stepper.transition.duration'\n)};\n border-radius: ${dt('stepper.step.header.border.radius')};\n outline-color: transparent;\n background: transparent;\n padding: ${dt('stepper.step.header.padding')};\n gap: ${dt('stepper.step.header.gap')};\n}\n\n.p-step-header:focus-visible {\n box-shadow: ${dt('stepper.step.header.focus.ring.shadow')};\n outline: ${dt('stepper.step.header.focus.ring.width')} ${dt('stepper.step.header.focus.ring.style')} ${dt('stepper.step.header.focus.ring.color')};\n outline-offset: ${dt('stepper.step.header.focus.ring.offset')};\n}\n\n.p-stepper.p-stepper-readonly .p-step {\n cursor: auto;\n}\n\n.p-step-title {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n color: ${dt('stepper.step.title.color')};\n font-weight: ${dt('stepper.step.title.font.weight')};\n transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, box-shadow ${dt('stepper.transition.duration')}, outline-color ${dt(\n 'stepper.transition.duration'\n)};\n}\n\n.p-step-number {\n display: flex;\n align-items: center;\n justify-content: center;\n color: ${dt('stepper.step.number.color')};\n border: 2px solid ${dt('stepper.step.number.border.color')};\n background: ${dt('stepper.step.number.background')};\n min-width: ${dt('stepper.step.number.size')};\n height: ${dt('stepper.step.number.size')};\n line-height: ${dt('stepper.step.number.size')};\n font-size: ${dt('stepper.step.number.font.size')};\n z-index: 1;\n border-radius: ${dt('stepper.step.number.border.radius')};\n position: relative;\n font-weight: ${dt('stepper.step.number.font.weight')};\n}\n\n.p-step-number::after {\n content: \" \";\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: ${dt('stepper.step.number.border.radius')};\n box-shadow: ${dt('stepper.step.number.shadow')};\n}\n\n.p-step-active .p-step-header {\n cursor: default;\n}\n\n.p-step-active .p-step-number {\n background: ${dt('stepper.step.number.active.background')};\n border-color: ${dt('stepper.step.number.active.border.color')};\n color: ${dt('stepper.step.number.active.color')};\n}\n\n.p-step-active .p-step-title {\n color: ${dt('stepper.step.title.active.color')};\n}\n\n.p-step:not(.p-disabled):focus-visible {\n outline: ${dt('focus.ring.width')} ${dt('focus.ring.style')} ${dt('focus.ring.color')};\n outline-offset: ${dt('focus.ring.offset')};\n}\n\n.p-step:has(~ .p-step-active) .p-stepper-separator {\n background: ${dt('stepper.separator.active.background')};\n}\n\n.p-stepper-separator {\n flex: 1 1 0;\n background: ${dt('stepper.separator.background')};\n width: 100%;\n height: ${dt('stepper.separator.size')};\n transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, box-shadow ${dt('stepper.transition.duration')}, outline-color ${dt(\n 'stepper.transition.duration'\n)};\n}\n\n.p-steppanels {\n padding: ${dt('stepper.steppanels.padding')};\n}\n\n.p-steppanel {\n background: ${dt('stepper.steppanel.background')};\n color: ${dt('stepper.steppanel.color')};\n}\n\n.p-stepper:has(.p-stepitem) {\n display: flex;\n flex-direction: column;\n}\n\n.p-stepitem {\n display: flex;\n flex-direction: column;\n flex: initial;\n}\n\n.p-stepitem.p-stepitem-active {\n flex: 1 1 auto;\n}\n\n.p-stepitem .p-step {\n flex: initial;\n}\n\n.p-stepitem .p-steppanel-content {\n width: 100%;\n padding: ${dt('stepper.steppanel.padding')};\n}\n\n.p-stepitem .p-steppanel {\n display: flex;\n flex: 1 1 auto;\n}\n\n.p-stepitem .p-stepper-separator {\n flex: 0 0 auto;\n width: ${dt('stepper.separator.size')};\n height: auto;\n margin: ${dt('stepper.separator.margin')};\n position: relative;\n left: calc(-1 * ${dt('stepper.separator.size')});\n}\n\n.p-stepitem:has(~ .p-stepitem-active) .p-stepper-separator {\n background: ${dt('stepper.separator.active.background')};\n}\n\n.p-stepitem:last-of-type .p-steppanel {\n padding-inline-start: ${dt('stepper.step.number.size')};\n}\n`;\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 theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","linear","separator","BaseStyle","extend","name"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/stepperpanel/BaseStepperPanel.vue","../../src/stepperpanel/StepperPanel.vue","../../src/stepperpanel/StepperPanel.vue?vue&type=template&id=e12b9f9a&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport StepperPanelStyle from 'primevue/stepperpanel/style';\n\nexport default {\n name: 'BaseStepperPanel',\n extends: BaseComponent,\n props: {\n header: null\n },\n style: StepperPanelStyle,\n provide() {\n return {\n $pcStepperPanel: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <slot />\n</template>\n\n<script>\nimport BaseStepperPanel from './BaseStepperPanel.vue';\n\nexport default {\n name: 'StepperPanel',\n extends: BaseStepperPanel,\n mounted() {\n console.warn('Deprecated since v4. Use the new structure of Stepper instead.');\n }\n};\n</script>\n","<template>\n <slot />\n</template>\n\n<script>\nimport BaseStepperPanel from './BaseStepperPanel.vue';\n\nexport default {\n name: 'StepperPanel',\n extends: BaseStepperPanel,\n mounted() {\n console.warn('Deprecated since v4. Use the new structure of Stepper instead.');\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","header","style","StepperPanelStyle","provide","$pcStepperPanel","$parentInstance","BaseStepperPanel","mounted","console","warn","_renderSlot","_ctx","$slots"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,kBAAkB;AACxB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,MAAM,EAAE,IAAA;GACX;AACDC,EAAAA,KAAK,EAAEC,iBAAiB;EACxBC,OAAO,EAAA,
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/stepperpanel/BaseStepperPanel.vue","../../src/stepperpanel/StepperPanel.vue","../../src/stepperpanel/StepperPanel.vue?vue&type=template&id=e12b9f9a&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport StepperPanelStyle from 'primevue/stepperpanel/style';\n\nexport default {\n name: 'BaseStepperPanel',\n extends: BaseComponent,\n props: {\n header: null\n },\n style: StepperPanelStyle,\n provide() {\n return {\n $pcStepperPanel: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <slot />\n</template>\n\n<script>\nimport BaseStepperPanel from './BaseStepperPanel.vue';\n\nexport default {\n name: 'StepperPanel',\n extends: BaseStepperPanel,\n mounted() {\n console.warn('Deprecated since v4. Use the new structure of Stepper instead.');\n }\n};\n</script>\n","<template>\n <slot />\n</template>\n\n<script>\nimport BaseStepperPanel from './BaseStepperPanel.vue';\n\nexport default {\n name: 'StepperPanel',\n extends: BaseStepperPanel,\n mounted() {\n console.warn('Deprecated since v4. Use the new structure of Stepper instead.');\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","header","style","StepperPanelStyle","provide","$pcStepperPanel","$parentInstance","BaseStepperPanel","mounted","console","warn","_renderSlot","_ctx","$slots"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,kBAAkB;AACxB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,MAAM,EAAE,IAAA;GACX;AACDC,EAAAA,KAAK,EAAEC,iBAAiB;EACxBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,eAAe,EAAE,IAAI;AACrBC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;ACVD,aAAe;AACXR,EAAAA,IAAI,EAAE,cAAc;AACpB,EAAA,SAAA,EAASS,QAAgB;EACzBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;AACNC,IAAAA,OAAO,CAACC,IAAI,CAAC,gEAAgE,CAAC,CAAA;AAClF,GAAA;AACJ,CAAC;;;SCZGC,UAAO,CAAAC,IAAA,CAAAC,MAAA,EAAA,SAAA,CAAA,CAAA;;;;;;;"}
|
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","_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","_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 BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-steps {\n position: relative;\n}\n\n.p-steps-list {\n padding: 0;\n margin: 0;\n list-style-type: none;\n display: flex;\n}\n\n.p-steps-item {\n position: relative;\n display: flex;\n justify-content: center;\n flex: 1 1 auto;\n}\n\n.p-steps-item.p-disabled,\n.p-steps-item.p-disabled * {\n opacity: 1;\n pointer-events: auto;\n user-select: auto;\n cursor: auto;\n}\n\n.p-steps-item:before {\n content: \" \";\n border-top: 2px solid ${dt('steps.separator.background')};\n width: 100%;\n top: 50%;\n left: 0;\n display: block;\n position: absolute;\n margin-top: -1rem;\n margin-top: calc(-1rem + 1px);\n}\n\n.p-steps-item:first-child::before {\n width: calc(50% + 1rem);\n transform: translateX(100%);\n}\n\n.p-steps-item:last-child::before {\n width: 50%;\n}\n\n.p-steps-item-link {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n overflow: hidden;\n text-decoration: none;\n transition: outline-color ${dt('steps.transition.duration')}, box-shadow ${dt('steps.transition.duration')};\n border-radius: ${dt('steps.item.link.border.radius')};\n outline-color: transparent;\n gap: ${dt('steps.item.link.gap')};\n}\n\n.p-steps-item-link:not(.p-disabled):focus-visible {\n box-shadow: ${dt('steps.item.link.focus.ring.shadow')};\n outline: ${dt('steps.item.link.focus.ring.width')} ${dt('steps.item.link.focus.ring.style')} ${dt('steps.item.link.focus.ring.color')};\n outline-offset: ${dt('steps.item.link.focus.ring.offset')};\n}\n\n.p-steps-item-label {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n color: ${dt('steps.item.label.color')};\n display: block;\n font-weight: ${dt('steps.item.label.font.weight')};\n}\n\n.p-steps-item-number {\n display: flex;\n align-items: center;\n justify-content: center;\n color: ${dt('steps.item.number.color')};\n border: 2px solid ${dt('steps.item.number.border.color')};\n background: ${dt('steps.item.number.background')};\n min-width: ${dt('steps.item.number.size')};\n height: ${dt('steps.item.number.size')};\n line-height: ${dt('steps.item.number.size')};\n font-size: ${dt('steps.item.number.font.size')};\n z-index: 1;\n border-radius: ${dt('steps.item.number.border.radius')};\n position: relative;\n font-weight: ${dt('steps.item.number.font.weight')};\n}\n\n.p-steps-item-number::after {\n content: \" \";\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: ${dt('steps.item.number.border.radius')};\n box-shadow: ${dt('steps.item.number.shadow')};\n}\n\n.p-steps:not(.p-readonly) .p-steps-item {\n cursor: pointer;\n}\n\n.p-steps-item-active .p-steps-item-number {\n background: ${dt('steps.item.number.active.background')};\n border-color: ${dt('steps.item.number.active.border.color')};\n color: ${dt('steps.item.number.active.color')};\n}\n\n.p-steps-item-active .p-steps-item-label {\n color: ${dt('steps.item.label.active.color')};\n}\n`;\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 theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","readonly","list","item","_ref3","instance","index","isActive","isItemDisabled","itemLink","itemNumber","itemLabel","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;AAAA,EAAA,OAAA,ueAAA,CAAAC,MAAA,CA6BSD,EAAE,CAAC,4BAA4B,CAAC,ogBAAAC,MAAA,CAyB5BD,EAAE,CAAC,2BAA2B,CAAC,EAAAC,eAAAA,CAAAA,CAAAA,MAAA,CAAgBD,EAAE,CAAC,2BAA2B,CAAC,EAAA,wBAAA,CAAA,CAAAC,MAAA,CACzFD,EAAE,CAAC,+BAA+B,CAAC,mDAAAC,MAAA,CAE7CD,EAAE,CAAC,qBAAqB,CAAC,EAAAC,+EAAAA,CAAAA,CAAAA,MAAA,CAIlBD,EAAE,CAAC,mCAAmC,CAAC,EAAA,kBAAA,CAAA,CAAAC,MAAA,CAC1CD,EAAE,CAAC,kCAAkC,CAAC,OAAAC,MAAA,CAAID,EAAE,CAAC,kCAAkC,CAAC,EAAAC,GAAAA,CAAAA,CAAAA,MAAA,CAAID,EAAE,CAAC,kCAAkC,CAAC,EAAA,yBAAA,CAAA,CAAAC,MAAA,CACnHD,EAAE,CAAC,mCAAmC,CAAC,qJAAAC,MAAA,CAQhDD,EAAE,CAAC,wBAAwB,CAAC,EAAAC,2CAAAA,CAAAA,CAAAA,MAAA,CAEtBD,EAAE,CAAC,8BAA8B,CAAC,EAAA,yHAAA,CAAA,CAAAC,MAAA,CAOxCD,EAAE,CAAC,yBAAyB,CAAC,+BAAAC,MAAA,CAClBD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,qBAAAA,CAAAA,CAAAA,MAAA,CAC1CD,EAAE,CAAC,8BAA8B,CAAC,EAAA,oBAAA,CAAA,CAAAC,MAAA,CACnCD,EAAE,CAAC,wBAAwB,CAAC,qBAAAC,MAAA,CAC/BD,EAAE,CAAC,wBAAwB,CAAC,EAAAC,sBAAAA,CAAAA,CAAAA,MAAA,CACvBD,EAAE,CAAC,wBAAwB,CAAC,EAAA,oBAAA,CAAA,CAAAC,MAAA,CAC9BD,EAAE,CAAC,6BAA6B,CAAC,6CAAAC,MAAA,CAE7BD,EAAE,CAAC,iCAAiC,CAAC,EAAAC,+CAAAA,CAAAA,CAAAA,MAAA,CAEvCD,EAAE,CAAC,+BAA+B,CAAC,EAAA,+IAAA,CAAA,CAAAC,MAAA,CAQjCD,EAAE,CAAC,iCAAiC,CAAC,yBAAAC,MAAA,CACxCD,EAAE,CAAC,0BAA0B,CAAC,EAAAC,6IAAAA,CAAAA,CAAAA,MAAA,CAQ9BD,EAAE,CAAC,qCAAqC,CAAC,EAAA,uBAAA,CAAA,CAAAC,MAAA,CACvCD,EAAE,CAAC,uCAAuC,CAAC,oBAAAC,MAAA,CAClDD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,iEAAAA,CAAAA,CAAAA,MAAA,CAIpCD,EAAE,CAAC,+BAA+B,CAAC,EAAA,QAAA,CAAA,CAAA;AAAA,CAE/C,CAAA;AAED,IAAME,OAAO,GAAG;
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/steps/style/StepsStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-steps {\n position: relative;\n}\n\n.p-steps-list {\n padding: 0;\n margin: 0;\n list-style-type: none;\n display: flex;\n}\n\n.p-steps-item {\n position: relative;\n display: flex;\n justify-content: center;\n flex: 1 1 auto;\n}\n\n.p-steps-item.p-disabled,\n.p-steps-item.p-disabled * {\n opacity: 1;\n pointer-events: auto;\n user-select: auto;\n cursor: auto;\n}\n\n.p-steps-item:before {\n content: \" \";\n border-top: 2px solid ${dt('steps.separator.background')};\n width: 100%;\n top: 50%;\n left: 0;\n display: block;\n position: absolute;\n margin-top: -1rem;\n margin-top: calc(-1rem + 1px);\n}\n\n.p-steps-item:first-child::before {\n width: calc(50% + 1rem);\n transform: translateX(100%);\n}\n\n.p-steps-item:last-child::before {\n width: 50%;\n}\n\n.p-steps-item-link {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n overflow: hidden;\n text-decoration: none;\n transition: outline-color ${dt('steps.transition.duration')}, box-shadow ${dt('steps.transition.duration')};\n border-radius: ${dt('steps.item.link.border.radius')};\n outline-color: transparent;\n gap: ${dt('steps.item.link.gap')};\n}\n\n.p-steps-item-link:not(.p-disabled):focus-visible {\n box-shadow: ${dt('steps.item.link.focus.ring.shadow')};\n outline: ${dt('steps.item.link.focus.ring.width')} ${dt('steps.item.link.focus.ring.style')} ${dt('steps.item.link.focus.ring.color')};\n outline-offset: ${dt('steps.item.link.focus.ring.offset')};\n}\n\n.p-steps-item-label {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n color: ${dt('steps.item.label.color')};\n display: block;\n font-weight: ${dt('steps.item.label.font.weight')};\n}\n\n.p-steps-item-number {\n display: flex;\n align-items: center;\n justify-content: center;\n color: ${dt('steps.item.number.color')};\n border: 2px solid ${dt('steps.item.number.border.color')};\n background: ${dt('steps.item.number.background')};\n min-width: ${dt('steps.item.number.size')};\n height: ${dt('steps.item.number.size')};\n line-height: ${dt('steps.item.number.size')};\n font-size: ${dt('steps.item.number.font.size')};\n z-index: 1;\n border-radius: ${dt('steps.item.number.border.radius')};\n position: relative;\n font-weight: ${dt('steps.item.number.font.weight')};\n}\n\n.p-steps-item-number::after {\n content: \" \";\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: ${dt('steps.item.number.border.radius')};\n box-shadow: ${dt('steps.item.number.shadow')};\n}\n\n.p-steps:not(.p-readonly) .p-steps-item {\n cursor: pointer;\n}\n\n.p-steps-item-active .p-steps-item-number {\n background: ${dt('steps.item.number.active.background')};\n border-color: ${dt('steps.item.number.active.border.color')};\n color: ${dt('steps.item.number.active.color')};\n}\n\n.p-steps-item-active .p-steps-item-label {\n color: ${dt('steps.item.label.active.color')};\n}\n`;\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 theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","readonly","list","item","_ref3","instance","index","isActive","isItemDisabled","itemLink","itemNumber","itemLabel","BaseStyle","extend","name"],"mappings":"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"}
|
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, 'hidden');\n target.style.maxHeight = target.scrollHeight + 'px';\n addClass(target, 'hidden');\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","maxHeight","scrollHeight","enterFromClass","$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, 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, 'hidden');\n target.style.maxHeight = target.scrollHeight + 'px';\n addClass(target, 'hidden');\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","maxHeight","scrollHeight","enterFromClass","$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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"}
|
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=bf1946e0&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,\n default: undefined\n },\n disabled: {\n type: Boolean,\n default: false\n },\n as: {\n type: String,\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')\" @click=\"onClick\" v-bind=\"attrs\">\n <slot></slot>\n </component>\n <slot v-else :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { getAttribute, focus, findSingle } 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') === 'inkbar' ? 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') === 'inkbar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n },\n findFirstTab() {\n return this.findNextTab(this.$pcTabList.$refs.content.firstElementChild, true);\n },\n findLastTab() {\n return this.findPrevTab(this.$pcTabList.$refs.content.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 },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n","<template>\n <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" @click=\"onClick\" v-bind=\"attrs\">\n <slot></slot>\n </component>\n <slot v-else :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { getAttribute, focus, findSingle } 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') === 'inkbar' ? 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') === 'inkbar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n },\n findFirstTab() {\n return this.findNextTab(this.$pcTabList.$refs.content.firstElementChild, true);\n },\n findLastTab() {\n return this.findPrevTab(this.$pcTabList.$refs.content.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 },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","undefined","disabled","Boolean","as","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","content","firstElementChild","lastElementChild","updateValue","focus","_element$scrollIntoVi","scrollIntoView","call","block","computed","active","_this$$pcTabs","equals","d_value","id","_this$$pcTabs2","concat","ariaControls","_this$$pcTabs3","attrs","mergeProps","asAttrs","a11yAttrs","ptmi","ptParams","tabindex","role","context","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=bf1946e0&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,\n default: undefined\n },\n disabled: {\n type: Boolean,\n default: false\n },\n as: {\n type: String,\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')\" @click=\"onClick\" v-bind=\"attrs\">\n <slot></slot>\n </component>\n <slot v-else :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { getAttribute, focus, findSingle } 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') === 'inkbar' ? 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') === 'inkbar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n },\n findFirstTab() {\n return this.findNextTab(this.$pcTabList.$refs.content.firstElementChild, true);\n },\n findLastTab() {\n return this.findPrevTab(this.$pcTabList.$refs.content.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 },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n","<template>\n <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" @click=\"onClick\" v-bind=\"attrs\">\n <slot></slot>\n </component>\n <slot v-else :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { getAttribute, focus, findSingle } 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') === 'inkbar' ? 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') === 'inkbar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n },\n findFirstTab() {\n return this.findNextTab(this.$pcTabList.$refs.content.firstElementChild, true);\n },\n findLastTab() {\n return this.findPrevTab(this.$pcTabList.$refs.content.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 },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","undefined","disabled","Boolean","as","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","content","firstElementChild","lastElementChild","updateValue","focus","_element$scrollIntoVi","scrollIntoView","call","block","computed","active","_this$$pcTabs","equals","d_value","id","_this$$pcTabs2","concat","ariaControls","_this$$pcTabs3","attrs","mergeProps","asAttrs","a11yAttrs","ptmi","ptParams","tabindex","role","context","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;
|
|
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,CAAA;IAAA,OAAO,CAC3B,OAAO,EACP;MACI,cAAc,EAAED,QAAQ,CAACE,MAAM;MAC/B,YAAY,EAAED,KAAK,CAACE,QAAAA;AACxB,KAAC,CACJ,CAAA;AAAA,GAAA;AACL,CAAC,CAAA;AAED,eAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,KAAK;AACXT,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}
|