@porsche-design-system/components-vue 3.31.0 → 4.0.0-alpha.0

package/CHANGELOG.md

@@ -14,6 +14,255 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ## [Unreleased]
 
+## [4.0.0-alpha.0] - 2025-12-12
+
+See the full [migration guide](/news/migration-guide/porsche-design-system/) for a detailed explanation of all changes
+and migration steps.
+
+### Added
+
+- Global Styles: mandatory CSS styles (normalize, font-face and color variables)
+  - `@porsche-design-system/components-{js|angular|react|vue}/index.css`
+  - `@porsche-design-system/components-{js|angular|react|vue}/cn/index.css`
+  - to enable legacy radius styles (aligned with app) import
+    `@porsche-design-system/components-{js|angular|react|vue}/legacy-radius.css`
+
+- `Divider`: value `contrast-lower` for prop `color`
+
+- `Multi Select, Select`:
+  - `selected` slot for custom selection rendering and enabling complex options
+  - `options-status` slot for loading, error and no results states when using custom filtering
+    ([#4111](https://github.com/porsche-design-system/porsche-design-system/pull/4111))
+- `Multi Select, Select`:
+  - `filter` slot to allow custom asynchronous filtering
+  - `toggle` event when opening/closing the dropdown
+    ([#4089](https://github.com/porsche-design-system/porsche-design-system/pull/4089))
+- `Segmented Control`: add `state` and `message` props to enable visual validation states
+  ([#4023](https://github.com/porsche-design-system/porsche-design-system/pull/4023)) `Segmented Control`: add `label`,
+- `Segmented Control`: `label`, `desription`, `hideLabel` and `required` props for better form integration
+  ([#4023](https://github.com/porsche-design-system/porsche-design-system/pull/4023))
+- `Textarea`: `compact` prop to enable a smaller, space-saving version for compact layouts
+  ([#4102](https://github.com/porsche-design-system/porsche-design-system/pull/4102))
+- `Tag Dismissible`: `compact` prop to enable a smaller, space-saving version for compact layouts
+  ([#4114](https://github.com/porsche-design-system/porsche-design-system/pull/4114))
+- Flags: added `AL, BD, RE` flags ([#4128](https://github.com/porsche-design-system/porsche-design-system/pull/4128))
+- `Input Month`, `Input Week`: ([#4126](https://github.com/porsche-design-system/porsche-design-system/pull/4126))
+- `Input Search`: `maxLength` & `minLength` prop to specify the maximum and minimum number of characters the user can
+  enter ([#4131](https://github.com/porsche-design-system/porsche-design-system/pull/4131))
+
+### Changed
+
+- In general all headings use regular as font-weight
+- Remove theme prop since it's handled by CSS variables which can be controlled by `.light`, `.dark` or `.auto` CSS
+  class, e.g. `<p-input-text name="some-name"></p-input-text>` inside `<div class="dark">…</div>` will render the dark
+  theme.
+- Remove **slotted** Anchor Styles entirely from all components.
+- `Heading`: Uses a regular instead of semi-bold font-weight
+- `Text` and `Icon`:
+  - value `'notification-success', 'notification-warning', 'notification-error', 'notification-info'` of prop `color`
+    (use `'success', 'warning', 'error', 'info'` instead)
+- `Icon`:
+  - when `color="inherit"` is used no CSS filters are necessary anymore, instead a CSS color (e.g.
+    `p-icon { color: deeppink; }`) can be applied directly
+  - value `'state-disabled'` of prop color is removed
+- `Model Signature`:
+  - when `color="inherit"` is used a CSS color (e.g. `p-model-signature { color: deeppink; }`) can be applied directly
+- `Tag`:
+  - removed prop `color` and introduced prop `variant` with values `primary`, `secondary`, `success`, `warning`,
+    `error`, `info`
+- `Button`, `Link`:
+  - removed prop value `ghost`, use `secondary` instead
+- `Modal`
+  - visually changed footer slot: becomes frosted when it's sticky
+  - removed `.stretch-to-full-modal-width` use `-mt-(--ref-p-modal-pt) -mx-(--ref-p-modal-px) -mb-(--ref-p-modal-pb)`
+    instead
+  - added read only css variables `--ref-p-modal-pt`, `--ref-p-modal-pb`, `--ref-p-modal-px`
+  - added prop `background` with value `canvas | surface`
+- `Flyout`
+  - removed CSS variable `--p-flyout-max-width` (use `--p-flyout-width` with a static value or `min()`, `max()` or
+    `clamp()` instead)
+  - visually changed footer slot: becomes frosted when it's sticky
+  - added read only css variables `--ref-p-flyout-pb`
+  - added prop `background` with value `canvas | surface`
+- `Sheet`:
+  - added read only css variables `--ref-p-sheet-pt`, `--ref-p-sheet-px`, `--ref-p-sheet-pb`
+  - added prop `background` with value `canvas | surface`
+- `Inline Notification`:
+  - removed max-width limitation for content
+- `Banner`:
+  - added `state="success"`
+  - removed max-width limitation for content
+- `Toast`:
+  - added `state="warning | error"`
+- `Carousel`:
+  - removed CSS variable `--p-carousel-prev-next-filter`
+  - removed prop `gradient-color` (use `gradient="true"` instead)
+  - changed default value of prop `trim-space` from `true` to `false` (use `<p-carousel trim-space="true"></p-carousel>`
+    to enable trimming)
+  - changed default value of prop `pagination` from `true` to `false` (use `<p-carousel pagination="true"></p-carousel>`
+    to enable pagination)
+  - changed default value of prop `rewind` from `true` to `false` (use `<p-carousel rewind="true"></p-carousel>` to
+    enable rewind)
+- `Link Tile`, `Button Tile`:
+  - changed default value of prop `gradient` from `true` to `false` (use `<p-link-tile gradient="true"></p-link-tile>`
+    to enable gradient)
+  - removed prop `background` (use CSS class `.light | .dark | .auto` on :host element instead)
+  - added an optional light gradient when used in light mode and gradient is enabled
+  - added value `auto` for prop `aspect-ratio`
+- `Link Tile Product`:
+  - Values `3:4 | 9:16` of prop `aspect-ratio` (use `3/4 | 9/16` instead)
+
+- Tailwind CSS:
+  - Reset all default Tailwind color tokens
+  - Remove -light and -dark color tokens, instead control theming via `.light`, `.dark` or `.auto` CSS class only
+
+### Removed
+
+- `Partials`:
+  - Removed `getBrowserSupportFallbackScript()` and `getCookiesFallbackScript()` which are now in separate repo
+    `@porsche-design-system/fallbacks`
+  - Removed `getDSRPonyfill()` partial
+  - Removed `getFontFaceStyles()`, `getFontFaceStylesheet()` and `getInitialStyles()` partial in favor of CSS imports
+    from `@porsche-design-system/components-{js|angular|react|vue}`
+  - `@font-face` styles are no longer auto-injected, import of global styles is mandatory now
+  - Automatic FOUC handling in `getInitialStyles()`, must be implemented manually now
+
+- `Accordion`:
+  - prop `tag` (use `heading-tag` instead)
+  - event `accordionChange` (use `update` instead)
+  - Slotted anchor styling (use `Link Pure` instead or define an anchor style)
+- `Banner`:
+  - `slot="title"` (use `slot="heading"` instead)
+  - prop `persistent` (use `dismissButton` instead)
+  - prop `width`
+  - value `neutral` of prop `state` (use `info` instead)
+  - Slotted anchor styling (use `Link Pure` instead or define an anchor style)
+- `Button`, `Link`:
+  - prop `tertiary`
+- `Button Pure`:
+  - prop `weight` (can't be configured anymore)
+  - value `left | right` of prop `alignLabel` (use `start | end` instead)
+- `Carousel`:
+  - prop `wrapContent` (has no effect anyway)
+  - prop `disablePagination` (use `pagination` instead)
+  - value `left` of prop `alignHeader` (use `start` instead)
+  - event `carouselChange` (use `update` instead)
+  - Slotted anchor styling (use `Link Pure` instead or define an anchor style)
+- `Checkbox`:
+  - event `update` (use `change` instead)
+- `Display`:
+  - value `left | right` of prop `align` (use `start | end` instead)
+  - Slotted anchor styling (use `Link Pure` instead or define an anchor style)
+- `Divider`:
+  - prop `orientation` (use `direction` instead)
+  - value `neutral-contrast-{low|medium|high}` of prop `color` (use `contrast-{low|medium|high}` instead)
+- `Flyout`:
+  - value `left | right` of prop `position` (use `start | end` instead)
+- `Heading`:
+  - value `left | right` of prop `align` (use `start | end` instead)
+  - Slotted anchor styling (use `Link Pure` instead or define an anchor style)
+- `Icon`:
+  - prop: `lazy`
+  - value
+    `brand | default | neutral-contrast-low | neutral-contrast-medium | neutral-contrast-high | notification-neutral` of
+    prop `color` (use `primary | contrast-low | contrast-medium | contrast-high | notification-info` instead)
+- `Inline Notification`:
+  - prop `persistent` (use `dismissButton` instead)
+  - value `neutral` of prop `state` (use `info` instead)
+  - Slotted anchor styling (use `Link Pure` instead or define an anchor style)
+- `Link Pure`:
+  - prop `weight` (can't be configured anymore)
+  - value `left | right` of prop `alignLabel` (use `start | end` instead)
+- `Link Tile`, `Link Tile Model Signature`, `Button Tile`:
+  - Values `1:1 | 4:3 | 3:4 | 16:9 | 9:16` of prop `aspect-ratio` (use `1/1 | 4/3 | 3/4 | 16/9 | 9/16` instead)
+- `Link Tile`, `Button Tile`:
+  - Value `default` of prop `size` (use `medium` instead)
+  - Value `semibold` of prop `weight` (use `semi-bold` instead)
+- `Modal`:
+  - prop `disableCloseButton` (use `dismissButton` instead)
+  - prop `heading` (use `slot="header"` instead)
+  - slot `heading` (use `slot="header"` instead)
+  - event `close` (use `dismiss` instead)
+- `Multi Select`:
+  - event `update` (use `change` instead)
+- `Pagination`:
+  - prop `allyLabel` (use `intl.root` instead)
+  - prop `allyLabelPrev` (use `intl.prev` instead)
+  - prop `allyLabelPage` (use `intl.page` instead)
+  - prop `allyLabelNext` (use `intl.next` instead)
+  - prop `maxNumberOfPageLinks` (has no effect anyway)
+  - event `pageChange` (use `update` instead)
+- `Pin Code`:
+  - event `update` (use `change` instead)
+- `Scroller`:
+  - prop `gradientColorScheme` (has no effect anyway)
+  - prop `gradientColor` (has no effect anyway)
+  - prop `scrollIndicatorPosition` (use `alignScrollIndicator` instead)
+- `Segmented Control`:
+  - prop `backgroundColor` (has no effect anyway)
+  - event `segmentedControlChange` (use `change` instead)
+  - event `update` (use `change` instead)
+- `Select`:
+  - event `update` (use `change` instead)
+- `Stepper Horizontal`:
+  - event `stepChange` (use `update` instead)
+- `Switch`:
+  - value `left | right` of prop `alignLabel` (use `start | end` instead)
+  - event `switchChange` (use `update` instead)
+  - Slotted anchor styling (use `Link Pure` instead or define an anchor style)
+- `Table`:
+  - event `sortingChange` (use `update` instead)
+  - Slotted anchor styling (use `Link Pure` instead or define an anchor style)
+- `Tabs`, `Tabs Bar`:
+  - prop `gradientColorScheme` (has no effect anyway)
+  - prop `gradientColor` (has no effect anyway)
+  - value `semibold` of prop `weight` (use `semi-bold` instead)
+  - event `tabChange` (use `update` instead)
+- `Tabs`
+  - Slotted anchor styling (use `Link Pure` instead or define an anchor style)
+- `Tag`:
+  - prop `color` (use `variant` instead)
+- `Tag Dismissible`:
+  - prop `color`
+- `Text`
+  - value `left | right` of prop `align` (use `start | end` instead)
+  - value
+    `brand | default | neutral-contrast-low | neutral-contrast-medium | neutral-contrast-high | notification-neutral` of
+    prop `color` (use `primary | contrast-low | contrast-medium | contrast-high | notification-info` instead)
+  - value `semibold` of prop `weight` (use `semi-bold` instead)
+  - Slotted anchor styling (use `Link Pure` instead or define an anchor style)
+- `Text List`
+  - prop `listType` (use `type` instead)
+  - prop `orderType` (use `type` instead)
+  - Slotted anchor `<a>` styling (use `Link Pure` instead or define an anchor style)
+- `Toast`:
+  - value `neutral` of prop `state` (use `info` instead)
+- Removed Components:
+  - `Button Group` (use Tailwind CSS instead,
+    `<div role="group" class="flex flex-wrap gap-fluid-sm max-xs:flex-col">…</div>`)
+  - `Checkbox Wrapper` (use `Checkbox` instead)
+  - `Radio Button Wrapper` (use `Radio Group` instead)
+  - `Content Wrapper` (use Porsche Grid Style instead, Tailwind CSS is recommended)
+  - `Link Tile Model Signature`
+  - `Fieldset Wrapper` (use `Fieldset` instead)
+  - `Flex` (use CSS Flex instead, Tailwind CSS is recommended)
+  - `Grid` (use CSS Grid instead, Tailwind CSS is recommended)
+  - `Headline` (use `Heading` instead)
+  - `Link Social`
+  - `Marque` (use `Wordmark` (recommended) or `Crest` instead)
+  - `Select Wrapper` (use `Select` instead)
+  - `Text Field Wrapper` (use `Input-{Date|Email|Number|Password|Search|Tel|Text|Time|Url}` instead)
+  - `Textarea Wrapper` (use `Textarea` instead)
+
+### Fixed
+
+- `Checkbox`: missing deprecation for `CheckboxUpdateEventDetail` event & disabled prop is not mutable
+- `Input Date`, `Input Email`, `Input Number`, `Input Password`, `Input Search`, `Input Tel`, `Input Text`,
+  `Input Time`, `Input Url`, `Textarea`: disabled prop is not mutable & error when disabled and invalid
+- `Multi Select`, `Pin Code`, `Radio Group`, `Textarea`: disabled prop is not mutable
+  ([#4118](https://github.com/porsche-design-system/porsche-design-system/pull/4118))
+  ([#4121](https://github.com/porsche-design-system/porsche-design-system/pull/4121))
+
 ## [3.31.0] - 2025-11-13
 
 ## [3.31.0-rc.0] - 2025-11-11
@@ -1429,7 +1678,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ```diff
 - <p-carousel align-header="left"></p-carousel>
-+ <p-carousel-pure align-header="start"></p-carousel>
++ <p-carousel align-header="start"></p-carousel>
 ```
 
 ### Fixed

package/cjs/PorscheDesignSystemProvider.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),i=require("@porsche-design-system/components-js"),o=require("./utils.cjs"),c=e.defineComponent({__name:"PorscheDesignSystemProvider",props:{prefix:{default:""},cdn:{},theme:{default:"light"}},setup(s){const t=s,n=e.ref(t.theme);return e.watch(()=>t.theme,r=>{n.value=r}),i.load(t),e.provide(o.prefixInjectionKey,t.prefix),e.provide(o.themeInjectionKey,n),(r,p)=>e.renderSlot(r.$slots,"default")}});module.exports=c;
+"use strict";const e=require("vue"),n=require("@porsche-design-system/components-js"),o=require("./utils.cjs"),i=e.defineComponent({__name:"PorscheDesignSystemProvider",props:{prefix:{default:""},cdn:{}},setup(s){const r=s;return n.load(r),e.provide(o.prefixInjectionKey,r.prefix),(t,c)=>e.renderSlot(t.$slots,"default")}});module.exports=i;

package/cjs/lib/components/AccordionWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),m=e.defineComponent({__name:"AccordionWrapper",props:{compact:{type:Boolean},heading:{},headingTag:{default:"h2"},open:{type:Boolean},size:{default:"small"},sticky:{type:Boolean},tag:{},theme:{}},emits:["accordionChange","update"],setup(p,{emit:i}){const d=t.usePrefix("p-accordion"),o=p,n=e.ref(),c=i,r=e.inject(t.themeInjectionKey),a=()=>t.syncProperties(n,{...o,theme:o.theme||r.value});return e.onMounted(()=>{a(),t.addEventListenerToElementRef(n,"accordionChange",c),t.addEventListenerToElementRef(n,"update",c)}),e.onUpdated(a),e.watch(r,s=>{t.syncProperties(n,{theme:o.theme||s})}),(s,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(d)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},512))}});module.exports=m;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),d=e.defineComponent({__name:"AccordionWrapper",props:{compact:{type:Boolean},heading:{},headingTag:{default:"h2"},open:{type:Boolean},size:{default:"small"},sticky:{type:Boolean}},emits:["update"],setup(s,{emit:r}){const p=t.usePrefix("p-accordion"),c=s,o=e.ref(),a=r,n=()=>t.syncProperties(o,c);return e.onMounted(()=>{n(),t.addEventListenerToElementRef(o,"update",a)}),e.onUpdated(n),(i,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(p)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3},512))}});module.exports=d;

package/cjs/lib/components/BannerWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),m=e.defineComponent({__name:"BannerWrapper",props:{description:{default:""},dismissButton:{type:Boolean,default:!0},heading:{default:""},headingTag:{default:"h5"},open:{type:Boolean,default:!1},persistent:{type:Boolean},state:{default:"info"},theme:{},width:{}},emits:["dismiss"],setup(a,{emit:p}){const c=t.usePrefix("p-banner"),o=a,n=e.ref(),d=p,r=e.inject(t.themeInjectionKey),i=()=>t.syncProperties(n,{...o,theme:o.theme||r.value});return e.onMounted(()=>{i(),t.addEventListenerToElementRef(n,"dismiss",d)}),e.onUpdated(i),e.watch(r,s=>{t.syncProperties(n,{theme:o.theme||s})}),(s,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(c)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},512))}});module.exports=m;
+"use strict";const e=require("vue"),n=require("../../utils.cjs"),u=e.defineComponent({__name:"BannerWrapper",props:{description:{default:""},dismissButton:{type:Boolean,default:!0},heading:{default:""},headingTag:{default:"h5"},open:{type:Boolean,default:!1},state:{default:"info"}},emits:["dismiss"],setup(s,{emit:r}){const a=n.usePrefix("p-banner"),i=s,t=e.ref(),p=r,o=()=>n.syncProperties(t,i);return e.onMounted(()=>{o(),n.addEventListenerToElementRef(t,"dismiss",p)}),e.onUpdated(o),(d,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default")]),_:3},512))}});module.exports=u;

package/cjs/lib/components/ButtonPureWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),f=e.defineComponent({__name:"ButtonPureWrapper",props:{active:{type:Boolean,default:!1},alignLabel:{default:"end"},aria:{},disabled:{type:Boolean,default:!1},form:{},hideLabel:{type:[Boolean,Object],default:!1},icon:{default:"arrow-right"},iconSource:{},loading:{type:Boolean,default:!1},name:{},size:{default:"small"},stretch:{type:[Boolean,Object],default:!1},theme:{},type:{default:"submit"},underline:{type:Boolean,default:!1},value:{},weight:{default:"regular"}},setup(s){const u=t.usePrefix("p-button-pure"),o=s,n=e.ref(),l=e.inject(t.themeInjectionKey),r=()=>t.syncProperties(n,{...o,theme:o.theme||l.value});return e.onMounted(r),e.onUpdated(r),e.watch(l,a=>{t.syncProperties(n,{theme:o.theme||a})}),(a,c)=>(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=f;
+"use strict";const e=require("vue"),n=require("../../utils.cjs"),u=e.defineComponent({__name:"ButtonPureWrapper",props:{active:{type:Boolean,default:!1},alignLabel:{default:"end"},aria:{},disabled:{type:Boolean,default:!1},form:{},hideLabel:{type:[Boolean,Object],default:!1},icon:{default:"arrow-right"},iconSource:{},loading:{type:Boolean,default:!1},name:{},size:{default:"small"},stretch:{type:[Boolean,Object],default:!1},type:{default:"submit"},underline:{type:Boolean,default:!1},value:{}},setup(a){const l=n.usePrefix("p-button-pure"),r=a,t=e.ref(),o=()=>n.syncProperties(t,r);return e.onMounted(o),e.onUpdated(o),(s,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(l)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},512))}});module.exports=u;

package/cjs/lib/components/ButtonTileWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),n=require("../../utils.cjs"),u=e.defineComponent({__name:"ButtonTileWrapper",props:{align:{default:"bottom"},aria:{},aspectRatio:{default:"4/3"},background:{default:"dark"},compact:{type:[Boolean,Object],default:!1},description:{},disabled:{type:Boolean,default:!1},gradient:{type:Boolean,default:!0},icon:{default:"none"},iconSource:{},label:{},loading:{type:Boolean,default:!1},size:{default:"medium"},type:{default:"submit"},weight:{default:"semi-bold"}},setup(a){const l=n.usePrefix("p-button-tile"),s=a,t=e.ref(),o=()=>n.syncProperties(t,s);return e.onMounted(o),e.onUpdated(o),(r,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(l)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},512))}});module.exports=u;
+"use strict";const e=require("vue"),n=require("../../utils.cjs"),p=e.defineComponent({__name:"ButtonTileWrapper",props:{align:{default:"bottom"},aria:{},aspectRatio:{default:"4/3"},compact:{type:[Boolean,Object],default:!1},description:{},disabled:{type:Boolean,default:!1},gradient:{type:Boolean,default:!1},icon:{default:"none"},iconSource:{},label:{},loading:{type:Boolean,default:!1},size:{default:"medium"},type:{default:"submit"},weight:{default:"semi-bold"}},setup(a){const s=n.usePrefix("p-button-tile"),l=a,t=e.ref(),o=()=>n.syncProperties(t,l);return e.onMounted(o),e.onUpdated(o),(r,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},512))}});module.exports=p;

package/cjs/lib/components/ButtonWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"ButtonWrapper",props:{aria:{},compact:{type:[Boolean,Object],default:!1},disabled:{type:Boolean,default:!1},form:{},hideLabel:{type:[Boolean,Object],default:!1},icon:{default:"none"},iconSource:{},loading:{type:Boolean,default:!1},name:{},theme:{},type:{default:"submit"},value:{},variant:{default:"primary"}},setup(c){const l=t.usePrefix("p-button"),o=c,n=e.ref(),r=e.inject(t.themeInjectionKey),s=()=>t.syncProperties(n,{...o,theme:o.theme||r.value});return e.onMounted(s),e.onUpdated(s),e.watch(r,a=>{t.syncProperties(n,{theme:o.theme||a})}),(a,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(l)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},512))}});module.exports=p;
+"use strict";const e=require("vue"),n=require("../../utils.cjs"),p=e.defineComponent({__name:"ButtonWrapper",props:{aria:{},compact:{type:[Boolean,Object],default:!1},disabled:{type:Boolean,default:!1},form:{},hideLabel:{type:[Boolean,Object],default:!1},icon:{default:"none"},iconSource:{},loading:{type:Boolean,default:!1},name:{},type:{default:"submit"},value:{},variant:{default:"primary"}},setup(a){const r=n.usePrefix("p-button"),s=a,t=e.ref(),o=()=>n.syncProperties(t,s);return e.onMounted(o),e.onUpdated(o),(l,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},512))}});module.exports=p;

package/cjs/lib/components/CanvasWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),m=e.defineComponent({__name:"CanvasWrapper",props:{sidebarEndOpen:{type:Boolean,default:!1},sidebarStartOpen:{type:Boolean,default:!1},theme:{}},emits:["sidebarEndDismiss","sidebarStartUpdate"],setup(p,{emit:d}){const c=t.usePrefix("p-canvas"),s=p,n=e.ref(),r=d,a=e.inject(t.themeInjectionKey),i=()=>t.syncProperties(n,{...s,theme:s.theme||a.value});return e.onMounted(()=>{i(),t.addEventListenerToElementRef(n,"sidebarEndDismiss",r),t.addEventListenerToElementRef(n,"sidebarStartUpdate",r)}),e.onUpdated(i),e.watch(a,o=>{t.syncProperties(n,{theme:s.theme||o})}),(o,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(c)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},512))}});module.exports=m;
+"use strict";const e=require("vue"),n=require("../../utils.cjs"),c=e.defineComponent({__name:"CanvasWrapper",props:{sidebarEndOpen:{type:Boolean,default:!1},sidebarStartOpen:{type:Boolean,default:!1}},emits:["sidebarEndDismiss","sidebarStartUpdate"],setup(r,{emit:a}){const d=n.usePrefix("p-canvas"),p=r,t=e.ref(),s=a,o=()=>n.syncProperties(t,p);return e.onMounted(()=>{o(),n.addEventListenerToElementRef(t,"sidebarEndDismiss",s),n.addEventListenerToElementRef(t,"sidebarStartUpdate",s)}),e.onUpdated(o),(i,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(d)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3},512))}});module.exports=c;

package/cjs/lib/components/CarouselWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"CarouselWrapper",props:{activeSlideIndex:{default:0},alignControls:{default:"auto"},alignHeader:{default:"start"},aria:{},description:{},disablePagination:{type:[Boolean,Object]},focusOnCenterSlide:{type:Boolean,default:!1},gradientColor:{default:"none"},heading:{},headingSize:{default:"x-large"},intl:{},pagination:{type:[Boolean,Object],default:!0},rewind:{type:Boolean,default:!0},skipLinkTarget:{},slidesPerPage:{default:1},theme:{},trimSpace:{type:Boolean,default:!0},width:{default:"basic"},wrapContent:{type:Boolean}},emits:["carouselChange","update"],setup(l,{emit:d}){const u=t.usePrefix("p-carousel"),o=l,n=e.ref(),r=d,s=e.inject(t.themeInjectionKey),i=()=>t.syncProperties(n,{...o,theme:o.theme||s.value});return e.onMounted(()=>{i(),t.addEventListenerToElementRef(n,"carouselChange",r),t.addEventListenerToElementRef(n,"update",r)}),e.onUpdated(i),e.watch(s,a=>{t.syncProperties(n,{theme:o.theme||a})}),(a,c)=>(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=p;
+"use strict";const e=require("vue"),n=require("../../utils.cjs"),p=e.defineComponent({__name:"CarouselWrapper",props:{activeSlideIndex:{default:0},alignControls:{default:"auto"},alignHeader:{default:"start"},aria:{},description:{},focusOnCenterSlide:{type:Boolean,default:!1},gradient:{type:Boolean,default:!1},heading:{},headingSize:{default:"x-large"},intl:{},pagination:{type:[Boolean,Object],default:!1},rewind:{type:Boolean,default:!1},skipLinkTarget:{},slidesPerPage:{default:1},trimSpace:{type:Boolean,default:!1},width:{default:"basic"}},emits:["update"],setup(o,{emit:s}){const r=n.usePrefix("p-carousel"),l=o,t=e.ref(),i=s,a=()=>n.syncProperties(t,l);return e.onMounted(()=>{a(),n.addEventListenerToElementRef(t,"update",i)}),e.onUpdated(a),(d,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default")]),_:3},512))}});module.exports=p;

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

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

package/cjs/lib/components/DisplayWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),l=e.defineComponent({__name:"DisplayWrapper",props:{align:{default:"start"},color:{default:"primary"},ellipsis:{type:Boolean,default:!1},size:{default:"large"},tag:{},theme:{}},setup(a){const c=t.usePrefix("p-display"),n=a,o=e.ref(),r=e.inject(t.themeInjectionKey),p=()=>t.syncProperties(o,{...n,theme:n.theme||r.value});return e.onMounted(p),e.onUpdated(p),e.watch(r,s=>{t.syncProperties(o,{theme:n.theme||s})}),(s,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(c)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},512))}});module.exports=l;
+"use strict";const e=require("vue"),n=require("../../utils.cjs"),l=e.defineComponent({__name:"DisplayWrapper",props:{align:{default:"start"},color:{default:"primary"},ellipsis:{type:Boolean,default:!1},size:{default:"large"},tag:{}},setup(s){const r=n.usePrefix("p-display"),p=s,t=e.ref(),o=()=>n.syncProperties(t,p);return e.onMounted(o),e.onUpdated(o),(a,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},512))}});module.exports=l;

package/cjs/lib/components/DividerWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),a=e.defineComponent({__name:"DividerWrapper",props:{color:{default:"contrast-low"},direction:{default:"horizontal"},orientation:{},theme:{}},setup(i){const p=t.usePrefix("p-divider"),n=i,o=e.ref(),r=e.inject(t.themeInjectionKey),s=()=>t.syncProperties(o,{...n,theme:n.theme||r.value});return e.onMounted(s),e.onUpdated(s),e.watch(r,c=>{t.syncProperties(o,{theme:n.theme||c})}),(c,m)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(p)),{ref_key:"pdsComponentRef",ref:o},null,512))}});module.exports=a;
+"use strict";const e=require("vue"),r=require("../../utils.cjs"),p=e.defineComponent({__name:"DividerWrapper",props:{color:{default:"contrast-lower"},direction:{default:"horizontal"}},setup(t){const s=r.usePrefix("p-divider"),c=t,o=e.ref(),n=()=>r.syncProperties(o,c);return e.onMounted(n),e.onUpdated(n),(i,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s)),{ref_key:"pdsComponentRef",ref:o},null,512))}});module.exports=p;

