Fixed #5046 - DataTable: Hydration attribute mismatch with sortable columns
parent
088d3409de
commit
19cd180575
|
@ -1,11 +1,16 @@
|
||||||
<script>
|
<script>
|
||||||
import BaseComponent from 'primevue/basecomponent';
|
import BaseComponent from 'primevue/basecomponent';
|
||||||
import BaseIconStyle from 'primevue/baseicon/style';
|
import BaseIconStyle from 'primevue/baseicon/style';
|
||||||
import { ObjectUtils } from 'primevue/utils';
|
import { ObjectUtils, UniqueComponentId } from 'primevue/utils';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'BaseIcon',
|
name: 'BaseIcon',
|
||||||
extends: BaseComponent,
|
extends: BaseComponent,
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
id: this.$attrs.id
|
||||||
|
};
|
||||||
|
},
|
||||||
props: {
|
props: {
|
||||||
label: {
|
label: {
|
||||||
type: String,
|
type: String,
|
||||||
|
@ -17,6 +22,14 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
style: BaseIconStyle,
|
style: BaseIconStyle,
|
||||||
|
mounted() {
|
||||||
|
this.id = this.id || UniqueComponentId();
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
'$attrs.id': function (newValue) {
|
||||||
|
this.id = newValue || UniqueComponentId();
|
||||||
|
}
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
pti() {
|
pti() {
|
||||||
const isLabelEmpty = ObjectUtils.isEmpty(this.label);
|
const isLabelEmpty = ObjectUtils.isEmpty(this.label);
|
||||||
|
@ -30,6 +43,7 @@ export default {
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}),
|
}),
|
||||||
|
id: this.id,
|
||||||
role: !isLabelEmpty ? 'img' : undefined,
|
role: !isLabelEmpty ? 'img' : undefined,
|
||||||
'aria-label': !isLabelEmpty ? this.label : undefined,
|
'aria-label': !isLabelEmpty ? this.label : undefined,
|
||||||
'aria-hidden': isLabelEmpty
|
'aria-hidden': isLabelEmpty
|
||||||
|
|
|
@ -18,14 +18,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'ArrowDownIcon',
|
name: 'ArrowDownIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -18,14 +18,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'ArrowUpIcon',
|
name: 'ArrowUpIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -16,14 +16,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'BanIcon',
|
name: 'BanIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -24,14 +24,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'ExclamationTriangleIcon',
|
name: 'ExclamationTriangleIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -18,14 +18,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'EyeSlashIcon',
|
name: 'EyeSlashIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -16,14 +16,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'FilterIcon',
|
name: 'FilterIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -18,14 +18,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'FilterSlashIcon',
|
name: 'FilterSlashIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -18,14 +18,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'InfoCircleIcon',
|
name: 'InfoCircleIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -16,14 +16,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'PencilIcon',
|
name: 'PencilIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -16,14 +16,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'PlusIcon',
|
name: 'PlusIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -18,14 +18,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'RefreshIcon',
|
name: 'RefreshIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -18,14 +18,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'SearchIcon',
|
name: 'SearchIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -18,14 +18,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'SearchMinusIcon',
|
name: 'SearchMinusIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -18,14 +18,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'SearchPlusIcon',
|
name: 'SearchPlusIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -22,14 +22,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'SortAltIcon',
|
name: 'SortAltIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -16,14 +16,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'SortAmountDownIcon',
|
name: 'SortAmountDownIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -16,14 +16,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'SortAmountUpAltIcon',
|
name: 'SortAmountUpAltIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -16,14 +16,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'SpinnerIcon',
|
name: 'SpinnerIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -16,14 +16,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'StarIcon',
|
name: 'StarIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -16,14 +16,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'StarFillIcon',
|
name: 'StarFillIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -18,14 +18,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'ThLargeIcon',
|
name: 'ThLargeIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -18,14 +18,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'TimesCircleIcon',
|
name: 'TimesCircleIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -18,14 +18,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'TrashIcon',
|
name: 'TrashIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -18,14 +18,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'UndoIcon',
|
name: 'UndoIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -18,14 +18,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'UploadIcon',
|
name: 'UploadIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -18,14 +18,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'WindowMaximizeIcon',
|
name: 'WindowMaximizeIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -18,14 +18,13 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BaseIcon from 'primevue/baseicon';
|
import BaseIcon from 'primevue/baseicon';
|
||||||
import { UniqueComponentId } from 'primevue/utils';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'WindowMinimizeIcon',
|
name: 'WindowMinimizeIcon',
|
||||||
extends: BaseIcon,
|
extends: BaseIcon,
|
||||||
computed: {
|
computed: {
|
||||||
pathId() {
|
pathId() {
|
||||||
return `pv_icon_clip_${UniqueComponentId()}`;
|
return `pv_icon_clip_${this.id}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue