primevue 4.0.0-beta.5 → 4.0.0-rc.2

package/accordion/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/accordion/style/AccordionStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-accordionpanel {\n    display: flex;\n    flex-direction: column;\n    border-style: solid;\n    border-width: ${dt('accordion.panel.border.width')};\n    border-color: ${dt('accordion.panel.border.color')};\n}\n\n.p-accordionheader {\n    all: unset;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: ${dt('accordion.header.padding')};\n    color: ${dt('accordion.header.color')};\n    background: ${dt('accordion.header.background')};\n    border-style: solid;\n    border-width: ${dt('accordion.header.border.width')};\n    border-color: ${dt('accordion.header.border.color')};\n    font-weight: ${dt('accordion.header.font.weight')};\n    border-radius: ${dt('accordion.header.border.radius')};\n    transition: background ${dt('accordion.transition.duration')}; color ${dt('accordion.transition.duration')}color ${dt('accordion.transition.duration')}, outline-color ${dt('accordion.transition.duration')}, box-shadow ${dt(\n        'accordion.transition.duration'\n    )};\n    outline-color: transparent;\n}\n\n.p-accordionpanel:first-child > .p-accordionheader {\n    border-width: ${dt('accordion.header.first.border.width')};\n    border-top-left-radius: ${dt('accordion.header.first.top.border.radius')};\n    border-top-right-radius: ${dt('accordion.header.first.top.border.radius')};\n}\n\n.p-accordionpanel:last-child > .p-accordionheader {\n    border-bottom-left-radius: ${dt('accordion.header.last.bottom.border.radius')};\n    border-bottom-right-radius: ${dt('accordion.header.last.bottom.border.radius')};\n}\n\n.p-accordionpanel:last-child.p-accordionpanel-active > .p-accordionheader {\n    border-bottom-left-radius: ${dt('accordion.header.last.active.bottom.border.radius')};\n    border-bottom-right-radius:${dt('accordion.header.last.active.bottom.border.radius')};\n}\n\n.p-accordionheader-toggle-icon {\n    color: ${dt('accordion.header.toggle.icon.color')};\n}\n\n.p-accordionpanel:not(.p-disabled) .p-accordionheader:focus-visible {\n    box-shadow: ${dt('accordion.header.focus.ring.shadow')};\n    outline: ${dt('accordion.header.focus.ring.width')} ${dt('accordion.header.focus.ring.style')} ${dt('accordion.header.focus.ring.color')};\n    outline-offset: ${dt('accordion.header.focus.ring.offset')};\n}\n\n.p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) > .p-accordionheader:hover {\n    background: ${dt('accordion.header.hover.background')};\n    color: ${dt('accordion.header.hover.color')}\n}\n\n.p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) .p-accordionheader:hover .p-accordionheader-toggle-icon {\n    color: ${dt('accordion.header.toggle.icon.hover.color')};\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader {\n    background: ${dt('accordion.header.active.background')};\n    color: ${dt('accordion.header.active.color')}\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader .p-accordionheader-toggle-icon {\n    color: ${dt('accordion.header.toggle.icon.active.color')};\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover  {\n    background: ${dt('accordion.header.active.hover.background')};\n    color: ${dt('accordion.header.active.hover.color')}\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover  .p-accordionheader-toggle-icon {\n    color: ${dt('accordion.header.toggle.icon.active.hover.color')};\n}\n\n.p-accordioncontent-content {\n    border-style: solid;\n    border-width: ${dt('accordion.content.border.width')};\n    border-color: ${dt('accordion.content.border.color')};\n    background: color: ${dt('accordion.content.background')};\n    color: ${dt('accordion.content.color')};\n    padding: ${dt('accordion.content.padding')}\n}\n`;\n\nconst classes = {\n    root: 'p-accordion p-component'\n};\n\nexport default BaseStyle.extend({\n    name: 'accordion',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","BaseStyle","extend","name"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/accordion/style/AccordionStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-accordionpanel {\n    display: flex;\n    flex-direction: column;\n    border-style: solid;\n    border-width: ${dt('accordion.panel.border.width')};\n    border-color: ${dt('accordion.panel.border.color')};\n}\n\n.p-accordionheader {\n    all: unset;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: ${dt('accordion.header.padding')};\n    color: ${dt('accordion.header.color')};\n    background: ${dt('accordion.header.background')};\n    border-style: solid;\n    border-width: ${dt('accordion.header.border.width')};\n    border-color: ${dt('accordion.header.border.color')};\n    font-weight: ${dt('accordion.header.font.weight')};\n    border-radius: ${dt('accordion.header.border.radius')};\n    transition: background ${dt('accordion.transition.duration')}; color ${dt('accordion.transition.duration')}color ${dt('accordion.transition.duration')}, outline-color ${dt('accordion.transition.duration')}, box-shadow ${dt(\n    'accordion.transition.duration'\n)};\n    outline-color: transparent;\n}\n\n.p-accordionpanel:first-child > .p-accordionheader {\n    border-width: ${dt('accordion.header.first.border.width')};\n    border-top-left-radius: ${dt('accordion.header.first.top.border.radius')};\n    border-top-right-radius: ${dt('accordion.header.first.top.border.radius')};\n}\n\n.p-accordionpanel:last-child > .p-accordionheader {\n    border-bottom-left-radius: ${dt('accordion.header.last.bottom.border.radius')};\n    border-bottom-right-radius: ${dt('accordion.header.last.bottom.border.radius')};\n}\n\n.p-accordionpanel:last-child.p-accordionpanel-active > .p-accordionheader {\n    border-bottom-left-radius: ${dt('accordion.header.last.active.bottom.border.radius')};\n    border-bottom-right-radius:${dt('accordion.header.last.active.bottom.border.radius')};\n}\n\n.p-accordionheader-toggle-icon {\n    color: ${dt('accordion.header.toggle.icon.color')};\n}\n\n.p-accordionpanel:not(.p-disabled) .p-accordionheader:focus-visible {\n    box-shadow: ${dt('accordion.header.focus.ring.shadow')};\n    outline: ${dt('accordion.header.focus.ring.width')} ${dt('accordion.header.focus.ring.style')} ${dt('accordion.header.focus.ring.color')};\n    outline-offset: ${dt('accordion.header.focus.ring.offset')};\n}\n\n.p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) > .p-accordionheader:hover {\n    background: ${dt('accordion.header.hover.background')};\n    color: ${dt('accordion.header.hover.color')}\n}\n\n.p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) .p-accordionheader:hover .p-accordionheader-toggle-icon {\n    color: ${dt('accordion.header.toggle.icon.hover.color')};\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader {\n    background: ${dt('accordion.header.active.background')};\n    color: ${dt('accordion.header.active.color')}\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader .p-accordionheader-toggle-icon {\n    color: ${dt('accordion.header.toggle.icon.active.color')};\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover  {\n    background: ${dt('accordion.header.active.hover.background')};\n    color: ${dt('accordion.header.active.hover.color')}\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover  .p-accordionheader-toggle-icon {\n    color: ${dt('accordion.header.toggle.icon.active.hover.color')};\n}\n\n.p-accordioncontent-content {\n    border-style: solid;\n    border-width: ${dt('accordion.content.border.width')};\n    border-color: ${dt('accordion.content.border.color')};\n    background: color: ${dt('accordion.content.background')};\n    color: ${dt('accordion.content.color')};\n    padding: ${dt('accordion.content.padding')}\n}\n`;\n\nconst classes = {\n    root: 'p-accordion p-component'\n};\n\nexport default BaseStyle.extend({\n    name: 'accordion',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","BaseStyle","extend","name"],"mappings":"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"}

package/autocomplete/AutoComplete.vue

@@ -55,7 +55,7 @@
                 :aria-posinset="i + 1"
                 v-bind="ptm('chipItem')"
             >
-                <slot name="chip" :class="cx('pcChip')" :value="option" :index="i" :removeCallback="(event) => removeOption(event, i)">
+                <slot name="chip" :class="cx('pcChip')" :value="option" :index="i" :removeCallback="(event) => removeOption(event, i)" v-bind="ptm('pcChip')">
                     <!-- TODO: removetokenicon and removeTokenIcon  deprecated since v4.0. Use chipicon slot and chipIcon prop-->
                     <Chip :class="cx('pcChip')" :label="getOptionLabel(option)" :removeIcon="chipIcon || removeTokenIcon" removable :unstyled="unstyled" @remove="removeOption($event, i)" :pt="ptm('pcChip')">
                         <template #removeicon>

package/autocomplete/index.mjs

@@ -1067,14 +1067,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "aria-setsize": _ctx.modelValue.length,
       "aria-posinset": i + 1,
       ref_for: true
-    }, _ctx.ptm('chipItem')), [renderSlot(_ctx.$slots, "chip", {
-      "class": normalizeClass(_ctx.cx('pcChip')),
+    }, _ctx.ptm('chipItem')), [renderSlot(_ctx.$slots, "chip", mergeProps({
+      "class": _ctx.cx('pcChip'),
       value: option,
       index: i,
       removeCallback: function removeCallback(event) {
         return $options.removeOption(event, i);
-      }
-    }, function () {
+      },
+      ref_for: true
+    }, _ctx.ptm('pcChip')), function () {
       return [createVNode(_component_Chip, {
         "class": normalizeClass(_ctx.cx('pcChip')),
         label: $options.getOptionLabel(option),