package/cjs/lib/components/DrilldownWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),m=e.defineComponent({__name:"DrilldownWrapper",props:{activeIdentifier:{},aria:{},open:{type:Boolean,default:!1},theme:{}},emits:["dismiss","update"],setup(c,{emit:a}){const d=t.usePrefix("p-drilldown"),o=c,n=e.ref(),r=a,i=e.inject(t.themeInjectionKey),p=()=>t.syncProperties(n,{...o,theme:o.theme||i.value});return e.onMounted(()=>{p(),t.addEventListenerToElementRef(n,"dismiss",r),t.addEventListenerToElementRef(n,"update",r)}),e.onUpdated(p),e.watch(i,s=>{t.syncProperties(n,{theme:o.theme||s})}),(s,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(d)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},512))}});module.exports=m;
+"use strict";const e=require("vue"),n=require("../../utils.cjs"),c=e.defineComponent({__name:"DrilldownWrapper",props:{activeIdentifier:{},aria:{},open:{type:Boolean,default:!1}},emits:["dismiss","update"],setup(r,{emit:i}){const p=n.usePrefix("p-drilldown"),d=r,t=e.ref(),o=i,s=()=>n.syncProperties(t,d);return e.onMounted(()=>{s(),n.addEventListenerToElementRef(t,"dismiss",o),n.addEventListenerToElementRef(t,"update",o)}),e.onUpdated(s),(a,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(p)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},512))}});module.exports=c;

