@porsche-design-system/components-vue 3.19.0-rc.3 → 3.19.0-rc.4

package/cjs/lib/components/CheckboxWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),c=e.defineComponent({__name:"CheckboxWrapper",props:{checked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},form:{},hideLabel:{default:!1},indeterminate:{type:Boolean,default:!1},label:{default:""},loading:{type:Boolean,default:!1},message:{default:""},name:{default:""},required:{type:Boolean,default:!1},state:{default:"none"},theme:{},value:{default:"on"}},emits:["blur","update"],setup(d,{emit:f}){const u=t.usePrefix("p-checkbox"),o=d,n=e.ref(),s=f,l=e.inject(t.themeInjectionKey),r=()=>t.syncProperties(n,{...o,theme:o.theme||l.value});return e.onMounted(()=>{r(),t.addEventListenerToElementRef(n,"blur",s),t.addEventListenerToElementRef(n,"update",s)}),e.onUpdated(r),e.watch(l,a=>{t.syncProperties(n,{theme:o.theme||a})}),(a,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},512))}});module.exports=c;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),c=e.defineComponent({__name:"CheckboxWrapper",props:{checked:{type:Boolean,default:!1},compact:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},form:{},hideLabel:{default:!1},indeterminate:{type:Boolean,default:!1},label:{default:""},loading:{type:Boolean,default:!1},message:{default:""},name:{default:""},required:{type:Boolean,default:!1},state:{default:"none"},theme:{},value:{default:"on"}},emits:["blur","update"],setup(d,{emit:f}){const u=t.usePrefix("p-checkbox"),o=d,n=e.ref(),l=f,s=e.inject(t.themeInjectionKey),r=()=>t.syncProperties(n,{...o,theme:o.theme||s.value});return e.onMounted(()=>{r(),t.addEventListenerToElementRef(n,"blur",l),t.addEventListenerToElementRef(n,"update",l)}),e.onUpdated(r),e.watch(s,a=>{t.syncProperties(n,{theme:o.theme||a})}),(a,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},512))}});module.exports=c;

package/esm/lib/components/CheckboxWrapper.vue.d.ts

@@ -4,6 +4,10 @@ type PCheckboxProps = {
      * Reflects the checkbox current checked state and allows setting the initial checked state.
      */
     checked?: boolean;
+    /**
+     * Displays as compact version.
+     */
+    compact?: boolean;
     /**
      * Marks the checkbox as disabled.
      */
@@ -58,6 +62,7 @@ declare function __VLS_template(): {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PCheckboxProps>, {
     checked: boolean;
+    compact: boolean;
     disabled: boolean;
     hideLabel: boolean;
     indeterminate: boolean;
@@ -73,6 +78,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     update: (value: CheckboxUpdateEventDetail) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PCheckboxProps>, {
     checked: boolean;
+    compact: boolean;
     disabled: boolean;
     hideLabel: boolean;
     indeterminate: boolean;
@@ -88,6 +94,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     onBlur?: ((value: Event) => any) | undefined;
 }, {
     label: string;
+    compact: boolean;
     state: CheckboxState;
     required: boolean;
     disabled: boolean;

package/esm/lib/components/CheckboxWrapper.vue.mjs

@@ -4,6 +4,7 @@ const j = /* @__PURE__ */ m({
   __name: "CheckboxWrapper",
   props: {
     checked: { type: Boolean, default: !1 },
+    compact: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     form: {},
     hideLabel: { default: !1 },
@@ -19,10 +20,10 @@ const j = /* @__PURE__ */ m({
   },
   emits: ["blur", "update"],
   setup(d, { emit: r }) {
-    const p = v("p-checkbox"), t = d, e = u(), n = r, a = c(R), l = () => s(e, { ...t, theme: t.theme || a.value });
+    const p = v("p-checkbox"), t = d, e = u(), a = r, n = c(R), l = () => s(e, { ...t, theme: t.theme || n.value });
     return i(() => {
-      l(), f(e, "blur", n), f(e, "update", n);
-    }), h(l), y(a, (o) => {
+      l(), f(e, "blur", a), f(e, "update", a);
+    }), h(l), y(n, (o) => {
       s(e, { theme: t.theme || o });
     }), (o, g) => (b(), B(C(_(p)), {
       ref_key: "pdsComponentRef",

package/esm/lib/types.d.ts

@@ -560,6 +560,7 @@ declare const TYPOGRAPHY_ALIGNS: readonly [
     "start",
     "center",
     "end",
+    "inherit",
     "left",
     "right"
 ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-vue",
-  "version": "3.19.0-rc.3",
+  "version": "3.19.0-rc.4",
   "description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
   "keywords": [
     "porsche",
@@ -17,9 +17,11 @@
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.porsche.com",
   "dependencies": {
-    "@porsche-design-system/components-js": "3.19.0-rc.3"
+    "@porsche-design-system/components-js": "3.19.0-rc.4"
   },
   "peerDependencies": {
+    "ag-grid-enterprise": ">= 32.0.0 <33.0.0",
+    "ag-grid-vue3": ">= 32.0.0 <33.0.0",
     "vue": ">=3.0.0 <4.0.0"
   },
   "main": "cjs/public-api.cjs",
@@ -47,6 +49,7 @@
       "import": "./styles/esm/index.mjs",
       "default": "./styles/cjs/index.cjs"
     },
+    "./ag-grid/*.css": "./ag-grid/*.css",
     "./testing": {
       "types": "./testing/index.d.ts",
       "default": "./testing/index.cjs"