package/cjs/lib/components/FieldsetWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"FieldsetWrapper",props:{aria:{},label:{default:""},labelSize:{default:"medium"},message:{default:""},required:{type:Boolean,default:!1},state:{default:"none"},theme:{}},setup(c){const l=t.usePrefix("p-fieldset"),n=c,o=e.ref(),r=e.inject(t.themeInjectionKey),a=()=>t.syncProperties(o,{...n,theme:n.theme||r.value});return e.onMounted(a),e.onUpdated(a),e.watch(r,s=>{t.syncProperties(o,{theme:n.theme||s})}),(s,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(l)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},512))}});module.exports=p;
+"use strict";const e=require("vue"),o=require("../../utils.cjs"),p=e.defineComponent({__name:"FieldsetWrapper",props:{aria:{},label:{default:""},labelSize:{default:"medium"},message:{default:""},required:{type:Boolean,default:!1},state:{default:"none"}},setup(s){const r=o.usePrefix("p-fieldset"),a=s,t=e.ref(),n=()=>o.syncProperties(t,a);return e.onMounted(n),e.onUpdated(n),(l,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},512))}});module.exports=p;

package/cjs/lib/components/FlyoutWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),m=e.defineComponent({__name:"FlyoutWrapper",props:{aria:{},backdrop:{default:"blur"},disableBackdropClick:{type:Boolean,default:!1},footerBehavior:{default:"sticky"},open:{type:Boolean,default:!1},position:{default:"end"},theme:{}},emits:["dismiss","motionHiddenEnd","motionVisibleEnd"],setup(a,{emit:l}){const c=t.usePrefix("p-flyout"),o=a,n=e.ref(),s=l,r=e.inject(t.themeInjectionKey),d=()=>t.syncProperties(n,{...o,theme:o.theme||r.value});return e.onMounted(()=>{d(),t.addEventListenerToElementRef(n,"dismiss",s),t.addEventListenerToElementRef(n,"motionHiddenEnd",s),t.addEventListenerToElementRef(n,"motionVisibleEnd",s)}),e.onUpdated(d),e.watch(r,i=>{t.syncProperties(n,{theme:o.theme||i})}),(i,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(c)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3},512))}});module.exports=m;
+"use strict";const e=require("vue"),n=require("../../utils.cjs"),p=e.defineComponent({__name:"FlyoutWrapper",props:{aria:{},backdrop:{default:"blur"},background:{default:"canvas"},disableBackdropClick:{type:Boolean,default:!1},footerBehavior:{default:"sticky"},open:{type:Boolean,default:!1},position:{default:"end"}},emits:["dismiss","motionHiddenEnd","motionVisibleEnd"],setup(i,{emit:d}){const r=n.usePrefix("p-flyout"),a=i,t=e.ref(),o=d,s=()=>n.syncProperties(t,a);return e.onMounted(()=>{s(),n.addEventListenerToElementRef(t,"dismiss",o),n.addEventListenerToElementRef(t,"motionHiddenEnd",o),n.addEventListenerToElementRef(t,"motionVisibleEnd",o)}),e.onUpdated(s),(l,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},512))}});module.exports=p;

package/cjs/lib/components/HeadingWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),i=e.defineComponent({__name:"HeadingWrapper",props:{align:{default:"start"},color:{default:"primary"},ellipsis:{type:Boolean,default:!1},size:{default:"xx-large"},tag:{},theme:{}},setup(p){const c=t.usePrefix("p-heading"),n=p,o=e.ref(),s=e.inject(t.themeInjectionKey),a=()=>t.syncProperties(o,{...n,theme:n.theme||s.value});return e.onMounted(a),e.onUpdated(a),e.watch(s,r=>{t.syncProperties(o,{theme:n.theme||r})}),(r,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(c)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},512))}});module.exports=i;
+"use strict";const e=require("vue"),o=require("../../utils.cjs"),l=e.defineComponent({__name:"HeadingWrapper",props:{align:{default:"start"},color:{default:"primary"},ellipsis:{type:Boolean,default:!1},size:{default:"xx-large"},tag:{}},setup(r){const s=o.usePrefix("p-heading"),a=r,t=e.ref(),n=()=>o.syncProperties(t,a);return e.onMounted(n),e.onUpdated(n),(p,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(p.$slots,"default")]),_:3},512))}});module.exports=l;

package/cjs/lib/components/IconWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),m=e.defineComponent({__name:"IconWrapper",props:{aria:{},color:{default:"primary"},lazy:{type:Boolean},name:{default:"arrow-right"},size:{default:"small"},source:{},theme:{}},setup(p){const a=t.usePrefix("p-icon"),n=p,o=e.ref(),r=e.inject(t.themeInjectionKey),s=()=>t.syncProperties(o,{...n,theme:n.theme||r.value});return e.onMounted(s),e.onUpdated(s),e.watch(r,c=>{t.syncProperties(o,{theme:n.theme||c})}),(c,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),{ref_key:"pdsComponentRef",ref:o},null,512))}});module.exports=m;
+"use strict";const e=require("vue"),r=require("../../utils.cjs"),p=e.defineComponent({__name:"IconWrapper",props:{aria:{},color:{default:"primary"},name:{default:"arrow-right"},size:{default:"small"},source:{}},setup(t){const s=r.usePrefix("p-icon"),c=t,o=e.ref(),n=()=>r.syncProperties(o,c);return e.onMounted(n),e.onUpdated(n),(a,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s)),{ref_key:"pdsComponentRef",ref:o},null,512))}});module.exports=p;

package/cjs/lib/components/InlineNotificationWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),f=e.defineComponent({__name:"InlineNotificationWrapper",props:{actionIcon:{default:"arrow-right"},actionLabel:{},actionLoading:{type:Boolean,default:!1},description:{default:""},dismissButton:{type:Boolean,default:!0},heading:{default:""},headingTag:{default:"h5"},persistent:{type:Boolean},state:{default:"info"},theme:{}},emits:["action","dismiss"],setup(c,{emit:d}){const p=t.usePrefix("p-inline-notification"),o=c,n=e.ref(),s=d,a=e.inject(t.themeInjectionKey),r=()=>t.syncProperties(n,{...o,theme:o.theme||a.value});return e.onMounted(()=>{r(),t.addEventListenerToElementRef(n,"action",s),t.addEventListenerToElementRef(n,"dismiss",s)}),e.onUpdated(r),e.watch(a,i=>{t.syncProperties(n,{theme:o.theme||i})}),(i,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(p)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3},512))}});module.exports=f;
+"use strict";const e=require("vue"),n=require("../../utils.cjs"),f=e.defineComponent({__name:"InlineNotificationWrapper",props:{actionIcon:{default:"arrow-right"},actionLabel:{},actionLoading:{type:Boolean,default:!1},description:{default:""},dismissButton:{type:Boolean,default:!0},heading:{default:""},headingTag:{default:"h5"},state:{default:"info"}},emits:["action","dismiss"],setup(s,{emit:a}){const r=n.usePrefix("p-inline-notification"),c=s,t=e.ref(),o=a,i=()=>n.syncProperties(t,c);return e.onMounted(()=>{i(),n.addEventListenerToElementRef(t,"action",o),n.addEventListenerToElementRef(t,"dismiss",o)}),e.onUpdated(i),(d,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default")]),_:3},512))}});module.exports=f;

package/cjs/lib/components/InputDateWrapper.vue.cjs

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

package/cjs/lib/components/InputEmailWrapper.vue.cjs

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

package/cjs/lib/components/InputMonthWrapper.vue.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),n=require("../../utils.cjs"),p=e.defineComponent({__name:"InputMonthWrapper",props:{autoComplete:{},compact:{type:Boolean,default:!1},description:{default:""},disabled:{type:Boolean,default:!1},form:{},hideLabel:{type:[Boolean,Object],default:!1},label:{default:""},loading:{type:Boolean,default:!1},max:{},message:{default:""},min:{},name:{},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},state:{default:"none"},step:{default:1},value:{default:""}},emits:["update:value","blur","change","input"],setup(s,{emit:u}){const r=n.usePrefix("p-input-month"),d=s,t=e.ref(),a=u,l=()=>n.syncProperties(t,d);return e.onMounted(()=>{l(),n.addEventListenerToElementRef(t,"blur",a),n.addEventListenerToElementRef(t,"change",a),n.addEventListenerToElementRef(t,"input",a,o=>{a("update:value",o.target.value)})}),e.onUpdated(l),(o,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},512))}});module.exports=p;

package/cjs/lib/components/InputMonthWrapper.vue2.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./InputMonthWrapper.vue.cjs");module.exports=e;

package/cjs/lib/components/InputNumberWrapper.vue.cjs

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

package/cjs/lib/components/InputPasswordWrapper.vue.cjs

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

package/cjs/lib/components/InputSearchWrapper.vue.cjs

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

package/cjs/lib/components/InputTelWrapper.vue.cjs

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

package/cjs/lib/components/InputTextWrapper.vue.cjs

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

package/cjs/lib/components/InputTimeWrapper.vue.cjs

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

package/cjs/lib/components/InputUrlWrapper.vue.cjs

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

package/cjs/lib/components/InputWeekWrapper.vue.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),n=require("../../utils.cjs"),p=e.defineComponent({__name:"InputWeekWrapper",props:{autoComplete:{},compact:{type:Boolean,default:!1},description:{default:""},disabled:{type:Boolean,default:!1},form:{},hideLabel:{type:[Boolean,Object],default:!1},label:{default:""},loading:{type:Boolean,default:!1},max:{},message:{default:""},min:{},name:{},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},state:{default:"none"},step:{default:1},value:{default:""}},emits:["update:value","blur","change","input"],setup(s,{emit:u}){const r=n.usePrefix("p-input-week"),d=s,t=e.ref(),a=u,l=()=>n.syncProperties(t,d);return e.onMounted(()=>{l(),n.addEventListenerToElementRef(t,"blur",a),n.addEventListenerToElementRef(t,"change",a),n.addEventListenerToElementRef(t,"input",a,o=>{a("update:value",o.target.value)})}),e.onUpdated(l),(o,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},512))}});module.exports=p;

package/cjs/lib/components/InputWeekWrapper.vue2.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./InputWeekWrapper.vue.cjs");module.exports=e;

package/cjs/lib/components/LinkPureWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),u=e.defineComponent({__name:"LinkPureWrapper",props:{active:{type:Boolean,default:!1},alignLabel:{default:"end"},aria:{},download:{},hideLabel:{type:[Boolean,Object],default:!1},href:{},icon:{default:"arrow-right"},iconSource:{},rel:{},size:{default:"small"},stretch:{type:[Boolean,Object],default:!1},target:{default:"_self"},theme:{},underline:{type:Boolean,default:!1},weight:{default:"regular"}},setup(s){const c=t.usePrefix("p-link-pure"),n=s,o=e.ref(),a=e.inject(t.themeInjectionKey),l=()=>t.syncProperties(o,{...n,theme:n.theme||a.value});return e.onMounted(l),e.onUpdated(l),e.watch(a,r=>{t.syncProperties(o,{theme:n.theme||r})}),(r,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(c)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},512))}});module.exports=u;
+"use strict";const e=require("vue"),n=require("../../utils.cjs"),f=e.defineComponent({__name:"LinkPureWrapper",props:{active:{type:Boolean,default:!1},alignLabel:{default:"end"},aria:{},download:{},hideLabel:{type:[Boolean,Object],default:!1},href:{},icon:{default:"arrow-right"},iconSource:{},rel:{},size:{default:"small"},stretch:{type:[Boolean,Object],default:!1},target:{default:"_self"},underline:{type:Boolean,default:!1}},setup(r){const a=n.usePrefix("p-link-pure"),l=r,t=e.ref(),o=()=>n.syncProperties(t,l);return e.onMounted(o),e.onUpdated(o),(s,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},512))}});module.exports=f;

package/cjs/lib/components/LinkTileProductWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),u=e.defineComponent({__name:"LinkTileProductWrapper",props:{aspectRatio:{default:"3:4"},description:{},heading:{},href:{},likeButton:{type:Boolean,default:!0},liked:{type:Boolean,default:!1},price:{},priceOriginal:{},rel:{},target:{default:"_self"},theme:{}},emits:["like"],setup(c,{emit:p}){const l=t.usePrefix("p-link-tile-product"),o=c,n=e.ref(),a=p,s=e.inject(t.themeInjectionKey),i=()=>t.syncProperties(n,{...o,theme:o.theme||s.value});return e.onMounted(()=>{i(),t.addEventListenerToElementRef(n,"like",a)}),e.onUpdated(i),e.watch(s,r=>{t.syncProperties(n,{theme:o.theme||r})}),(r,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(l)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},512))}});module.exports=u;
+"use strict";const e=require("vue"),n=require("../../utils.cjs"),a=e.defineComponent({__name:"LinkTileProductWrapper",props:{aspectRatio:{default:"3/4"},description:{},heading:{},href:{},likeButton:{type:Boolean,default:!0},liked:{type:Boolean,default:!1},price:{},priceOriginal:{},rel:{},target:{default:"_self"}},emits:["like"],setup(r,{emit:s}){const i=n.usePrefix("p-link-tile-product"),p=r,t=e.ref(),l=s,o=()=>n.syncProperties(t,p);return e.onMounted(()=>{o(),n.addEventListenerToElementRef(t,"like",l)}),e.onUpdated(o),(c,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(i)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default")]),_:3},512))}});module.exports=a;

package/cjs/lib/components/LinkTileWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),n=require("../../utils.cjs"),d=e.defineComponent({__name:"LinkTileWrapper",props:{align:{default:"bottom"},aria:{},aspectRatio:{default:"4/3"},background:{default:"dark"},compact:{type:[Boolean,Object],default:!1},description:{},download:{},gradient:{type:Boolean,default:!0},href:{},label:{},rel:{},size:{default:"medium"},target:{default:"_self"},weight:{default:"semi-bold"}},setup(r){const a=n.usePrefix("p-link-tile"),s=r,t=e.ref(),o=()=>n.syncProperties(t,s);return e.onMounted(o),e.onUpdated(o),(l,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},512))}});module.exports=d;
+"use strict";const e=require("vue"),n=require("../../utils.cjs"),p=e.defineComponent({__name:"LinkTileWrapper",props:{align:{default:"bottom"},aria:{},aspectRatio:{default:"4/3"},compact:{type:[Boolean,Object],default:!1},description:{},download:{},gradient:{type:Boolean,default:!1},href:{},label:{},rel:{},size:{default:"medium"},target:{default:"_self"},weight:{default:"semi-bold"}},setup(r){const s=n.usePrefix("p-link-tile"),a=r,t=e.ref(),o=()=>n.syncProperties(t,a);return e.onMounted(o),e.onUpdated(o),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},512))}});module.exports=p;

package/cjs/lib/components/LinkWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),l=e.defineComponent({__name:"LinkWrapper",props:{aria:{},compact:{type:[Boolean,Object],default:!1},download:{},hideLabel:{type:[Boolean,Object],default:!1},href:{},icon:{default:"none"},iconSource:{},rel:{},target:{default:"_self"},theme:{},variant:{default:"primary"}},setup(c){const p=t.usePrefix("p-link"),n=c,o=e.ref(),s=e.inject(t.themeInjectionKey),a=()=>t.syncProperties(o,{...n,theme:n.theme||s.value});return e.onMounted(a),e.onUpdated(a),e.watch(s,r=>{t.syncProperties(o,{theme:n.theme||r})}),(r,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(p)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},512))}});module.exports=l;
+"use strict";const e=require("vue"),n=require("../../utils.cjs"),p=e.defineComponent({__name:"LinkWrapper",props:{aria:{},compact:{type:[Boolean,Object],default:!1},download:{},hideLabel:{type:[Boolean,Object],default:!1},href:{},icon:{default:"none"},iconSource:{},rel:{},target:{default:"_self"},variant:{default:"primary"}},setup(r){const a=n.usePrefix("p-link"),s=r,o=e.ref(),t=()=>n.syncProperties(o,s);return e.onMounted(t),e.onUpdated(t),(c,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default")]),_:3},512))}});module.exports=p;

package/cjs/lib/components/ModalWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),m=e.defineComponent({__name:"ModalWrapper",props:{aria:{},backdrop:{default:"blur"},disableBackdropClick:{type:Boolean,default:!1},disableCloseButton:{type:Boolean},dismissButton:{type:Boolean,default:!0},fullscreen:{type:[Boolean,Object],default:!1},heading:{},open:{type:Boolean,default:!1},theme:{}},emits:["close","dismiss","motionHiddenEnd","motionVisibleEnd"],setup(a,{emit:r}){const c=t.usePrefix("p-modal"),s=a,n=e.ref(),o=r,d=e.inject(t.themeInjectionKey),l=()=>t.syncProperties(n,{...s,theme:s.theme||d.value});return e.onMounted(()=>{l(),t.addEventListenerToElementRef(n,"close",o),t.addEventListenerToElementRef(n,"dismiss",o),t.addEventListenerToElementRef(n,"motionHiddenEnd",o),t.addEventListenerToElementRef(n,"motionVisibleEnd",o)}),e.onUpdated(l),e.watch(d,i=>{t.syncProperties(n,{theme:s.theme||i})}),(i,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(c)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3},512))}});module.exports=m;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"ModalWrapper",props:{aria:{},backdrop:{default:"blur"},background:{default:"canvas"},disableBackdropClick:{type:Boolean,default:!1},dismissButton:{type:Boolean,default:!0},fullscreen:{type:[Boolean,Object],default:!1},open:{type:Boolean,default:!1}},emits:["dismiss","motionHiddenEnd","motionVisibleEnd"],setup(d,{emit:a}){const r=t.usePrefix("p-modal"),i=d,n=e.ref(),o=a,s=()=>t.syncProperties(n,i);return e.onMounted(()=>{s(),t.addEventListenerToElementRef(n,"dismiss",o),t.addEventListenerToElementRef(n,"motionHiddenEnd",o),t.addEventListenerToElementRef(n,"motionVisibleEnd",o)}),e.onUpdated(s),(l,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},512))}});module.exports=p;

package/cjs/lib/components/ModelSignatureWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"ModelSignatureWrapper",props:{color:{default:"primary"},fetchPriority:{default:"auto"},lazy:{type:Boolean,default:!1},model:{default:"911"},safeZone:{type:Boolean,default:!0},size:{default:"small"},theme:{}},setup(l){const c=t.usePrefix("p-model-signature"),o=l,n=e.ref(),s=e.inject(t.themeInjectionKey),a=()=>t.syncProperties(n,{...o,theme:o.theme||s.value});return e.onMounted(a),e.onUpdated(a),e.watch(s,r=>{t.syncProperties(n,{theme:o.theme||r})}),(r,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(c)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},512))}});module.exports=p;
+"use strict";const e=require("vue"),n=require("../../utils.cjs"),p=e.defineComponent({__name:"ModelSignatureWrapper",props:{color:{default:"primary"},fetchPriority:{default:"auto"},lazy:{type:Boolean,default:!1},model:{default:"911"},safeZone:{type:Boolean,default:!0},size:{default:"small"}},setup(r){const s=n.usePrefix("p-model-signature"),a=r,o=e.ref(),t=()=>n.syncProperties(o,a);return e.onMounted(t),e.onUpdated(t),(l,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},512))}});module.exports=p;

package/cjs/lib/components/MultiSelectWrapper.vue.cjs

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