@porsche-design-system/components-angular 4.2.0-rc.0 → 4.2.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +104 -0
- package/fesm2022/porsche-design-system-components-angular.mjs +22 -4
- package/fesm2022/porsche-design-system-components-angular.mjs.map +1 -1
- package/meta/cjs/index.cjs +12 -0
- package/meta/esm/index.d.ts +1 -0
- package/meta/esm/index.mjs +1 -0
- package/package.json +23 -20
- package/{global-styles → stylesheets}/cn/font-face.css +1 -1
- package/{global-styles → stylesheets}/cn/index.css +138 -106
- package/{global-styles → stylesheets}/color-scheme.css +47 -44
- package/{global-styles → stylesheets}/font-face.css +1 -1
- package/{global-styles → stylesheets}/index.css +138 -106
- package/stylesheets/normalize.css +18 -0
- package/{global-styles → stylesheets}/variables.css +80 -58
- package/tailwindcss/index.css +569 -301
- package/types/porsche-design-system-components-angular.d.ts +3232 -109
- package/vanilla-extract/cjs/font/fontPorscheNextJa.cjs +7 -0
- package/vanilla-extract/cjs/font/fontPorscheNextKo.cjs +7 -0
- package/vanilla-extract/cjs/font/fontPorscheNextZhHans.cjs +7 -0
- package/vanilla-extract/cjs/font/fontPorscheNextZhHant.cjs +7 -0
- package/vanilla-extract/cjs/font/getCJKFontFamilyStyle.cjs +31 -0
- package/vanilla-extract/cjs/index.cjs +10 -0
- package/vanilla-extract/cjs/tokens/dist/esm/blur/blurFrosted.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/border/radius/radius2Xl.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/border/radius/radius3Xl.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/border/radius/radius4Xl.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/border/radius/radiusFull.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/border/radius/radiusLg.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/border/radius/radiusMd.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/border/radius/radiusSm.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/border/radius/radiusXl.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/border/radius/radiusXs.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/breakpoint/breakpoint2Xl.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/breakpoint/breakpointLg.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/breakpoint/breakpointMd.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/breakpoint/breakpointSm.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/breakpoint/breakpointXl.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/breakpoint/breakpointXs.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/a11y/colorFocusDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/background/colorBackdropDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/background/colorCanvasDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/background/colorFrostedDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/background/colorFrostedSoftDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/background/colorFrostedStrongDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/background/colorSurfaceDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/foreground/colorContrastHighDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/foreground/colorContrastHigherDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/foreground/colorContrastLowDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/foreground/colorContrastLowerDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/foreground/colorContrastMediumDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/foreground/colorPrimaryDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorErrorDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorErrorFrostedDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorErrorFrostedSoftDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorErrorLowDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorErrorMediumDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorInfoDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorInfoFrostedDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorInfoFrostedSoftDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorInfoLowDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorInfoMediumDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorSuccessDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorSuccessFrostedDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorSuccessFrostedSoftDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorSuccessLowDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorSuccessMediumDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorWarningDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorWarningFrostedDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorWarningFrostedSoftDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorWarningLowDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorWarningMediumDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/a11y/colorFocusLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/background/colorBackdropLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/background/colorCanvasLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/background/colorFrostedLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/background/colorFrostedSoftLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/background/colorFrostedStrongLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/background/colorSurfaceLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/foreground/colorContrastHighLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/foreground/colorContrastHigherLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/foreground/colorContrastLowLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/foreground/colorContrastLowerLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/foreground/colorContrastMediumLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/foreground/colorPrimaryLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorErrorFrostedLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorErrorFrostedSoftLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorErrorLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorErrorLowLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorErrorMediumLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorInfoFrostedLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorInfoFrostedSoftLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorInfoLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorInfoLowLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorInfoMediumLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorSuccessFrostedLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorSuccessFrostedSoftLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorSuccessLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorSuccessLowLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorSuccessMediumLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorWarningFrostedLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorWarningFrostedSoftLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorWarningLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorWarningLowLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorWarningMediumLight.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/a11y/colorFocus.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/background/colorBackdrop.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/background/colorCanvas.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/background/colorFrosted.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/background/colorFrostedSoft.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/background/colorFrostedStrong.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/background/colorSurface.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/foreground/colorContrastHigh.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/foreground/colorContrastHigher.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/foreground/colorContrastLow.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/foreground/colorContrastLower.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/foreground/colorContrastMedium.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/foreground/colorPrimary.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorError.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorErrorFrosted.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorErrorFrostedSoft.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorErrorLow.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorErrorMedium.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorInfo.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorInfoFrosted.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorInfoFrostedSoft.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorInfoLow.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorInfoMedium.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorSuccess.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorSuccessFrosted.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorSuccessFrostedSoft.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorSuccessLow.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorSuccessMedium.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorWarning.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorWarningFrosted.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorWarningFrostedSoft.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorWarningLow.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/color/light-dark/semantic/colorWarningMedium.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/font/family/fontPorscheNext.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/font/family/fontPorscheNextJa.cjs +6 -0
- package/vanilla-extract/cjs/tokens/dist/esm/font/family/fontPorscheNextKo.cjs +6 -0
- package/vanilla-extract/cjs/tokens/dist/esm/font/family/fontPorscheNextZhHans.cjs +6 -0
- package/vanilla-extract/cjs/tokens/dist/esm/font/family/fontPorscheNextZhHant.cjs +6 -0
- package/vanilla-extract/cjs/tokens/dist/esm/font/lineHeight/leadingNormal.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/font/size/typescale2Xl.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/font/size/typescale2Xs.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/font/size/typescale3Xl.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/font/size/typescale4Xl.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/font/size/typescale5Xl.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/font/size/typescaleLg.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/font/size/typescaleMd.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/font/size/typescaleSm.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/font/size/typescaleXl.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/font/size/typescaleXs.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/font/weight/fontWeightBold.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/font/weight/fontWeightNormal.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/font/weight/fontWeightSemibold.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/gradient/gradientStopsFadeDark.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/motion/duration/durationLg.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/motion/duration/durationMd.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/motion/duration/durationSm.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/motion/duration/durationXl.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/motion/ease/easeIn.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/motion/ease/easeInOut.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/motion/ease/easeOut.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/shadow/shadowLg.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/shadow/shadowMd.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/shadow/shadowSm.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/spacing/fluid/spacingFluid2Xl.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/spacing/fluid/spacingFluidLg.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/spacing/fluid/spacingFluidMd.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/spacing/fluid/spacingFluidSm.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/spacing/fluid/spacingFluidXl.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/spacing/fluid/spacingFluidXs.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/spacing/static/spacingStatic2Xl.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/spacing/static/spacingStatic2Xs.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/spacing/static/spacingStaticLg.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/spacing/static/spacingStaticMd.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/spacing/static/spacingStaticSm.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/spacing/static/spacingStaticXl.cjs +1 -0
- package/vanilla-extract/cjs/tokens/dist/esm/spacing/static/spacingStaticXs.cjs +1 -0
- package/vanilla-extract/cjs/typography/proseHeading2XlStyle.cjs +2 -0
- package/vanilla-extract/cjs/typography/proseHeading2XsStyle.cjs +2 -0
- package/vanilla-extract/cjs/typography/proseHeading3XlStyle.cjs +2 -0
- package/vanilla-extract/cjs/typography/proseHeading4XlStyle.cjs +2 -0
- package/vanilla-extract/cjs/typography/proseHeading5XlStyle.cjs +2 -0
- package/vanilla-extract/cjs/typography/proseHeadingLgStyle.cjs +2 -0
- package/vanilla-extract/cjs/typography/proseHeadingMdStyle.cjs +2 -0
- package/vanilla-extract/cjs/typography/proseHeadingSmStyle.cjs +2 -0
- package/vanilla-extract/cjs/typography/proseHeadingXlStyle.cjs +2 -0
- package/vanilla-extract/cjs/typography/proseHeadingXsStyle.cjs +2 -0
- package/vanilla-extract/cjs/typography/proseText2XlStyle.cjs +2 -0
- package/vanilla-extract/cjs/typography/proseText2XsStyle.cjs +2 -0
- package/vanilla-extract/cjs/typography/proseText3XlStyle.cjs +2 -0
- package/vanilla-extract/cjs/typography/proseText4XlStyle.cjs +2 -0
- package/vanilla-extract/cjs/typography/proseText5XlStyle.cjs +2 -0
- package/vanilla-extract/cjs/typography/proseTextLgStyle.cjs +2 -0
- package/vanilla-extract/cjs/typography/proseTextMdStyle.cjs +2 -0
- package/vanilla-extract/cjs/typography/proseTextSmStyle.cjs +2 -0
- package/vanilla-extract/cjs/typography/proseTextXlStyle.cjs +2 -0
- package/vanilla-extract/cjs/typography/proseTextXsStyle.cjs +2 -0
- package/vanilla-extract/esm/font/fontPorscheNextJa.d.ts +1 -0
- package/vanilla-extract/esm/font/fontPorscheNextJa.mjs +5 -0
- package/vanilla-extract/esm/font/fontPorscheNextKo.d.ts +1 -0
- package/vanilla-extract/esm/font/fontPorscheNextKo.mjs +5 -0
- package/vanilla-extract/esm/font/fontPorscheNextZhHans.d.ts +1 -0
- package/vanilla-extract/esm/font/fontPorscheNextZhHans.mjs +5 -0
- package/vanilla-extract/esm/font/fontPorscheNextZhHant.d.ts +1 -0
- package/vanilla-extract/esm/font/fontPorscheNextZhHant.mjs +5 -0
- package/vanilla-extract/esm/font/getCJKFontFamilyStyle.d.ts +16 -0
- package/vanilla-extract/esm/font/getCJKFontFamilyStyle.mjs +29 -0
- package/vanilla-extract/esm/font/index.d.ts +5 -0
- package/vanilla-extract/esm/index.mjs +5 -0
- package/vanilla-extract/esm/tokens/dist/esm/blur/blurFrosted.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/border/radius/radius2Xl.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/border/radius/radius3Xl.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/border/radius/radius4Xl.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/border/radius/radiusFull.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/border/radius/radiusLg.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/border/radius/radiusMd.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/border/radius/radiusSm.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/border/radius/radiusXl.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/border/radius/radiusXs.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/breakpoint/breakpoint2Xl.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/breakpoint/breakpointLg.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/breakpoint/breakpointMd.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/breakpoint/breakpointSm.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/breakpoint/breakpointXl.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/breakpoint/breakpointXs.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/a11y/colorFocusDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/background/colorBackdropDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/background/colorCanvasDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/background/colorFrostedDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/background/colorFrostedSoftDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/background/colorFrostedStrongDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/background/colorSurfaceDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/foreground/colorContrastHighDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/foreground/colorContrastHigherDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/foreground/colorContrastLowDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/foreground/colorContrastLowerDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/foreground/colorContrastMediumDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/foreground/colorPrimaryDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorErrorDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorErrorFrostedDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorErrorFrostedSoftDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorErrorLowDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorErrorMediumDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorInfoDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorInfoFrostedDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorInfoFrostedSoftDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorInfoLowDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorInfoMediumDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorSuccessDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorSuccessFrostedDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorSuccessFrostedSoftDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorSuccessLowDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorSuccessMediumDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorWarningDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorWarningFrostedDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorWarningFrostedSoftDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorWarningLowDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorWarningMediumDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/a11y/colorFocusLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/background/colorBackdropLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/background/colorCanvasLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/background/colorFrostedLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/background/colorFrostedSoftLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/background/colorFrostedStrongLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/background/colorSurfaceLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/foreground/colorContrastHighLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/foreground/colorContrastHigherLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/foreground/colorContrastLowLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/foreground/colorContrastLowerLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/foreground/colorContrastMediumLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/foreground/colorPrimaryLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorErrorFrostedLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorErrorFrostedSoftLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorErrorLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorErrorLowLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorErrorMediumLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorInfoFrostedLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorInfoFrostedSoftLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorInfoLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorInfoLowLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorInfoMediumLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorSuccessFrostedLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorSuccessFrostedSoftLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorSuccessLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorSuccessLowLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorSuccessMediumLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorWarningFrostedLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorWarningFrostedSoftLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorWarningLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorWarningLowLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorWarningMediumLight.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/a11y/colorFocus.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/background/colorBackdrop.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/background/colorCanvas.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/background/colorFrosted.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/background/colorFrostedSoft.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/background/colorFrostedStrong.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/background/colorSurface.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/foreground/colorContrastHigh.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/foreground/colorContrastHigher.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/foreground/colorContrastLow.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/foreground/colorContrastLower.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/foreground/colorContrastMedium.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/foreground/colorPrimary.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/semantic/colorError.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/semantic/colorErrorFrosted.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/semantic/colorErrorFrostedSoft.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/semantic/colorErrorLow.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/semantic/colorErrorMedium.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/semantic/colorInfo.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/semantic/colorInfoFrosted.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/semantic/colorInfoFrostedSoft.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/semantic/colorInfoLow.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/semantic/colorInfoMedium.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/semantic/colorSuccess.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/semantic/colorSuccessFrosted.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/semantic/colorSuccessFrostedSoft.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/semantic/colorSuccessLow.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/semantic/colorSuccessMedium.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/semantic/colorWarning.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/semantic/colorWarningFrosted.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/semantic/colorWarningFrostedSoft.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/semantic/colorWarningLow.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/color/light-dark/semantic/colorWarningMedium.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/font/family/fontPorscheNext.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/font/family/fontPorscheNextJa.mjs +4 -0
- package/vanilla-extract/esm/tokens/dist/esm/font/family/fontPorscheNextKo.mjs +4 -0
- package/vanilla-extract/esm/tokens/dist/esm/font/family/fontPorscheNextZhHans.mjs +4 -0
- package/vanilla-extract/esm/tokens/dist/esm/font/family/fontPorscheNextZhHant.mjs +4 -0
- package/vanilla-extract/esm/tokens/dist/esm/font/lineHeight/leadingNormal.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/font/size/typescale2Xl.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/font/size/typescale2Xs.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/font/size/typescale3Xl.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/font/size/typescale4Xl.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/font/size/typescale5Xl.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/font/size/typescaleLg.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/font/size/typescaleMd.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/font/size/typescaleSm.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/font/size/typescaleXl.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/font/size/typescaleXs.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/font/weight/fontWeightBold.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/font/weight/fontWeightNormal.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/font/weight/fontWeightSemibold.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/gradient/gradientStopsFadeDark.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/motion/duration/durationLg.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/motion/duration/durationMd.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/motion/duration/durationSm.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/motion/duration/durationXl.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/motion/ease/easeIn.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/motion/ease/easeInOut.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/motion/ease/easeOut.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/shadow/shadowLg.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/shadow/shadowMd.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/shadow/shadowSm.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/spacing/fluid/spacingFluid2Xl.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/spacing/fluid/spacingFluidLg.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/spacing/fluid/spacingFluidMd.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/spacing/fluid/spacingFluidSm.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/spacing/fluid/spacingFluidXl.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/spacing/fluid/spacingFluidXs.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/spacing/static/spacingStatic2Xl.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/spacing/static/spacingStatic2Xs.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/spacing/static/spacingStaticLg.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/spacing/static/spacingStaticMd.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/spacing/static/spacingStaticSm.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/spacing/static/spacingStaticXl.mjs +1 -0
- package/vanilla-extract/esm/tokens/dist/esm/spacing/static/spacingStaticXs.mjs +1 -0
- package/vanilla-extract/esm/typography/proseHeading2XlStyle.d.ts +14 -0
- package/vanilla-extract/esm/typography/proseHeading2XlStyle.mjs +2 -0
- package/vanilla-extract/esm/typography/proseHeading2XsStyle.d.ts +14 -0
- package/vanilla-extract/esm/typography/proseHeading2XsStyle.mjs +2 -0
- package/vanilla-extract/esm/typography/proseHeading3XlStyle.d.ts +14 -0
- package/vanilla-extract/esm/typography/proseHeading3XlStyle.mjs +2 -0
- package/vanilla-extract/esm/typography/proseHeading4XlStyle.d.ts +14 -0
- package/vanilla-extract/esm/typography/proseHeading4XlStyle.mjs +2 -0
- package/vanilla-extract/esm/typography/proseHeading5XlStyle.d.ts +14 -0
- package/vanilla-extract/esm/typography/proseHeading5XlStyle.mjs +2 -0
- package/vanilla-extract/esm/typography/proseHeadingLgStyle.d.ts +14 -0
- package/vanilla-extract/esm/typography/proseHeadingLgStyle.mjs +2 -0
- package/vanilla-extract/esm/typography/proseHeadingMdStyle.d.ts +14 -0
- package/vanilla-extract/esm/typography/proseHeadingMdStyle.mjs +2 -0
- package/vanilla-extract/esm/typography/proseHeadingSmStyle.d.ts +14 -0
- package/vanilla-extract/esm/typography/proseHeadingSmStyle.mjs +2 -0
- package/vanilla-extract/esm/typography/proseHeadingXlStyle.d.ts +14 -0
- package/vanilla-extract/esm/typography/proseHeadingXlStyle.mjs +2 -0
- package/vanilla-extract/esm/typography/proseHeadingXsStyle.d.ts +14 -0
- package/vanilla-extract/esm/typography/proseHeadingXsStyle.mjs +2 -0
- package/vanilla-extract/esm/typography/proseText2XlStyle.d.ts +14 -0
- package/vanilla-extract/esm/typography/proseText2XlStyle.mjs +2 -0
- package/vanilla-extract/esm/typography/proseText2XsStyle.d.ts +14 -0
- package/vanilla-extract/esm/typography/proseText2XsStyle.mjs +2 -0
- package/vanilla-extract/esm/typography/proseText3XlStyle.d.ts +14 -0
- package/vanilla-extract/esm/typography/proseText3XlStyle.mjs +2 -0
- package/vanilla-extract/esm/typography/proseText4XlStyle.d.ts +14 -0
- package/vanilla-extract/esm/typography/proseText4XlStyle.mjs +2 -0
- package/vanilla-extract/esm/typography/proseText5XlStyle.d.ts +14 -0
- package/vanilla-extract/esm/typography/proseText5XlStyle.mjs +2 -0
- package/vanilla-extract/esm/typography/proseTextLgStyle.d.ts +14 -0
- package/vanilla-extract/esm/typography/proseTextLgStyle.mjs +2 -0
- package/vanilla-extract/esm/typography/proseTextMdStyle.d.ts +14 -0
- package/vanilla-extract/esm/typography/proseTextMdStyle.mjs +2 -0
- package/vanilla-extract/esm/typography/proseTextSmStyle.d.ts +14 -0
- package/vanilla-extract/esm/typography/proseTextSmStyle.mjs +2 -0
- package/vanilla-extract/esm/typography/proseTextXlStyle.d.ts +14 -0
- package/vanilla-extract/esm/typography/proseTextXlStyle.mjs +2 -0
- package/vanilla-extract/esm/typography/proseTextXsStyle.d.ts +14 -0
- package/vanilla-extract/esm/typography/proseTextXsStyle.mjs +2 -0
- package/global-styles/legacy-radius.css +0 -5
- package/global-styles/normalize.css +0 -11
|
@@ -748,7 +748,7 @@ type MultiSelectState = FormState;
|
|
|
748
748
|
type MultiSelectDropdownDirection = SelectComponentsDropdownDirection;
|
|
749
749
|
type MultiSelectChangeEventDetail = {
|
|
750
750
|
name: string;
|
|
751
|
-
value: string[];
|
|
751
|
+
value: string[] | number[];
|
|
752
752
|
};
|
|
753
753
|
type MultiSelectToggleEventDetail = {
|
|
754
754
|
open: boolean;
|
|
@@ -757,7 +757,7 @@ type SelectState = FormState;
|
|
|
757
757
|
type SelectDropdownDirection = SelectComponentsDropdownDirection;
|
|
758
758
|
type SelectChangeEventDetail = {
|
|
759
759
|
name: string;
|
|
760
|
-
value: string;
|
|
760
|
+
value: string | number | null | undefined;
|
|
761
761
|
};
|
|
762
762
|
type SelectToggleEventDetail = {
|
|
763
763
|
open: boolean;
|
|
@@ -802,6 +802,225 @@ type SelectedAriaAttributes<T extends keyof AriaAttributes> = Pick<AriaAttribute
|
|
|
802
802
|
type SelectedAriaRole<T> = {
|
|
803
803
|
role: Extract<AriaRole, T>;
|
|
804
804
|
};
|
|
805
|
+
declare const AI_TAG_VARIANTS: readonly [
|
|
806
|
+
"abbreviation",
|
|
807
|
+
"generated",
|
|
808
|
+
"modified"
|
|
809
|
+
];
|
|
810
|
+
type AiTagVariant = (typeof AI_TAG_VARIANTS)[number];
|
|
811
|
+
declare const AI_TAG_TRANSLATIONS: {
|
|
812
|
+
bg_BG: {
|
|
813
|
+
short: string;
|
|
814
|
+
long: string;
|
|
815
|
+
generated: string;
|
|
816
|
+
modified: string;
|
|
817
|
+
};
|
|
818
|
+
bs_BA: {
|
|
819
|
+
short: string;
|
|
820
|
+
long: string;
|
|
821
|
+
generated: string;
|
|
822
|
+
modified: string;
|
|
823
|
+
};
|
|
824
|
+
cs_CZ: {
|
|
825
|
+
short: string;
|
|
826
|
+
long: string;
|
|
827
|
+
generated: string;
|
|
828
|
+
modified: string;
|
|
829
|
+
};
|
|
830
|
+
da_DK: {
|
|
831
|
+
short: string;
|
|
832
|
+
long: string;
|
|
833
|
+
generated: string;
|
|
834
|
+
modified: string;
|
|
835
|
+
};
|
|
836
|
+
de_DE: {
|
|
837
|
+
short: string;
|
|
838
|
+
long: string;
|
|
839
|
+
generated: string;
|
|
840
|
+
modified: string;
|
|
841
|
+
};
|
|
842
|
+
el_GR: {
|
|
843
|
+
short: string;
|
|
844
|
+
long: string;
|
|
845
|
+
generated: string;
|
|
846
|
+
modified: string;
|
|
847
|
+
};
|
|
848
|
+
en_CY: {
|
|
849
|
+
short: string;
|
|
850
|
+
long: string;
|
|
851
|
+
generated: string;
|
|
852
|
+
modified: string;
|
|
853
|
+
};
|
|
854
|
+
en_GB: {
|
|
855
|
+
short: string;
|
|
856
|
+
long: string;
|
|
857
|
+
generated: string;
|
|
858
|
+
modified: string;
|
|
859
|
+
};
|
|
860
|
+
en_US: {
|
|
861
|
+
short: string;
|
|
862
|
+
long: string;
|
|
863
|
+
generated: string;
|
|
864
|
+
modified: string;
|
|
865
|
+
};
|
|
866
|
+
es_ES: {
|
|
867
|
+
short: string;
|
|
868
|
+
long: string;
|
|
869
|
+
generated: string;
|
|
870
|
+
modified: string;
|
|
871
|
+
};
|
|
872
|
+
et_EE: {
|
|
873
|
+
short: string;
|
|
874
|
+
long: string;
|
|
875
|
+
generated: string;
|
|
876
|
+
modified: string;
|
|
877
|
+
};
|
|
878
|
+
fi_FI: {
|
|
879
|
+
short: string;
|
|
880
|
+
long: string;
|
|
881
|
+
generated: string;
|
|
882
|
+
modified: string;
|
|
883
|
+
};
|
|
884
|
+
fr_FR: {
|
|
885
|
+
short: string;
|
|
886
|
+
long: string;
|
|
887
|
+
generated: string;
|
|
888
|
+
modified: string;
|
|
889
|
+
};
|
|
890
|
+
he_IL: {
|
|
891
|
+
short: string;
|
|
892
|
+
long: string;
|
|
893
|
+
generated: string;
|
|
894
|
+
modified: string;
|
|
895
|
+
};
|
|
896
|
+
hr_HR: {
|
|
897
|
+
short: string;
|
|
898
|
+
long: string;
|
|
899
|
+
generated: string;
|
|
900
|
+
modified: string;
|
|
901
|
+
};
|
|
902
|
+
hu_HU: {
|
|
903
|
+
short: string;
|
|
904
|
+
long: string;
|
|
905
|
+
generated: string;
|
|
906
|
+
modified: string;
|
|
907
|
+
};
|
|
908
|
+
is_IS: {
|
|
909
|
+
short: string;
|
|
910
|
+
long: string;
|
|
911
|
+
generated: string;
|
|
912
|
+
modified: string;
|
|
913
|
+
};
|
|
914
|
+
it_IT: {
|
|
915
|
+
short: string;
|
|
916
|
+
long: string;
|
|
917
|
+
generated: string;
|
|
918
|
+
modified: string;
|
|
919
|
+
};
|
|
920
|
+
lt_LT: {
|
|
921
|
+
short: string;
|
|
922
|
+
long: string;
|
|
923
|
+
generated: string;
|
|
924
|
+
modified: string;
|
|
925
|
+
};
|
|
926
|
+
lv_LV: {
|
|
927
|
+
short: string;
|
|
928
|
+
long: string;
|
|
929
|
+
generated: string;
|
|
930
|
+
modified: string;
|
|
931
|
+
};
|
|
932
|
+
me_ME: {
|
|
933
|
+
short: string;
|
|
934
|
+
long: string;
|
|
935
|
+
generated: string;
|
|
936
|
+
modified: string;
|
|
937
|
+
};
|
|
938
|
+
mk_MK: {
|
|
939
|
+
short: string;
|
|
940
|
+
long: string;
|
|
941
|
+
generated: string;
|
|
942
|
+
modified: string;
|
|
943
|
+
};
|
|
944
|
+
mt_MT: {
|
|
945
|
+
short: string;
|
|
946
|
+
long: string;
|
|
947
|
+
generated: string;
|
|
948
|
+
modified: string;
|
|
949
|
+
};
|
|
950
|
+
nb_NO: {
|
|
951
|
+
short: string;
|
|
952
|
+
long: string;
|
|
953
|
+
generated: string;
|
|
954
|
+
modified: string;
|
|
955
|
+
};
|
|
956
|
+
nl_NL: {
|
|
957
|
+
short: string;
|
|
958
|
+
long: string;
|
|
959
|
+
generated: string;
|
|
960
|
+
modified: string;
|
|
961
|
+
};
|
|
962
|
+
pl_PL: {
|
|
963
|
+
short: string;
|
|
964
|
+
long: string;
|
|
965
|
+
generated: string;
|
|
966
|
+
modified: string;
|
|
967
|
+
};
|
|
968
|
+
pt_PT: {
|
|
969
|
+
short: string;
|
|
970
|
+
long: string;
|
|
971
|
+
generated: string;
|
|
972
|
+
modified: string;
|
|
973
|
+
};
|
|
974
|
+
ro_RO: {
|
|
975
|
+
short: string;
|
|
976
|
+
long: string;
|
|
977
|
+
generated: string;
|
|
978
|
+
modified: string;
|
|
979
|
+
};
|
|
980
|
+
ru_RU: {
|
|
981
|
+
short: string;
|
|
982
|
+
long: string;
|
|
983
|
+
generated: string;
|
|
984
|
+
modified: string;
|
|
985
|
+
};
|
|
986
|
+
sk_SK: {
|
|
987
|
+
short: string;
|
|
988
|
+
long: string;
|
|
989
|
+
generated: string;
|
|
990
|
+
modified: string;
|
|
991
|
+
};
|
|
992
|
+
sl_SI: {
|
|
993
|
+
short: string;
|
|
994
|
+
long: string;
|
|
995
|
+
generated: string;
|
|
996
|
+
modified: string;
|
|
997
|
+
};
|
|
998
|
+
sr_RS: {
|
|
999
|
+
short: string;
|
|
1000
|
+
long: string;
|
|
1001
|
+
generated: string;
|
|
1002
|
+
modified: string;
|
|
1003
|
+
};
|
|
1004
|
+
sv_SE: {
|
|
1005
|
+
short: string;
|
|
1006
|
+
long: string;
|
|
1007
|
+
generated: string;
|
|
1008
|
+
modified: string;
|
|
1009
|
+
};
|
|
1010
|
+
tr_TR: {
|
|
1011
|
+
short: string;
|
|
1012
|
+
long: string;
|
|
1013
|
+
generated: string;
|
|
1014
|
+
modified: string;
|
|
1015
|
+
};
|
|
1016
|
+
uk_UA: {
|
|
1017
|
+
short: string;
|
|
1018
|
+
long: string;
|
|
1019
|
+
generated: string;
|
|
1020
|
+
modified: string;
|
|
1021
|
+
};
|
|
1022
|
+
};
|
|
1023
|
+
type AiTagLocale = keyof typeof AI_TAG_TRANSLATIONS;
|
|
805
1024
|
declare const BANNER_POSITIONS: readonly [
|
|
806
1025
|
"top",
|
|
807
1026
|
"bottom"
|
|
@@ -1639,6 +1858,72 @@ type WordmarkSize = (typeof WORDMARK_SIZES)[number];
|
|
|
1639
1858
|
type WordmarkTarget = LinkTarget;
|
|
1640
1859
|
type WordmarkAriaAttribute = LinkAriaAttribute;
|
|
1641
1860
|
|
|
1861
|
+
type PCheckboxProps = {
|
|
1862
|
+
/**
|
|
1863
|
+
* Reflects the checkbox current checked state and allows setting the initial checked state.
|
|
1864
|
+
* @default false
|
|
1865
|
+
*/
|
|
1866
|
+
checked?: boolean;
|
|
1867
|
+
/**
|
|
1868
|
+
* Displays the checkbox in compact mode.
|
|
1869
|
+
* @default false
|
|
1870
|
+
*/
|
|
1871
|
+
compact?: boolean;
|
|
1872
|
+
/**
|
|
1873
|
+
* Marks the checkbox as disabled.
|
|
1874
|
+
* @default false
|
|
1875
|
+
*/
|
|
1876
|
+
disabled?: boolean;
|
|
1877
|
+
/**
|
|
1878
|
+
* The id of a form element the checkbox should be associated with.
|
|
1879
|
+
*/
|
|
1880
|
+
form?: string;
|
|
1881
|
+
/**
|
|
1882
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
1883
|
+
* @default false
|
|
1884
|
+
*/
|
|
1885
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
1886
|
+
/**
|
|
1887
|
+
* Marks the checkbox as indeterminate.
|
|
1888
|
+
* @default false
|
|
1889
|
+
*/
|
|
1890
|
+
indeterminate?: boolean;
|
|
1891
|
+
/**
|
|
1892
|
+
* Text content for a user-facing label.
|
|
1893
|
+
* @default ''
|
|
1894
|
+
*/
|
|
1895
|
+
label?: string;
|
|
1896
|
+
/**
|
|
1897
|
+
* @experimental Disables the checkbox and shows a loading indicator.
|
|
1898
|
+
* @default false
|
|
1899
|
+
*/
|
|
1900
|
+
loading?: boolean;
|
|
1901
|
+
/**
|
|
1902
|
+
* The message styled depending on validation state.
|
|
1903
|
+
* @default ''
|
|
1904
|
+
*/
|
|
1905
|
+
message?: string;
|
|
1906
|
+
/**
|
|
1907
|
+
* The name of the checkbox.
|
|
1908
|
+
* @default ''
|
|
1909
|
+
*/
|
|
1910
|
+
name?: string;
|
|
1911
|
+
/**
|
|
1912
|
+
* Marks the checkbox as required.
|
|
1913
|
+
* @default false
|
|
1914
|
+
*/
|
|
1915
|
+
required?: boolean;
|
|
1916
|
+
/**
|
|
1917
|
+
* The validation state.
|
|
1918
|
+
* @default 'none'
|
|
1919
|
+
*/
|
|
1920
|
+
state?: CheckboxState;
|
|
1921
|
+
/**
|
|
1922
|
+
* The checkbox value. When a form is submitted, only a checkbox which is currently checked is included in the submission.
|
|
1923
|
+
* @default 'on'
|
|
1924
|
+
*/
|
|
1925
|
+
value?: string;
|
|
1926
|
+
};
|
|
1642
1927
|
declare class PCheckbox extends BaseComponent implements ControlValueAccessor {
|
|
1643
1928
|
private _renderer;
|
|
1644
1929
|
private _elementRef;
|
|
@@ -1669,6 +1954,88 @@ declare class PCheckbox extends BaseComponent implements ControlValueAccessor {
|
|
|
1669
1954
|
static ɵcmp: i0.ɵɵComponentDeclaration<PCheckbox, "p-checkbox,[p-checkbox]", never, { "checked": { "alias": "checked"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; }, never, ["*"], false, never>;
|
|
1670
1955
|
}
|
|
1671
1956
|
|
|
1957
|
+
type PInputDateProps = {
|
|
1958
|
+
/**
|
|
1959
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='bday' for a birthday).
|
|
1960
|
+
*/
|
|
1961
|
+
autoComplete?: string;
|
|
1962
|
+
/**
|
|
1963
|
+
* Displays the input field in compact mode.
|
|
1964
|
+
* @default false
|
|
1965
|
+
*/
|
|
1966
|
+
compact?: boolean;
|
|
1967
|
+
/**
|
|
1968
|
+
* Supplementary text providing more context or explanation for the input.
|
|
1969
|
+
* @default ''
|
|
1970
|
+
*/
|
|
1971
|
+
description?: string;
|
|
1972
|
+
/**
|
|
1973
|
+
* Disables the input field. The value will not be submitted with the form.
|
|
1974
|
+
* @default false
|
|
1975
|
+
*/
|
|
1976
|
+
disabled?: boolean;
|
|
1977
|
+
/**
|
|
1978
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
1979
|
+
*/
|
|
1980
|
+
form?: string;
|
|
1981
|
+
/**
|
|
1982
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
1983
|
+
* @default false
|
|
1984
|
+
*/
|
|
1985
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
1986
|
+
/**
|
|
1987
|
+
* Text content for a user-facing label.
|
|
1988
|
+
* @default ''
|
|
1989
|
+
*/
|
|
1990
|
+
label?: string;
|
|
1991
|
+
/**
|
|
1992
|
+
* @experimental Shows a loading indicator.
|
|
1993
|
+
* @default false
|
|
1994
|
+
*/
|
|
1995
|
+
loading?: boolean;
|
|
1996
|
+
/**
|
|
1997
|
+
* Specifies the latest date that can be selected. The value must be a date string in YYYY-MM-DD format (e.g., max='2024-12-31').
|
|
1998
|
+
*/
|
|
1999
|
+
max?: string;
|
|
2000
|
+
/**
|
|
2001
|
+
* Dynamic feedback text for validation or status.
|
|
2002
|
+
* @default ''
|
|
2003
|
+
*/
|
|
2004
|
+
message?: string;
|
|
2005
|
+
/**
|
|
2006
|
+
* Specifies the earliest date that can be selected. The value must be a date string in YYYY-MM-DD format (e.g., min='2023-01-01').
|
|
2007
|
+
*/
|
|
2008
|
+
min?: string;
|
|
2009
|
+
/**
|
|
2010
|
+
* The name of the input field, used when submitting the form data.
|
|
2011
|
+
*/
|
|
2012
|
+
name: string;
|
|
2013
|
+
/**
|
|
2014
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
2015
|
+
* @default false
|
|
2016
|
+
*/
|
|
2017
|
+
readOnly?: boolean;
|
|
2018
|
+
/**
|
|
2019
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
2020
|
+
* @default false
|
|
2021
|
+
*/
|
|
2022
|
+
required?: boolean;
|
|
2023
|
+
/**
|
|
2024
|
+
* Indicates the validation or overall status of the input component.
|
|
2025
|
+
* @default 'none'
|
|
2026
|
+
*/
|
|
2027
|
+
state?: InputDateState;
|
|
2028
|
+
/**
|
|
2029
|
+
* Defines the granularity of the date input. This value is given in days. The default is 1 (one day).
|
|
2030
|
+
* @default 1
|
|
2031
|
+
*/
|
|
2032
|
+
step?: number;
|
|
2033
|
+
/**
|
|
2034
|
+
* The default date value for the input, in YYYY-MM-DD format (e.g., value='2025-07-02').
|
|
2035
|
+
* @default ''
|
|
2036
|
+
*/
|
|
2037
|
+
value?: string | null;
|
|
2038
|
+
};
|
|
1672
2039
|
declare class PInputDate extends BaseComponent implements ControlValueAccessor {
|
|
1673
2040
|
private _renderer;
|
|
1674
2041
|
private _elementRef;
|
|
@@ -1689,7 +2056,7 @@ declare class PInputDate extends BaseComponent implements ControlValueAccessor {
|
|
|
1689
2056
|
required?: boolean;
|
|
1690
2057
|
state?: InputDateState;
|
|
1691
2058
|
step?: number;
|
|
1692
|
-
value?: string;
|
|
2059
|
+
value?: string | null;
|
|
1693
2060
|
blur: EventEmitter<CustomEvent<Event>>;
|
|
1694
2061
|
change: EventEmitter<CustomEvent<Event>>;
|
|
1695
2062
|
input: EventEmitter<CustomEvent<InputEvent>>;
|
|
@@ -1704,6 +2071,102 @@ declare class PInputDate extends BaseComponent implements ControlValueAccessor {
|
|
|
1704
2071
|
static ɵcmp: i0.ɵɵComponentDeclaration<PInputDate, "p-input-date,[p-input-date]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
1705
2072
|
}
|
|
1706
2073
|
|
|
2074
|
+
type PInputEmailProps = {
|
|
2075
|
+
/**
|
|
2076
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='email').
|
|
2077
|
+
*/
|
|
2078
|
+
autoComplete?: string;
|
|
2079
|
+
/**
|
|
2080
|
+
* Displays the input field in compact mode.
|
|
2081
|
+
* @default false
|
|
2082
|
+
*/
|
|
2083
|
+
compact?: boolean;
|
|
2084
|
+
/**
|
|
2085
|
+
* Supplementary text providing more context or explanation for the input.
|
|
2086
|
+
* @default ''
|
|
2087
|
+
*/
|
|
2088
|
+
description?: string;
|
|
2089
|
+
/**
|
|
2090
|
+
* Disables the input field. The value will not be submitted with the form.
|
|
2091
|
+
* @default false
|
|
2092
|
+
*/
|
|
2093
|
+
disabled?: boolean;
|
|
2094
|
+
/**
|
|
2095
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
2096
|
+
*/
|
|
2097
|
+
form?: string;
|
|
2098
|
+
/**
|
|
2099
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
2100
|
+
* @default false
|
|
2101
|
+
*/
|
|
2102
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2103
|
+
/**
|
|
2104
|
+
* Controls the visibility of the email icon.
|
|
2105
|
+
* @default false
|
|
2106
|
+
*/
|
|
2107
|
+
indicator?: boolean;
|
|
2108
|
+
/**
|
|
2109
|
+
* Text content for a user-facing label.
|
|
2110
|
+
* @default ''
|
|
2111
|
+
*/
|
|
2112
|
+
label?: string;
|
|
2113
|
+
/**
|
|
2114
|
+
* @experimental Shows a loading indicator.
|
|
2115
|
+
* @default false
|
|
2116
|
+
*/
|
|
2117
|
+
loading?: boolean;
|
|
2118
|
+
/**
|
|
2119
|
+
* A non-negative integer specifying the maximum number of characters the user can enter into the input.
|
|
2120
|
+
*/
|
|
2121
|
+
maxLength?: number;
|
|
2122
|
+
/**
|
|
2123
|
+
* Dynamic feedback text for validation or status.
|
|
2124
|
+
* @default ''
|
|
2125
|
+
*/
|
|
2126
|
+
message?: string;
|
|
2127
|
+
/**
|
|
2128
|
+
* A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
|
|
2129
|
+
*/
|
|
2130
|
+
minLength?: number;
|
|
2131
|
+
/**
|
|
2132
|
+
* Allows the user to enter a list of email addresses separated by commas (and optional whitespace). The browser validates each email address in the list.
|
|
2133
|
+
* @default false
|
|
2134
|
+
*/
|
|
2135
|
+
multiple?: boolean;
|
|
2136
|
+
/**
|
|
2137
|
+
* The name of the input field, used when submitting the form data.
|
|
2138
|
+
*/
|
|
2139
|
+
name: string;
|
|
2140
|
+
/**
|
|
2141
|
+
* Specifies a regular expression that the input's value must match for the value to pass constraint validation. This allows for more specific email validation rules than the browser's default (e.g., restricting to a specific domain). If provided, it overrides the browser's default email validation.
|
|
2142
|
+
*/
|
|
2143
|
+
pattern?: string;
|
|
2144
|
+
/**
|
|
2145
|
+
* A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='you@example.com'). This text is displayed when the input field is empty.
|
|
2146
|
+
* @default ''
|
|
2147
|
+
*/
|
|
2148
|
+
placeholder?: string;
|
|
2149
|
+
/**
|
|
2150
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
2151
|
+
* @default false
|
|
2152
|
+
*/
|
|
2153
|
+
readOnly?: boolean;
|
|
2154
|
+
/**
|
|
2155
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
2156
|
+
* @default false
|
|
2157
|
+
*/
|
|
2158
|
+
required?: boolean;
|
|
2159
|
+
/**
|
|
2160
|
+
* Indicates the validation or overall status of the input component.
|
|
2161
|
+
* @default 'none'
|
|
2162
|
+
*/
|
|
2163
|
+
state?: InputEmailState;
|
|
2164
|
+
/**
|
|
2165
|
+
* The default email address (or comma-separated list of addresses) for the input.
|
|
2166
|
+
* @default ''
|
|
2167
|
+
*/
|
|
2168
|
+
value?: string | null;
|
|
2169
|
+
};
|
|
1707
2170
|
declare class PInputEmail extends BaseComponent implements ControlValueAccessor {
|
|
1708
2171
|
private _renderer;
|
|
1709
2172
|
private _elementRef;
|
|
@@ -1727,7 +2190,7 @@ declare class PInputEmail extends BaseComponent implements ControlValueAccessor
|
|
|
1727
2190
|
readOnly?: boolean;
|
|
1728
2191
|
required?: boolean;
|
|
1729
2192
|
state?: InputEmailState;
|
|
1730
|
-
value?: string;
|
|
2193
|
+
value?: string | null;
|
|
1731
2194
|
blur: EventEmitter<CustomEvent<Event>>;
|
|
1732
2195
|
change: EventEmitter<CustomEvent<Event>>;
|
|
1733
2196
|
input: EventEmitter<CustomEvent<InputEvent>>;
|
|
@@ -1742,64 +2205,238 @@ declare class PInputEmail extends BaseComponent implements ControlValueAccessor
|
|
|
1742
2205
|
static ɵcmp: i0.ɵɵComponentDeclaration<PInputEmail, "p-input-email,[p-input-email]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
1743
2206
|
}
|
|
1744
2207
|
|
|
1745
|
-
|
|
1746
|
-
|
|
1747
|
-
|
|
1748
|
-
|
|
2208
|
+
type PInputMonthProps = {
|
|
2209
|
+
/**
|
|
2210
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features.
|
|
2211
|
+
*/
|
|
1749
2212
|
autoComplete?: string;
|
|
2213
|
+
/**
|
|
2214
|
+
* Displays the input field in compact mode.
|
|
2215
|
+
* @default false
|
|
2216
|
+
*/
|
|
1750
2217
|
compact?: boolean;
|
|
2218
|
+
/**
|
|
2219
|
+
* Supplementary text providing more context or explanation for the input.
|
|
2220
|
+
* @default ''
|
|
2221
|
+
*/
|
|
1751
2222
|
description?: string;
|
|
2223
|
+
/**
|
|
2224
|
+
* Disables the input field. The value will not be submitted with the form.
|
|
2225
|
+
* @default false
|
|
2226
|
+
*/
|
|
1752
2227
|
disabled?: boolean;
|
|
2228
|
+
/**
|
|
2229
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
2230
|
+
*/
|
|
1753
2231
|
form?: string;
|
|
2232
|
+
/**
|
|
2233
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
2234
|
+
* @default false
|
|
2235
|
+
*/
|
|
1754
2236
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2237
|
+
/**
|
|
2238
|
+
* Text content for a user-facing label.
|
|
2239
|
+
* @default ''
|
|
2240
|
+
*/
|
|
1755
2241
|
label?: string;
|
|
2242
|
+
/**
|
|
2243
|
+
* @experimental Shows a loading indicator.
|
|
2244
|
+
* @default false
|
|
2245
|
+
*/
|
|
1756
2246
|
loading?: boolean;
|
|
2247
|
+
/**
|
|
2248
|
+
* Specifies the latest month that can be selected. The value must be a month string in YYYY-MM format (e.g., max='2024-12').
|
|
2249
|
+
*/
|
|
1757
2250
|
max?: string;
|
|
2251
|
+
/**
|
|
2252
|
+
* Dynamic feedback text for validation or status.
|
|
2253
|
+
* @default ''
|
|
2254
|
+
*/
|
|
1758
2255
|
message?: string;
|
|
2256
|
+
/**
|
|
2257
|
+
* Specifies the earliest month that can be selected. The value must be a month string in YYYY-MM format (e.g., min='2023-01').
|
|
2258
|
+
*/
|
|
1759
2259
|
min?: string;
|
|
2260
|
+
/**
|
|
2261
|
+
* The name of the input field, used when submitting the form data.
|
|
2262
|
+
*/
|
|
1760
2263
|
name: string;
|
|
2264
|
+
/**
|
|
2265
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
2266
|
+
* @default false
|
|
2267
|
+
*/
|
|
1761
2268
|
readOnly?: boolean;
|
|
2269
|
+
/**
|
|
2270
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
2271
|
+
* @default false
|
|
2272
|
+
*/
|
|
1762
2273
|
required?: boolean;
|
|
2274
|
+
/**
|
|
2275
|
+
* Indicates the validation or overall status of the input component.
|
|
2276
|
+
* @default 'none'
|
|
2277
|
+
*/
|
|
1763
2278
|
state?: InputMonthState;
|
|
2279
|
+
/**
|
|
2280
|
+
* Defines the stepping interval in months. For example, step="1" increments by 1 month, step="12" by 1 year. The default is 1 month.
|
|
2281
|
+
* @default 1
|
|
2282
|
+
*/
|
|
1764
2283
|
step?: number;
|
|
1765
|
-
|
|
1766
|
-
|
|
1767
|
-
|
|
1768
|
-
|
|
1769
|
-
|
|
1770
|
-
|
|
1771
|
-
|
|
1772
|
-
writeValue(value: any): void;
|
|
1773
|
-
registerOnChange(fn: any): void;
|
|
1774
|
-
registerOnTouched(fn: any): void;
|
|
1775
|
-
setDisabledState(isDisabled: boolean): void;
|
|
1776
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PInputMonth, never>;
|
|
1777
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PInputMonth, "p-input-month,[p-input-month]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
1778
|
-
}
|
|
1779
|
-
|
|
1780
|
-
declare class PInputNumber extends BaseComponent implements ControlValueAccessor {
|
|
2284
|
+
/**
|
|
2285
|
+
* The default month value for the input, in YYYY-MM format (e.g., value='2025-07').
|
|
2286
|
+
* @default ''
|
|
2287
|
+
*/
|
|
2288
|
+
value?: string | null;
|
|
2289
|
+
};
|
|
2290
|
+
declare class PInputMonth extends BaseComponent implements ControlValueAccessor {
|
|
1781
2291
|
private _renderer;
|
|
1782
2292
|
private _elementRef;
|
|
1783
2293
|
private _cdr;
|
|
1784
2294
|
autoComplete?: string;
|
|
1785
2295
|
compact?: boolean;
|
|
1786
|
-
controls?: boolean;
|
|
1787
2296
|
description?: string;
|
|
1788
2297
|
disabled?: boolean;
|
|
1789
2298
|
form?: string;
|
|
1790
2299
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
1791
2300
|
label?: string;
|
|
1792
2301
|
loading?: boolean;
|
|
1793
|
-
max?:
|
|
2302
|
+
max?: string;
|
|
1794
2303
|
message?: string;
|
|
1795
|
-
min?:
|
|
2304
|
+
min?: string;
|
|
1796
2305
|
name: string;
|
|
1797
|
-
placeholder?: string;
|
|
1798
2306
|
readOnly?: boolean;
|
|
1799
2307
|
required?: boolean;
|
|
1800
|
-
state?:
|
|
2308
|
+
state?: InputMonthState;
|
|
1801
2309
|
step?: number;
|
|
1802
|
-
value?: string;
|
|
2310
|
+
value?: string | null;
|
|
2311
|
+
blur: EventEmitter<CustomEvent<Event>>;
|
|
2312
|
+
change: EventEmitter<CustomEvent<Event>>;
|
|
2313
|
+
input: EventEmitter<CustomEvent<InputEvent>>;
|
|
2314
|
+
constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
|
|
2315
|
+
_onChange: (value: any) => void;
|
|
2316
|
+
_onTouched: () => void;
|
|
2317
|
+
writeValue(value: any): void;
|
|
2318
|
+
registerOnChange(fn: any): void;
|
|
2319
|
+
registerOnTouched(fn: any): void;
|
|
2320
|
+
setDisabledState(isDisabled: boolean): void;
|
|
2321
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PInputMonth, never>;
|
|
2322
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PInputMonth, "p-input-month,[p-input-month]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
2323
|
+
}
|
|
2324
|
+
|
|
2325
|
+
type PInputNumberProps = {
|
|
2326
|
+
/**
|
|
2327
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='postal-code').
|
|
2328
|
+
*/
|
|
2329
|
+
autoComplete?: string;
|
|
2330
|
+
/**
|
|
2331
|
+
* Displays the input field in compact mode.
|
|
2332
|
+
* @default false
|
|
2333
|
+
*/
|
|
2334
|
+
compact?: boolean;
|
|
2335
|
+
/**
|
|
2336
|
+
* Show or hide the increment/decrement stepper controls.
|
|
2337
|
+
* @default false
|
|
2338
|
+
*/
|
|
2339
|
+
controls?: boolean;
|
|
2340
|
+
/**
|
|
2341
|
+
* Supplementary text providing more context or explanation for the input.
|
|
2342
|
+
* @default ''
|
|
2343
|
+
*/
|
|
2344
|
+
description?: string;
|
|
2345
|
+
/**
|
|
2346
|
+
* Disables the input field. The value will not be submitted with the form.
|
|
2347
|
+
* @default false
|
|
2348
|
+
*/
|
|
2349
|
+
disabled?: boolean;
|
|
2350
|
+
/**
|
|
2351
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
2352
|
+
*/
|
|
2353
|
+
form?: string;
|
|
2354
|
+
/**
|
|
2355
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
2356
|
+
* @default false
|
|
2357
|
+
*/
|
|
2358
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2359
|
+
/**
|
|
2360
|
+
* Text content for a user-facing label.
|
|
2361
|
+
* @default ''
|
|
2362
|
+
*/
|
|
2363
|
+
label?: string;
|
|
2364
|
+
/**
|
|
2365
|
+
* @experimental Shows a loading indicator.
|
|
2366
|
+
* @default false
|
|
2367
|
+
*/
|
|
2368
|
+
loading?: boolean;
|
|
2369
|
+
/**
|
|
2370
|
+
* The max value of the number input.
|
|
2371
|
+
*/
|
|
2372
|
+
max?: number;
|
|
2373
|
+
/**
|
|
2374
|
+
* Dynamic feedback text for validation or status.
|
|
2375
|
+
* @default ''
|
|
2376
|
+
*/
|
|
2377
|
+
message?: string;
|
|
2378
|
+
/**
|
|
2379
|
+
* The min value of the number input.
|
|
2380
|
+
*/
|
|
2381
|
+
min?: number;
|
|
2382
|
+
/**
|
|
2383
|
+
* The name of the input field, used when submitting the form data.
|
|
2384
|
+
*/
|
|
2385
|
+
name: string;
|
|
2386
|
+
/**
|
|
2387
|
+
* A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Enter a number'). This text is displayed when the input field is empty.
|
|
2388
|
+
* @default ''
|
|
2389
|
+
*/
|
|
2390
|
+
placeholder?: string;
|
|
2391
|
+
/**
|
|
2392
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
2393
|
+
* @default false
|
|
2394
|
+
*/
|
|
2395
|
+
readOnly?: boolean;
|
|
2396
|
+
/**
|
|
2397
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
2398
|
+
* @default false
|
|
2399
|
+
*/
|
|
2400
|
+
required?: boolean;
|
|
2401
|
+
/**
|
|
2402
|
+
* Indicates the validation or overall status of the input component.
|
|
2403
|
+
* @default 'none'
|
|
2404
|
+
*/
|
|
2405
|
+
state?: InputNumberState;
|
|
2406
|
+
/**
|
|
2407
|
+
* The granularity that the value must adhere to.
|
|
2408
|
+
* @default 1
|
|
2409
|
+
*/
|
|
2410
|
+
step?: number;
|
|
2411
|
+
/**
|
|
2412
|
+
* The value of the number input.
|
|
2413
|
+
* @default ''
|
|
2414
|
+
*/
|
|
2415
|
+
value?: string | number | null;
|
|
2416
|
+
};
|
|
2417
|
+
declare class PInputNumber extends BaseComponent implements ControlValueAccessor {
|
|
2418
|
+
private _renderer;
|
|
2419
|
+
private _elementRef;
|
|
2420
|
+
private _cdr;
|
|
2421
|
+
autoComplete?: string;
|
|
2422
|
+
compact?: boolean;
|
|
2423
|
+
controls?: boolean;
|
|
2424
|
+
description?: string;
|
|
2425
|
+
disabled?: boolean;
|
|
2426
|
+
form?: string;
|
|
2427
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2428
|
+
label?: string;
|
|
2429
|
+
loading?: boolean;
|
|
2430
|
+
max?: number;
|
|
2431
|
+
message?: string;
|
|
2432
|
+
min?: number;
|
|
2433
|
+
name: string;
|
|
2434
|
+
placeholder?: string;
|
|
2435
|
+
readOnly?: boolean;
|
|
2436
|
+
required?: boolean;
|
|
2437
|
+
state?: InputNumberState;
|
|
2438
|
+
step?: number;
|
|
2439
|
+
value?: string | number | null;
|
|
1803
2440
|
blur: EventEmitter<CustomEvent<Event>>;
|
|
1804
2441
|
change: EventEmitter<CustomEvent<Event>>;
|
|
1805
2442
|
input: EventEmitter<CustomEvent<InputEvent>>;
|
|
@@ -1814,6 +2451,93 @@ declare class PInputNumber extends BaseComponent implements ControlValueAccessor
|
|
|
1814
2451
|
static ɵcmp: i0.ɵɵComponentDeclaration<PInputNumber, "p-input-number,[p-input-number]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
1815
2452
|
}
|
|
1816
2453
|
|
|
2454
|
+
type PInputPasswordProps = {
|
|
2455
|
+
/**
|
|
2456
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='current-password', autocomplete='new-password').
|
|
2457
|
+
*/
|
|
2458
|
+
autoComplete?: string;
|
|
2459
|
+
/**
|
|
2460
|
+
* Displays the input field in compact mode.
|
|
2461
|
+
* @default false
|
|
2462
|
+
*/
|
|
2463
|
+
compact?: boolean;
|
|
2464
|
+
/**
|
|
2465
|
+
* Supplementary text providing more context or explanation for the input.
|
|
2466
|
+
* @default ''
|
|
2467
|
+
*/
|
|
2468
|
+
description?: string;
|
|
2469
|
+
/**
|
|
2470
|
+
* Disables the input field. The value will not be submitted with the form.
|
|
2471
|
+
* @default false
|
|
2472
|
+
*/
|
|
2473
|
+
disabled?: boolean;
|
|
2474
|
+
/**
|
|
2475
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
2476
|
+
*/
|
|
2477
|
+
form?: string;
|
|
2478
|
+
/**
|
|
2479
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
2480
|
+
* @default false
|
|
2481
|
+
*/
|
|
2482
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2483
|
+
/**
|
|
2484
|
+
* Text content for a user-facing label.
|
|
2485
|
+
* @default ''
|
|
2486
|
+
*/
|
|
2487
|
+
label?: string;
|
|
2488
|
+
/**
|
|
2489
|
+
* @experimental Shows a loading indicator.
|
|
2490
|
+
* @default false
|
|
2491
|
+
*/
|
|
2492
|
+
loading?: boolean;
|
|
2493
|
+
/**
|
|
2494
|
+
* A non-negative integer specifying the maximum number of characters the user can enter into the input.
|
|
2495
|
+
*/
|
|
2496
|
+
maxLength?: number;
|
|
2497
|
+
/**
|
|
2498
|
+
* Dynamic feedback text for validation or status.
|
|
2499
|
+
* @default ''
|
|
2500
|
+
*/
|
|
2501
|
+
message?: string;
|
|
2502
|
+
/**
|
|
2503
|
+
* A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
|
|
2504
|
+
*/
|
|
2505
|
+
minLength?: number;
|
|
2506
|
+
/**
|
|
2507
|
+
* The name of the input field, used when submitting the form data.
|
|
2508
|
+
*/
|
|
2509
|
+
name: string;
|
|
2510
|
+
/**
|
|
2511
|
+
* A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Enter your password'). This text is displayed when the input field is empty.
|
|
2512
|
+
* @default ''
|
|
2513
|
+
*/
|
|
2514
|
+
placeholder?: string;
|
|
2515
|
+
/**
|
|
2516
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
2517
|
+
* @default false
|
|
2518
|
+
*/
|
|
2519
|
+
readOnly?: boolean;
|
|
2520
|
+
/**
|
|
2521
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
2522
|
+
* @default false
|
|
2523
|
+
*/
|
|
2524
|
+
required?: boolean;
|
|
2525
|
+
/**
|
|
2526
|
+
* Indicates the validation or overall status of the input component.
|
|
2527
|
+
* @default 'none'
|
|
2528
|
+
*/
|
|
2529
|
+
state?: InputPasswordState;
|
|
2530
|
+
/**
|
|
2531
|
+
* Show or hide password toggle for `input type="password"`.
|
|
2532
|
+
* @default false
|
|
2533
|
+
*/
|
|
2534
|
+
toggle?: boolean;
|
|
2535
|
+
/**
|
|
2536
|
+
* The password input value.
|
|
2537
|
+
* @default ''
|
|
2538
|
+
*/
|
|
2539
|
+
value?: string | null;
|
|
2540
|
+
};
|
|
1817
2541
|
declare class PInputPassword extends BaseComponent implements ControlValueAccessor {
|
|
1818
2542
|
private _renderer;
|
|
1819
2543
|
private _elementRef;
|
|
@@ -1835,7 +2559,7 @@ declare class PInputPassword extends BaseComponent implements ControlValueAccess
|
|
|
1835
2559
|
required?: boolean;
|
|
1836
2560
|
state?: InputPasswordState;
|
|
1837
2561
|
toggle?: boolean;
|
|
1838
|
-
value?: string;
|
|
2562
|
+
value?: string | null;
|
|
1839
2563
|
blur: EventEmitter<CustomEvent<Event>>;
|
|
1840
2564
|
change: EventEmitter<CustomEvent<Event>>;
|
|
1841
2565
|
input: EventEmitter<CustomEvent<InputEvent>>;
|
|
@@ -1850,6 +2574,102 @@ declare class PInputPassword extends BaseComponent implements ControlValueAccess
|
|
|
1850
2574
|
static ɵcmp: i0.ɵɵComponentDeclaration<PInputPassword, "p-input-password,[p-input-password]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "toggle": { "alias": "toggle"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
1851
2575
|
}
|
|
1852
2576
|
|
|
2577
|
+
type PInputSearchProps = {
|
|
2578
|
+
/**
|
|
2579
|
+
* Additional ARIA attributes for the native search input (e.g. `role="combobox"`, `aria-expanded`).
|
|
2580
|
+
*/
|
|
2581
|
+
aria?: SelectedAriaAttributes<InputSearchAriaAttribute>;
|
|
2582
|
+
/**
|
|
2583
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='on').
|
|
2584
|
+
*/
|
|
2585
|
+
autoComplete?: string;
|
|
2586
|
+
/**
|
|
2587
|
+
* Show clear input value button
|
|
2588
|
+
* @default false
|
|
2589
|
+
*/
|
|
2590
|
+
clear?: boolean;
|
|
2591
|
+
/**
|
|
2592
|
+
* Displays the input field in compact mode.
|
|
2593
|
+
* @default false
|
|
2594
|
+
*/
|
|
2595
|
+
compact?: boolean;
|
|
2596
|
+
/**
|
|
2597
|
+
* Supplementary text providing more context or explanation for the input.
|
|
2598
|
+
* @default ''
|
|
2599
|
+
*/
|
|
2600
|
+
description?: string;
|
|
2601
|
+
/**
|
|
2602
|
+
* Disables the input field. The value will not be submitted with the form.
|
|
2603
|
+
* @default false
|
|
2604
|
+
*/
|
|
2605
|
+
disabled?: boolean;
|
|
2606
|
+
/**
|
|
2607
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
2608
|
+
*/
|
|
2609
|
+
form?: string;
|
|
2610
|
+
/**
|
|
2611
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
2612
|
+
* @default false
|
|
2613
|
+
*/
|
|
2614
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2615
|
+
/**
|
|
2616
|
+
* Show search indicator icon
|
|
2617
|
+
* @default false
|
|
2618
|
+
*/
|
|
2619
|
+
indicator?: boolean;
|
|
2620
|
+
/**
|
|
2621
|
+
* Text content for a user-facing label.
|
|
2622
|
+
* @default ''
|
|
2623
|
+
*/
|
|
2624
|
+
label?: string;
|
|
2625
|
+
/**
|
|
2626
|
+
* @experimental Shows a loading indicator.
|
|
2627
|
+
* @default false
|
|
2628
|
+
*/
|
|
2629
|
+
loading?: boolean;
|
|
2630
|
+
/**
|
|
2631
|
+
* A non-negative integer specifying the maximum number of characters the user can enter into the input.
|
|
2632
|
+
*/
|
|
2633
|
+
maxLength?: number;
|
|
2634
|
+
/**
|
|
2635
|
+
* Dynamic feedback text for validation or status.
|
|
2636
|
+
* @default ''
|
|
2637
|
+
*/
|
|
2638
|
+
message?: string;
|
|
2639
|
+
/**
|
|
2640
|
+
* A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
|
|
2641
|
+
*/
|
|
2642
|
+
minLength?: number;
|
|
2643
|
+
/**
|
|
2644
|
+
* The name of the input field, used when submitting the form data.
|
|
2645
|
+
*/
|
|
2646
|
+
name: string;
|
|
2647
|
+
/**
|
|
2648
|
+
* A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Search...'). This text is displayed when the input field is empty.
|
|
2649
|
+
* @default ''
|
|
2650
|
+
*/
|
|
2651
|
+
placeholder?: string;
|
|
2652
|
+
/**
|
|
2653
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
2654
|
+
* @default false
|
|
2655
|
+
*/
|
|
2656
|
+
readOnly?: boolean;
|
|
2657
|
+
/**
|
|
2658
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
2659
|
+
* @default false
|
|
2660
|
+
*/
|
|
2661
|
+
required?: boolean;
|
|
2662
|
+
/**
|
|
2663
|
+
* Indicates the validation or overall status of the input component.
|
|
2664
|
+
* @default 'none'
|
|
2665
|
+
*/
|
|
2666
|
+
state?: InputSearchState;
|
|
2667
|
+
/**
|
|
2668
|
+
* The search input value.
|
|
2669
|
+
* @default ''
|
|
2670
|
+
*/
|
|
2671
|
+
value?: string | null;
|
|
2672
|
+
};
|
|
1853
2673
|
declare class PInputSearch extends BaseComponent implements ControlValueAccessor {
|
|
1854
2674
|
private _renderer;
|
|
1855
2675
|
private _elementRef;
|
|
@@ -1873,7 +2693,7 @@ declare class PInputSearch extends BaseComponent implements ControlValueAccessor
|
|
|
1873
2693
|
readOnly?: boolean;
|
|
1874
2694
|
required?: boolean;
|
|
1875
2695
|
state?: InputSearchState;
|
|
1876
|
-
value?: string;
|
|
2696
|
+
value?: string | null;
|
|
1877
2697
|
blur: EventEmitter<CustomEvent<Event>>;
|
|
1878
2698
|
change: EventEmitter<CustomEvent<Event>>;
|
|
1879
2699
|
input: EventEmitter<CustomEvent<InputEvent>>;
|
|
@@ -1888,6 +2708,97 @@ declare class PInputSearch extends BaseComponent implements ControlValueAccessor
|
|
|
1888
2708
|
static ɵcmp: i0.ɵɵComponentDeclaration<PInputSearch, "p-input-search,[p-input-search]", never, { "aria": { "alias": "aria"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "clear": { "alias": "clear"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
1889
2709
|
}
|
|
1890
2710
|
|
|
2711
|
+
type PInputTelProps = {
|
|
2712
|
+
/**
|
|
2713
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='tel').
|
|
2714
|
+
*/
|
|
2715
|
+
autoComplete?: string;
|
|
2716
|
+
/**
|
|
2717
|
+
* Displays the input field in compact mode.
|
|
2718
|
+
* @default false
|
|
2719
|
+
*/
|
|
2720
|
+
compact?: boolean;
|
|
2721
|
+
/**
|
|
2722
|
+
* Supplementary text providing more context or explanation for the input.
|
|
2723
|
+
* @default ''
|
|
2724
|
+
*/
|
|
2725
|
+
description?: string;
|
|
2726
|
+
/**
|
|
2727
|
+
* Disables the input field. The value will not be submitted with the form.
|
|
2728
|
+
* @default false
|
|
2729
|
+
*/
|
|
2730
|
+
disabled?: boolean;
|
|
2731
|
+
/**
|
|
2732
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
2733
|
+
*/
|
|
2734
|
+
form?: string;
|
|
2735
|
+
/**
|
|
2736
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
2737
|
+
* @default false
|
|
2738
|
+
*/
|
|
2739
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2740
|
+
/**
|
|
2741
|
+
* Controls the visibility of the phone icon.
|
|
2742
|
+
* @default false
|
|
2743
|
+
*/
|
|
2744
|
+
indicator?: boolean;
|
|
2745
|
+
/**
|
|
2746
|
+
* Text content for a user-facing label.
|
|
2747
|
+
* @default ''
|
|
2748
|
+
*/
|
|
2749
|
+
label?: string;
|
|
2750
|
+
/**
|
|
2751
|
+
* @experimental Shows a loading indicator.
|
|
2752
|
+
* @default false
|
|
2753
|
+
*/
|
|
2754
|
+
loading?: boolean;
|
|
2755
|
+
/**
|
|
2756
|
+
* A non-negative integer specifying the maximum number of characters the user can enter into the input.
|
|
2757
|
+
*/
|
|
2758
|
+
maxLength?: number;
|
|
2759
|
+
/**
|
|
2760
|
+
* Dynamic feedback text for validation or status.
|
|
2761
|
+
* @default ''
|
|
2762
|
+
*/
|
|
2763
|
+
message?: string;
|
|
2764
|
+
/**
|
|
2765
|
+
* A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
|
|
2766
|
+
*/
|
|
2767
|
+
minLength?: number;
|
|
2768
|
+
/**
|
|
2769
|
+
* The name of the input field, used when submitting the form data.
|
|
2770
|
+
*/
|
|
2771
|
+
name: string;
|
|
2772
|
+
/**
|
|
2773
|
+
* Specifies a regular expression that the input's value must match for the value to pass constraint validation. This allows for more specific tel validation rules than the browser's default. If provided, it overrides the browser's default tel validation.
|
|
2774
|
+
*/
|
|
2775
|
+
pattern?: string;
|
|
2776
|
+
/**
|
|
2777
|
+
* A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='(123) 456-7890')
|
|
2778
|
+
* @default ''
|
|
2779
|
+
*/
|
|
2780
|
+
placeholder?: string;
|
|
2781
|
+
/**
|
|
2782
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
2783
|
+
* @default false
|
|
2784
|
+
*/
|
|
2785
|
+
readOnly?: boolean;
|
|
2786
|
+
/**
|
|
2787
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
2788
|
+
* @default false
|
|
2789
|
+
*/
|
|
2790
|
+
required?: boolean;
|
|
2791
|
+
/**
|
|
2792
|
+
* Indicates the validation or overall status of the input component.
|
|
2793
|
+
* @default 'none'
|
|
2794
|
+
*/
|
|
2795
|
+
state?: InputTelState;
|
|
2796
|
+
/**
|
|
2797
|
+
* The tel input value.
|
|
2798
|
+
* @default ''
|
|
2799
|
+
*/
|
|
2800
|
+
value?: string | null;
|
|
2801
|
+
};
|
|
1891
2802
|
declare class PInputTel extends BaseComponent implements ControlValueAccessor {
|
|
1892
2803
|
private _renderer;
|
|
1893
2804
|
private _elementRef;
|
|
@@ -1910,7 +2821,7 @@ declare class PInputTel extends BaseComponent implements ControlValueAccessor {
|
|
|
1910
2821
|
readOnly?: boolean;
|
|
1911
2822
|
required?: boolean;
|
|
1912
2823
|
state?: InputTelState;
|
|
1913
|
-
value?: string;
|
|
2824
|
+
value?: string | null;
|
|
1914
2825
|
blur: EventEmitter<CustomEvent<Event>>;
|
|
1915
2826
|
change: EventEmitter<CustomEvent<Event>>;
|
|
1916
2827
|
input: EventEmitter<CustomEvent<InputEvent>>;
|
|
@@ -1925,29 +2836,365 @@ declare class PInputTel extends BaseComponent implements ControlValueAccessor {
|
|
|
1925
2836
|
static ɵcmp: i0.ɵɵComponentDeclaration<PInputTel, "p-input-tel,[p-input-tel]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
1926
2837
|
}
|
|
1927
2838
|
|
|
2839
|
+
type PInputTextProps = {
|
|
2840
|
+
/**
|
|
2841
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='name').
|
|
2842
|
+
*/
|
|
2843
|
+
autoComplete?: string;
|
|
2844
|
+
/**
|
|
2845
|
+
* Displays the input field in compact mode.
|
|
2846
|
+
* @default false
|
|
2847
|
+
*/
|
|
2848
|
+
compact?: boolean;
|
|
2849
|
+
/**
|
|
2850
|
+
* Show or hide the character counter.
|
|
2851
|
+
* @default false
|
|
2852
|
+
*/
|
|
2853
|
+
counter?: boolean;
|
|
2854
|
+
/**
|
|
2855
|
+
* Supplementary text providing more context or explanation for the input.
|
|
2856
|
+
* @default ''
|
|
2857
|
+
*/
|
|
2858
|
+
description?: string;
|
|
2859
|
+
/**
|
|
2860
|
+
* Disables the input field. The value will not be submitted with the form.
|
|
2861
|
+
* @default false
|
|
2862
|
+
*/
|
|
2863
|
+
disabled?: boolean;
|
|
2864
|
+
/**
|
|
2865
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
2866
|
+
*/
|
|
2867
|
+
form?: string;
|
|
2868
|
+
/**
|
|
2869
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
2870
|
+
* @default false
|
|
2871
|
+
*/
|
|
2872
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2873
|
+
/**
|
|
2874
|
+
* Text content for a user-facing label.
|
|
2875
|
+
* @default ''
|
|
2876
|
+
*/
|
|
2877
|
+
label?: string;
|
|
2878
|
+
/**
|
|
2879
|
+
* @experimental Shows a loading indicator.
|
|
2880
|
+
* @default false
|
|
2881
|
+
*/
|
|
2882
|
+
loading?: boolean;
|
|
2883
|
+
/**
|
|
2884
|
+
* A non-negative integer specifying the maximum number of characters the user can enter into the input.
|
|
2885
|
+
*/
|
|
2886
|
+
maxLength?: number;
|
|
2887
|
+
/**
|
|
2888
|
+
* Dynamic feedback text for validation or status.
|
|
2889
|
+
* @default ''
|
|
2890
|
+
*/
|
|
2891
|
+
message?: string;
|
|
2892
|
+
/**
|
|
2893
|
+
* A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
|
|
2894
|
+
*/
|
|
2895
|
+
minLength?: number;
|
|
2896
|
+
/**
|
|
2897
|
+
* The name of the input field, used when submitting the form data.
|
|
2898
|
+
*/
|
|
2899
|
+
name: string;
|
|
2900
|
+
/**
|
|
2901
|
+
* A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Enter your full name'). This text is displayed when the input field is empty.
|
|
2902
|
+
* @default ''
|
|
2903
|
+
*/
|
|
2904
|
+
placeholder?: string;
|
|
2905
|
+
/**
|
|
2906
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
2907
|
+
* @default false
|
|
2908
|
+
*/
|
|
2909
|
+
readOnly?: boolean;
|
|
2910
|
+
/**
|
|
2911
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
2912
|
+
* @default false
|
|
2913
|
+
*/
|
|
2914
|
+
required?: boolean;
|
|
2915
|
+
/**
|
|
2916
|
+
* Indicate whether to enable spell-checking.
|
|
2917
|
+
*/
|
|
2918
|
+
spellCheck?: boolean;
|
|
2919
|
+
/**
|
|
2920
|
+
* Indicates the validation or overall status of the input component.
|
|
2921
|
+
* @default 'none'
|
|
2922
|
+
*/
|
|
2923
|
+
state?: InputTextState;
|
|
2924
|
+
/**
|
|
2925
|
+
* The text input value.
|
|
2926
|
+
* @default ''
|
|
2927
|
+
*/
|
|
2928
|
+
value?: string | number | null;
|
|
2929
|
+
};
|
|
1928
2930
|
declare class PInputText extends BaseComponent implements ControlValueAccessor {
|
|
1929
2931
|
private _renderer;
|
|
1930
2932
|
private _elementRef;
|
|
1931
2933
|
private _cdr;
|
|
1932
2934
|
autoComplete?: string;
|
|
1933
2935
|
compact?: boolean;
|
|
1934
|
-
counter?: boolean;
|
|
2936
|
+
counter?: boolean;
|
|
2937
|
+
description?: string;
|
|
2938
|
+
disabled?: boolean;
|
|
2939
|
+
form?: string;
|
|
2940
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2941
|
+
label?: string;
|
|
2942
|
+
loading?: boolean;
|
|
2943
|
+
maxLength?: number;
|
|
2944
|
+
message?: string;
|
|
2945
|
+
minLength?: number;
|
|
2946
|
+
name: string;
|
|
2947
|
+
placeholder?: string;
|
|
2948
|
+
readOnly?: boolean;
|
|
2949
|
+
required?: boolean;
|
|
2950
|
+
spellCheck?: boolean;
|
|
2951
|
+
state?: InputTextState;
|
|
2952
|
+
value?: string | number | null;
|
|
2953
|
+
blur: EventEmitter<CustomEvent<Event>>;
|
|
2954
|
+
change: EventEmitter<CustomEvent<Event>>;
|
|
2955
|
+
input: EventEmitter<CustomEvent<InputEvent>>;
|
|
2956
|
+
constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
|
|
2957
|
+
_onChange: (value: any) => void;
|
|
2958
|
+
_onTouched: () => void;
|
|
2959
|
+
writeValue(value: any): void;
|
|
2960
|
+
registerOnChange(fn: any): void;
|
|
2961
|
+
registerOnTouched(fn: any): void;
|
|
2962
|
+
setDisabledState(isDisabled: boolean): void;
|
|
2963
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PInputText, never>;
|
|
2964
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PInputText, "p-input-text,[p-input-text]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "spellCheck": { "alias": "spellCheck"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
2965
|
+
}
|
|
2966
|
+
|
|
2967
|
+
type PInputTimeProps = {
|
|
2968
|
+
/**
|
|
2969
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='on').
|
|
2970
|
+
*/
|
|
2971
|
+
autoComplete?: string;
|
|
2972
|
+
/**
|
|
2973
|
+
* Displays the input field in compact mode.
|
|
2974
|
+
* @default false
|
|
2975
|
+
*/
|
|
2976
|
+
compact?: boolean;
|
|
2977
|
+
/**
|
|
2978
|
+
* Supplementary text providing more context or explanation for the input.
|
|
2979
|
+
* @default ''
|
|
2980
|
+
*/
|
|
2981
|
+
description?: string;
|
|
2982
|
+
/**
|
|
2983
|
+
* Disables the input field. The value will not be submitted with the form.
|
|
2984
|
+
* @default false
|
|
2985
|
+
*/
|
|
2986
|
+
disabled?: boolean;
|
|
2987
|
+
/**
|
|
2988
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
2989
|
+
*/
|
|
2990
|
+
form?: string;
|
|
2991
|
+
/**
|
|
2992
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
2993
|
+
* @default false
|
|
2994
|
+
*/
|
|
2995
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2996
|
+
/**
|
|
2997
|
+
* Text content for a user-facing label.
|
|
2998
|
+
* @default ''
|
|
2999
|
+
*/
|
|
3000
|
+
label?: string;
|
|
3001
|
+
/**
|
|
3002
|
+
* @experimental Shows a loading indicator.
|
|
3003
|
+
* @default false
|
|
3004
|
+
*/
|
|
3005
|
+
loading?: boolean;
|
|
3006
|
+
/**
|
|
3007
|
+
* Specifies the latest time that can be selected. The value must be a time string in hh:mm or hh:mm:ss format (e.g., max='17:30').
|
|
3008
|
+
*/
|
|
3009
|
+
max?: string;
|
|
3010
|
+
/**
|
|
3011
|
+
* Dynamic feedback text for validation or status.
|
|
3012
|
+
* @default ''
|
|
3013
|
+
*/
|
|
3014
|
+
message?: string;
|
|
3015
|
+
/**
|
|
3016
|
+
* Specifies the earliest time that can be selected. The value must be a time string in hh:mm or hh:mm:ss format (e.g., min='09:00').
|
|
3017
|
+
*/
|
|
3018
|
+
min?: string;
|
|
3019
|
+
/**
|
|
3020
|
+
* The name of the input field, used when submitting the form data.
|
|
3021
|
+
*/
|
|
3022
|
+
name: string;
|
|
3023
|
+
/**
|
|
3024
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
3025
|
+
* @default false
|
|
3026
|
+
*/
|
|
3027
|
+
readOnly?: boolean;
|
|
3028
|
+
/**
|
|
3029
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
3030
|
+
* @default false
|
|
3031
|
+
*/
|
|
3032
|
+
required?: boolean;
|
|
3033
|
+
/**
|
|
3034
|
+
* Indicates the validation or overall status of the input component.
|
|
3035
|
+
* @default 'none'
|
|
3036
|
+
*/
|
|
3037
|
+
state?: InputTimeState;
|
|
3038
|
+
/**
|
|
3039
|
+
* Defines the granularity of the time input. The step value is given in seconds. The default is 60 (one minute). You can also specify smaller increments (e.g., step='1' for seconds, step='0.001' for milliseconds).
|
|
3040
|
+
* @default 60
|
|
3041
|
+
*/
|
|
3042
|
+
step?: number;
|
|
3043
|
+
/**
|
|
3044
|
+
* The default time value for the input, in hh:mm or hh:mm:ss format (e.g., value='14:00').
|
|
3045
|
+
* @default ''
|
|
3046
|
+
*/
|
|
3047
|
+
value?: string | null;
|
|
3048
|
+
};
|
|
3049
|
+
declare class PInputTime extends BaseComponent implements ControlValueAccessor {
|
|
3050
|
+
private _renderer;
|
|
3051
|
+
private _elementRef;
|
|
3052
|
+
private _cdr;
|
|
3053
|
+
autoComplete?: string;
|
|
3054
|
+
compact?: boolean;
|
|
3055
|
+
description?: string;
|
|
3056
|
+
disabled?: boolean;
|
|
3057
|
+
form?: string;
|
|
3058
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
3059
|
+
label?: string;
|
|
3060
|
+
loading?: boolean;
|
|
3061
|
+
max?: string;
|
|
3062
|
+
message?: string;
|
|
3063
|
+
min?: string;
|
|
3064
|
+
name: string;
|
|
3065
|
+
readOnly?: boolean;
|
|
3066
|
+
required?: boolean;
|
|
3067
|
+
state?: InputTimeState;
|
|
3068
|
+
step?: number;
|
|
3069
|
+
value?: string | null;
|
|
3070
|
+
blur: EventEmitter<CustomEvent<Event>>;
|
|
3071
|
+
change: EventEmitter<CustomEvent<Event>>;
|
|
3072
|
+
input: EventEmitter<CustomEvent<InputEvent>>;
|
|
3073
|
+
constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
|
|
3074
|
+
_onChange: (value: any) => void;
|
|
3075
|
+
_onTouched: () => void;
|
|
3076
|
+
writeValue(value: any): void;
|
|
3077
|
+
registerOnChange(fn: any): void;
|
|
3078
|
+
registerOnTouched(fn: any): void;
|
|
3079
|
+
setDisabledState(isDisabled: boolean): void;
|
|
3080
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PInputTime, never>;
|
|
3081
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PInputTime, "p-input-time,[p-input-time]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
3082
|
+
}
|
|
3083
|
+
|
|
3084
|
+
type PInputUrlProps = {
|
|
3085
|
+
/**
|
|
3086
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='url').
|
|
3087
|
+
*/
|
|
3088
|
+
autoComplete?: string;
|
|
3089
|
+
/**
|
|
3090
|
+
* Displays the input field in compact mode.
|
|
3091
|
+
* @default false
|
|
3092
|
+
*/
|
|
3093
|
+
compact?: boolean;
|
|
3094
|
+
/**
|
|
3095
|
+
* Supplementary text providing more context or explanation for the input.
|
|
3096
|
+
* @default ''
|
|
3097
|
+
*/
|
|
3098
|
+
description?: string;
|
|
3099
|
+
/**
|
|
3100
|
+
* Disables the input field. The value will not be submitted with the form.
|
|
3101
|
+
* @default false
|
|
3102
|
+
*/
|
|
3103
|
+
disabled?: boolean;
|
|
3104
|
+
/**
|
|
3105
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
3106
|
+
*/
|
|
3107
|
+
form?: string;
|
|
3108
|
+
/**
|
|
3109
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
3110
|
+
* @default false
|
|
3111
|
+
*/
|
|
3112
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
3113
|
+
/**
|
|
3114
|
+
* Controls the visibility of the URL icon.
|
|
3115
|
+
* @default false
|
|
3116
|
+
*/
|
|
3117
|
+
indicator?: boolean;
|
|
3118
|
+
/**
|
|
3119
|
+
* Text content for a user-facing label.
|
|
3120
|
+
* @default ''
|
|
3121
|
+
*/
|
|
3122
|
+
label?: string;
|
|
3123
|
+
/**
|
|
3124
|
+
* @experimental Shows a loading indicator.
|
|
3125
|
+
* @default false
|
|
3126
|
+
*/
|
|
3127
|
+
loading?: boolean;
|
|
3128
|
+
/**
|
|
3129
|
+
* A non-negative integer specifying the maximum number of characters the user can enter into the input.
|
|
3130
|
+
*/
|
|
3131
|
+
maxLength?: number;
|
|
3132
|
+
/**
|
|
3133
|
+
* Dynamic feedback text for validation or status.
|
|
3134
|
+
* @default ''
|
|
3135
|
+
*/
|
|
3136
|
+
message?: string;
|
|
3137
|
+
/**
|
|
3138
|
+
* A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
|
|
3139
|
+
*/
|
|
3140
|
+
minLength?: number;
|
|
3141
|
+
/**
|
|
3142
|
+
* The name of the input field, used when submitting the form data.
|
|
3143
|
+
*/
|
|
3144
|
+
name: string;
|
|
3145
|
+
/**
|
|
3146
|
+
* Specifies a regular expression that the input's value must match to pass constraint validation. This allows for more specific URL validation rules than the browser's default. If provided, it overrides the browser's default URL validation.
|
|
3147
|
+
*/
|
|
3148
|
+
pattern?: string;
|
|
3149
|
+
/**
|
|
3150
|
+
* A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='https://porsche.com/')
|
|
3151
|
+
* @default ''
|
|
3152
|
+
*/
|
|
3153
|
+
placeholder?: string;
|
|
3154
|
+
/**
|
|
3155
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
3156
|
+
* @default false
|
|
3157
|
+
*/
|
|
3158
|
+
readOnly?: boolean;
|
|
3159
|
+
/**
|
|
3160
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
3161
|
+
* @default false
|
|
3162
|
+
*/
|
|
3163
|
+
required?: boolean;
|
|
3164
|
+
/**
|
|
3165
|
+
* Indicates the validation or overall status of the input component.
|
|
3166
|
+
* @default 'none'
|
|
3167
|
+
*/
|
|
3168
|
+
state?: InputUrlState;
|
|
3169
|
+
/**
|
|
3170
|
+
* The URL input value.
|
|
3171
|
+
* @default ''
|
|
3172
|
+
*/
|
|
3173
|
+
value?: string | null;
|
|
3174
|
+
};
|
|
3175
|
+
declare class PInputUrl extends BaseComponent implements ControlValueAccessor {
|
|
3176
|
+
private _renderer;
|
|
3177
|
+
private _elementRef;
|
|
3178
|
+
private _cdr;
|
|
3179
|
+
autoComplete?: string;
|
|
3180
|
+
compact?: boolean;
|
|
1935
3181
|
description?: string;
|
|
1936
3182
|
disabled?: boolean;
|
|
1937
3183
|
form?: string;
|
|
1938
3184
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
3185
|
+
indicator?: boolean;
|
|
1939
3186
|
label?: string;
|
|
1940
3187
|
loading?: boolean;
|
|
1941
3188
|
maxLength?: number;
|
|
1942
3189
|
message?: string;
|
|
1943
3190
|
minLength?: number;
|
|
1944
3191
|
name: string;
|
|
3192
|
+
pattern?: string;
|
|
1945
3193
|
placeholder?: string;
|
|
1946
3194
|
readOnly?: boolean;
|
|
1947
3195
|
required?: boolean;
|
|
1948
|
-
|
|
1949
|
-
|
|
1950
|
-
value?: string;
|
|
3196
|
+
state?: InputUrlState;
|
|
3197
|
+
value?: string | null;
|
|
1951
3198
|
blur: EventEmitter<CustomEvent<Event>>;
|
|
1952
3199
|
change: EventEmitter<CustomEvent<Event>>;
|
|
1953
3200
|
input: EventEmitter<CustomEvent<InputEvent>>;
|
|
@@ -1958,46 +3205,93 @@ declare class PInputText extends BaseComponent implements ControlValueAccessor {
|
|
|
1958
3205
|
registerOnChange(fn: any): void;
|
|
1959
3206
|
registerOnTouched(fn: any): void;
|
|
1960
3207
|
setDisabledState(isDisabled: boolean): void;
|
|
1961
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
1962
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
3208
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PInputUrl, never>;
|
|
3209
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PInputUrl, "p-input-url,[p-input-url]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
1963
3210
|
}
|
|
1964
3211
|
|
|
1965
|
-
|
|
1966
|
-
|
|
1967
|
-
|
|
1968
|
-
|
|
3212
|
+
type PInputWeekProps = {
|
|
3213
|
+
/**
|
|
3214
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features.
|
|
3215
|
+
*/
|
|
1969
3216
|
autoComplete?: string;
|
|
3217
|
+
/**
|
|
3218
|
+
* Displays the input field in compact mode.
|
|
3219
|
+
* @default false
|
|
3220
|
+
*/
|
|
1970
3221
|
compact?: boolean;
|
|
3222
|
+
/**
|
|
3223
|
+
* Supplementary text providing more context or explanation for the input.
|
|
3224
|
+
* @default ''
|
|
3225
|
+
*/
|
|
1971
3226
|
description?: string;
|
|
3227
|
+
/**
|
|
3228
|
+
* Disables the input field. The value will not be submitted with the form.
|
|
3229
|
+
* @default false
|
|
3230
|
+
*/
|
|
1972
3231
|
disabled?: boolean;
|
|
3232
|
+
/**
|
|
3233
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
3234
|
+
*/
|
|
1973
3235
|
form?: string;
|
|
3236
|
+
/**
|
|
3237
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
3238
|
+
* @default false
|
|
3239
|
+
*/
|
|
1974
3240
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
3241
|
+
/**
|
|
3242
|
+
* Text content for a user-facing label.
|
|
3243
|
+
* @default ''
|
|
3244
|
+
*/
|
|
1975
3245
|
label?: string;
|
|
3246
|
+
/**
|
|
3247
|
+
* @experimental Shows a loading indicator.
|
|
3248
|
+
* @default false
|
|
3249
|
+
*/
|
|
1976
3250
|
loading?: boolean;
|
|
3251
|
+
/**
|
|
3252
|
+
* Specifies the latest week that can be selected. The value must be a week string in YYYY-Www format (e.g., max='2024-W52').
|
|
3253
|
+
*/
|
|
1977
3254
|
max?: string;
|
|
3255
|
+
/**
|
|
3256
|
+
* Dynamic feedback text for validation or status.
|
|
3257
|
+
* @default ''
|
|
3258
|
+
*/
|
|
1978
3259
|
message?: string;
|
|
3260
|
+
/**
|
|
3261
|
+
* Specifies the earliest week that can be selected. The value must be a week string in YYYY-Www format (e.g., min='2024-W01').
|
|
3262
|
+
*/
|
|
1979
3263
|
min?: string;
|
|
3264
|
+
/**
|
|
3265
|
+
* The name of the input field, used when submitting the form data.
|
|
3266
|
+
*/
|
|
1980
3267
|
name: string;
|
|
3268
|
+
/**
|
|
3269
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
3270
|
+
* @default false
|
|
3271
|
+
*/
|
|
1981
3272
|
readOnly?: boolean;
|
|
3273
|
+
/**
|
|
3274
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
3275
|
+
* @default false
|
|
3276
|
+
*/
|
|
1982
3277
|
required?: boolean;
|
|
1983
|
-
|
|
3278
|
+
/**
|
|
3279
|
+
* Indicates the validation or overall status of the input component.
|
|
3280
|
+
* @default 'none'
|
|
3281
|
+
*/
|
|
3282
|
+
state?: InputWeekState;
|
|
3283
|
+
/**
|
|
3284
|
+
* Defines the stepping interval in weeks. For example, step="1" increments by 1 week. The default is 1 week.
|
|
3285
|
+
* @default 1
|
|
3286
|
+
*/
|
|
1984
3287
|
step?: number;
|
|
1985
|
-
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
1991
|
-
|
|
1992
|
-
writeValue(value: any): void;
|
|
1993
|
-
registerOnChange(fn: any): void;
|
|
1994
|
-
registerOnTouched(fn: any): void;
|
|
1995
|
-
setDisabledState(isDisabled: boolean): void;
|
|
1996
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PInputTime, never>;
|
|
1997
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PInputTime, "p-input-time,[p-input-time]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
1998
|
-
}
|
|
1999
|
-
|
|
2000
|
-
declare class PInputUrl extends BaseComponent implements ControlValueAccessor {
|
|
3288
|
+
/**
|
|
3289
|
+
* The default week value for the input, in YYYY-Www format (e.g., value='2025-W27').
|
|
3290
|
+
* @default ''
|
|
3291
|
+
*/
|
|
3292
|
+
value?: string | null;
|
|
3293
|
+
};
|
|
3294
|
+
declare class PInputWeek extends BaseComponent implements ControlValueAccessor {
|
|
2001
3295
|
private _renderer;
|
|
2002
3296
|
private _elementRef;
|
|
2003
3297
|
private _cdr;
|
|
@@ -2007,19 +3301,17 @@ declare class PInputUrl extends BaseComponent implements ControlValueAccessor {
|
|
|
2007
3301
|
disabled?: boolean;
|
|
2008
3302
|
form?: string;
|
|
2009
3303
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2010
|
-
indicator?: boolean;
|
|
2011
3304
|
label?: string;
|
|
2012
3305
|
loading?: boolean;
|
|
2013
|
-
|
|
3306
|
+
max?: string;
|
|
2014
3307
|
message?: string;
|
|
2015
|
-
|
|
3308
|
+
min?: string;
|
|
2016
3309
|
name: string;
|
|
2017
|
-
pattern?: string;
|
|
2018
|
-
placeholder?: string;
|
|
2019
3310
|
readOnly?: boolean;
|
|
2020
3311
|
required?: boolean;
|
|
2021
|
-
state?:
|
|
2022
|
-
|
|
3312
|
+
state?: InputWeekState;
|
|
3313
|
+
step?: number;
|
|
3314
|
+
value?: string | null;
|
|
2023
3315
|
blur: EventEmitter<CustomEvent<Event>>;
|
|
2024
3316
|
change: EventEmitter<CustomEvent<Event>>;
|
|
2025
3317
|
input: EventEmitter<CustomEvent<InputEvent>>;
|
|
@@ -2030,45 +3322,70 @@ declare class PInputUrl extends BaseComponent implements ControlValueAccessor {
|
|
|
2030
3322
|
registerOnChange(fn: any): void;
|
|
2031
3323
|
registerOnTouched(fn: any): void;
|
|
2032
3324
|
setDisabledState(isDisabled: boolean): void;
|
|
2033
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
2034
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
3325
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PInputWeek, never>;
|
|
3326
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PInputWeek, "p-input-week,[p-input-week]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
2035
3327
|
}
|
|
2036
3328
|
|
|
2037
|
-
|
|
2038
|
-
|
|
2039
|
-
|
|
2040
|
-
|
|
2041
|
-
|
|
3329
|
+
type PMultiSelectProps = {
|
|
3330
|
+
/**
|
|
3331
|
+
* Displays the multi-select in compact mode.
|
|
3332
|
+
* @default false
|
|
3333
|
+
*/
|
|
2042
3334
|
compact?: boolean;
|
|
3335
|
+
/**
|
|
3336
|
+
* Supplementary text providing more context or explanation for the multi-select.
|
|
3337
|
+
* @default ''
|
|
3338
|
+
*/
|
|
2043
3339
|
description?: string;
|
|
3340
|
+
/**
|
|
3341
|
+
* Disables the multi-select
|
|
3342
|
+
* @default false
|
|
3343
|
+
*/
|
|
2044
3344
|
disabled?: boolean;
|
|
3345
|
+
/**
|
|
3346
|
+
* Changes the direction to which the dropdown list appears.
|
|
3347
|
+
* @default 'auto'
|
|
3348
|
+
*/
|
|
3349
|
+
dropdownDirection?: MultiSelectDropdownDirection;
|
|
3350
|
+
/**
|
|
3351
|
+
* The id of a form element the multi-select should be associated with.
|
|
3352
|
+
*/
|
|
2045
3353
|
form?: string;
|
|
3354
|
+
/**
|
|
3355
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
3356
|
+
* @default false
|
|
3357
|
+
*/
|
|
2046
3358
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
3359
|
+
/**
|
|
3360
|
+
* Text content for a user-facing label.
|
|
3361
|
+
* @default ''
|
|
3362
|
+
*/
|
|
2047
3363
|
label?: string;
|
|
2048
|
-
|
|
2049
|
-
|
|
3364
|
+
/**
|
|
3365
|
+
* The message styled depending on validation state.
|
|
3366
|
+
* @default ''
|
|
3367
|
+
*/
|
|
2050
3368
|
message?: string;
|
|
2051
|
-
|
|
3369
|
+
/**
|
|
3370
|
+
* The name of the control.
|
|
3371
|
+
*/
|
|
2052
3372
|
name: string;
|
|
2053
|
-
|
|
3373
|
+
/**
|
|
3374
|
+
* Requires an option with a non-empty string value to be selected.
|
|
3375
|
+
* @default false
|
|
3376
|
+
*/
|
|
2054
3377
|
required?: boolean;
|
|
2055
|
-
|
|
2056
|
-
|
|
2057
|
-
|
|
2058
|
-
|
|
2059
|
-
|
|
2060
|
-
|
|
2061
|
-
|
|
2062
|
-
|
|
2063
|
-
|
|
2064
|
-
|
|
2065
|
-
|
|
2066
|
-
registerOnTouched(fn: any): void;
|
|
2067
|
-
setDisabledState(isDisabled: boolean): void;
|
|
2068
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PInputWeek, never>;
|
|
2069
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PInputWeek, "p-input-week,[p-input-week]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
2070
|
-
}
|
|
2071
|
-
|
|
3378
|
+
/**
|
|
3379
|
+
* The validation state.
|
|
3380
|
+
* @default 'none'
|
|
3381
|
+
*/
|
|
3382
|
+
state?: MultiSelectState;
|
|
3383
|
+
/**
|
|
3384
|
+
* The selected values. Matches options strictly by type and value, meaning a string value only matches options whose value is the same string, a number value only matches options whose value is the same number. Pass null or [] to clear the selection. Please note that FormData always serializes values as strings, so when participating in a native (uncontrolled) form a number[] value is restored as string[] via formStateRestoreCallback and will no longer strictly match number-typed options. This limitation only applies to native form state restoration; in controlled forms (where the consumer manages value directly via the change event), number[] types are preserved end-to-end.
|
|
3385
|
+
* @default []
|
|
3386
|
+
*/
|
|
3387
|
+
value?: string[] | number[] | null;
|
|
3388
|
+
};
|
|
2072
3389
|
declare class PMultiSelect extends BaseComponent implements ControlValueAccessor {
|
|
2073
3390
|
private _renderer;
|
|
2074
3391
|
private _elementRef;
|
|
@@ -2084,7 +3401,7 @@ declare class PMultiSelect extends BaseComponent implements ControlValueAccessor
|
|
|
2084
3401
|
name: string;
|
|
2085
3402
|
required?: boolean;
|
|
2086
3403
|
state?: MultiSelectState;
|
|
2087
|
-
value?: string[];
|
|
3404
|
+
value?: string[] | number[] | null;
|
|
2088
3405
|
blur: EventEmitter<CustomEvent<void>>;
|
|
2089
3406
|
change: EventEmitter<CustomEvent<MultiSelectChangeEventDetail>>;
|
|
2090
3407
|
toggle: EventEmitter<CustomEvent<MultiSelectToggleEventDetail>>;
|
|
@@ -2099,6 +3416,76 @@ declare class PMultiSelect extends BaseComponent implements ControlValueAccessor
|
|
|
2099
3416
|
static ɵcmp: i0.ɵɵComponentDeclaration<PMultiSelect, "p-multi-select,[p-multi-select]", never, { "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownDirection": { "alias": "dropdownDirection"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "toggle": "toggle"; }, never, ["*"], false, never>;
|
|
2100
3417
|
}
|
|
2101
3418
|
|
|
3419
|
+
type PPinCodeProps = {
|
|
3420
|
+
/**
|
|
3421
|
+
* Displays the pin code in compact mode.
|
|
3422
|
+
* @default false
|
|
3423
|
+
*/
|
|
3424
|
+
compact?: boolean;
|
|
3425
|
+
/**
|
|
3426
|
+
* Supplementary text providing more context or explanation for the pin code.
|
|
3427
|
+
* @default ''
|
|
3428
|
+
*/
|
|
3429
|
+
description?: string;
|
|
3430
|
+
/**
|
|
3431
|
+
* Disables the Pin Code. No events will be triggered while disabled state is active.
|
|
3432
|
+
* @default false
|
|
3433
|
+
*/
|
|
3434
|
+
disabled?: boolean;
|
|
3435
|
+
/**
|
|
3436
|
+
* The id of a form element the pin-code should be associated with.
|
|
3437
|
+
*/
|
|
3438
|
+
form?: string;
|
|
3439
|
+
/**
|
|
3440
|
+
* Shows or hides the label and description. For better accessibility, it is recommended to show the label.
|
|
3441
|
+
* @default false
|
|
3442
|
+
*/
|
|
3443
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
3444
|
+
/**
|
|
3445
|
+
* Text content for a user-facing label.
|
|
3446
|
+
* @default ''
|
|
3447
|
+
*/
|
|
3448
|
+
label?: string;
|
|
3449
|
+
/**
|
|
3450
|
+
* Number of characters of the Pin Code.
|
|
3451
|
+
* @default 4
|
|
3452
|
+
*/
|
|
3453
|
+
length?: PinCodeLength;
|
|
3454
|
+
/**
|
|
3455
|
+
* Disables the Pin Code and shows a loading indicator. No events will be triggered while loading state is active.
|
|
3456
|
+
* @default false
|
|
3457
|
+
*/
|
|
3458
|
+
loading?: boolean;
|
|
3459
|
+
/**
|
|
3460
|
+
* The message styled depending on validation state.
|
|
3461
|
+
* @default ''
|
|
3462
|
+
*/
|
|
3463
|
+
message?: string;
|
|
3464
|
+
/**
|
|
3465
|
+
* Name of the control.
|
|
3466
|
+
*/
|
|
3467
|
+
name?: string;
|
|
3468
|
+
/**
|
|
3469
|
+
* Marks the Pin Code as required.
|
|
3470
|
+
* @default false
|
|
3471
|
+
*/
|
|
3472
|
+
required?: boolean;
|
|
3473
|
+
/**
|
|
3474
|
+
* The validation state.
|
|
3475
|
+
* @default 'none'
|
|
3476
|
+
*/
|
|
3477
|
+
state?: PinCodeState;
|
|
3478
|
+
/**
|
|
3479
|
+
* Pin Code type.
|
|
3480
|
+
* @default 'number'
|
|
3481
|
+
*/
|
|
3482
|
+
type?: PinCodeType;
|
|
3483
|
+
/**
|
|
3484
|
+
* Sets the initial value of the Pin Code.
|
|
3485
|
+
* @default ''
|
|
3486
|
+
*/
|
|
3487
|
+
value?: string;
|
|
3488
|
+
};
|
|
2102
3489
|
declare class PPinCode extends BaseComponent implements ControlValueAccessor {
|
|
2103
3490
|
private _renderer;
|
|
2104
3491
|
private _elementRef;
|
|
@@ -2130,6 +3517,71 @@ declare class PPinCode extends BaseComponent implements ControlValueAccessor {
|
|
|
2130
3517
|
static ɵcmp: i0.ɵɵComponentDeclaration<PPinCode, "p-pin-code,[p-pin-code]", never, { "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "length": { "alias": "length"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; }, never, ["*"], false, never>;
|
|
2131
3518
|
}
|
|
2132
3519
|
|
|
3520
|
+
type PRadioGroupProps = {
|
|
3521
|
+
/**
|
|
3522
|
+
* Displays the radio group in compact mode.
|
|
3523
|
+
* @default false
|
|
3524
|
+
*/
|
|
3525
|
+
compact?: boolean;
|
|
3526
|
+
/**
|
|
3527
|
+
* Supplementary text providing more context or explanation for the radio group.
|
|
3528
|
+
* @default ''
|
|
3529
|
+
*/
|
|
3530
|
+
description?: string;
|
|
3531
|
+
/**
|
|
3532
|
+
* Defines the direction of the main and cross-axis. The default is `column`, which stacks the options vertically. You always need to provide a base value when using breakpoints.
|
|
3533
|
+
* @default 'column'
|
|
3534
|
+
*/
|
|
3535
|
+
direction?: BreakpointCustomizable<RadioGroupDirection>;
|
|
3536
|
+
/**
|
|
3537
|
+
* Disables the radio group. The value will not be submitted with the form.
|
|
3538
|
+
* @default false
|
|
3539
|
+
*/
|
|
3540
|
+
disabled?: boolean;
|
|
3541
|
+
/**
|
|
3542
|
+
* Specifies the id of the <form> element that the radio group belongs to (useful if the radio group is not a direct descendant of the form).
|
|
3543
|
+
*/
|
|
3544
|
+
form?: string;
|
|
3545
|
+
/**
|
|
3546
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
3547
|
+
* @default false
|
|
3548
|
+
*/
|
|
3549
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
3550
|
+
/**
|
|
3551
|
+
* Text content for a user-facing label.
|
|
3552
|
+
* @default ''
|
|
3553
|
+
*/
|
|
3554
|
+
label?: string;
|
|
3555
|
+
/**
|
|
3556
|
+
* @experimental Shows a loading indicator.
|
|
3557
|
+
* @default false
|
|
3558
|
+
*/
|
|
3559
|
+
loading?: boolean;
|
|
3560
|
+
/**
|
|
3561
|
+
* Dynamic feedback text for validation or status.
|
|
3562
|
+
* @default ''
|
|
3563
|
+
*/
|
|
3564
|
+
message?: string;
|
|
3565
|
+
/**
|
|
3566
|
+
* The name of the group of radio buttons, used when submitting the form data.
|
|
3567
|
+
*/
|
|
3568
|
+
name: string;
|
|
3569
|
+
/**
|
|
3570
|
+
* A boolean value that specifies a selection must be made from the group before the form can be submitted.
|
|
3571
|
+
* @default false
|
|
3572
|
+
*/
|
|
3573
|
+
required?: boolean;
|
|
3574
|
+
/**
|
|
3575
|
+
* Indicates the validation or overall status of the radio group component.
|
|
3576
|
+
* @default 'none'
|
|
3577
|
+
*/
|
|
3578
|
+
state?: RadioGroupState;
|
|
3579
|
+
/**
|
|
3580
|
+
* The default value for the radio-group.
|
|
3581
|
+
* @default ''
|
|
3582
|
+
*/
|
|
3583
|
+
value?: string;
|
|
3584
|
+
};
|
|
2133
3585
|
declare class PRadioGroup extends BaseComponent implements ControlValueAccessor {
|
|
2134
3586
|
private _renderer;
|
|
2135
3587
|
private _elementRef;
|
|
@@ -2160,6 +3612,70 @@ declare class PRadioGroup extends BaseComponent implements ControlValueAccessor
|
|
|
2160
3612
|
static ɵcmp: i0.ɵɵComponentDeclaration<PRadioGroup, "p-radio-group,[p-radio-group]", never, { "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; }, never, ["*"], false, never>;
|
|
2161
3613
|
}
|
|
2162
3614
|
|
|
3615
|
+
type PSegmentedControlProps = {
|
|
3616
|
+
/**
|
|
3617
|
+
* Sets the amount of columns.
|
|
3618
|
+
* @default 'auto'
|
|
3619
|
+
*/
|
|
3620
|
+
columns?: BreakpointCustomizable<SegmentedControlColumns>;
|
|
3621
|
+
/**
|
|
3622
|
+
* Displays the segmented control in compact mode.
|
|
3623
|
+
* @default false
|
|
3624
|
+
*/
|
|
3625
|
+
compact?: boolean;
|
|
3626
|
+
/**
|
|
3627
|
+
* Supplementary text providing more context or explanation for the segmented-control.
|
|
3628
|
+
* @default ''
|
|
3629
|
+
*/
|
|
3630
|
+
description?: string;
|
|
3631
|
+
/**
|
|
3632
|
+
* Disables the segmented-control.
|
|
3633
|
+
* @default false
|
|
3634
|
+
*/
|
|
3635
|
+
disabled?: boolean;
|
|
3636
|
+
/**
|
|
3637
|
+
* The id of a form element the segmented-control should be associated with.
|
|
3638
|
+
*/
|
|
3639
|
+
form?: string;
|
|
3640
|
+
/**
|
|
3641
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
3642
|
+
* @default false
|
|
3643
|
+
*/
|
|
3644
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
3645
|
+
/**
|
|
3646
|
+
* Text content for a user-facing label.
|
|
3647
|
+
* @default ''
|
|
3648
|
+
*/
|
|
3649
|
+
label?: string;
|
|
3650
|
+
/**
|
|
3651
|
+
* Dynamic feedback text for validation or status.
|
|
3652
|
+
* @default ''
|
|
3653
|
+
*/
|
|
3654
|
+
message?: string;
|
|
3655
|
+
/**
|
|
3656
|
+
* The name of the segmented-control.
|
|
3657
|
+
*/
|
|
3658
|
+
name?: string;
|
|
3659
|
+
/**
|
|
3660
|
+
* If true, prevents items from wrapping to new rows and renders them in a single scrollable row instead.
|
|
3661
|
+
* @default false
|
|
3662
|
+
*/
|
|
3663
|
+
noWrap?: boolean;
|
|
3664
|
+
/**
|
|
3665
|
+
* A boolean value that specifies a selection must be made from the group before the form can be submitted.
|
|
3666
|
+
* @default false
|
|
3667
|
+
*/
|
|
3668
|
+
required?: boolean;
|
|
3669
|
+
/**
|
|
3670
|
+
* Indicates the validation or overall status of the component.
|
|
3671
|
+
* @default 'none'
|
|
3672
|
+
*/
|
|
3673
|
+
state?: SegmentedControlState;
|
|
3674
|
+
/**
|
|
3675
|
+
* Sets the initial value of the segmented-control.
|
|
3676
|
+
*/
|
|
3677
|
+
value?: string | number;
|
|
3678
|
+
};
|
|
2163
3679
|
declare class PSegmentedControl extends BaseComponent implements ControlValueAccessor {
|
|
2164
3680
|
private _renderer;
|
|
2165
3681
|
private _elementRef;
|
|
@@ -2190,6 +3706,70 @@ declare class PSegmentedControl extends BaseComponent implements ControlValueAcc
|
|
|
2190
3706
|
static ɵcmp: i0.ɵɵComponentDeclaration<PSegmentedControl, "p-segmented-control,[p-segmented-control]", never, { "columns": { "alias": "columns"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "noWrap": { "alias": "noWrap"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; }, never, ["*"], false, never>;
|
|
2191
3707
|
}
|
|
2192
3708
|
|
|
3709
|
+
type PSelectProps = {
|
|
3710
|
+
/**
|
|
3711
|
+
* Displays the select in compact mode.
|
|
3712
|
+
* @default false
|
|
3713
|
+
*/
|
|
3714
|
+
compact?: boolean;
|
|
3715
|
+
/**
|
|
3716
|
+
* Supplementary text providing more context or explanation for the select.
|
|
3717
|
+
* @default ''
|
|
3718
|
+
*/
|
|
3719
|
+
description?: string;
|
|
3720
|
+
/**
|
|
3721
|
+
* Disables the select.
|
|
3722
|
+
* @default false
|
|
3723
|
+
*/
|
|
3724
|
+
disabled?: boolean;
|
|
3725
|
+
/**
|
|
3726
|
+
* Changes the direction to which the dropdown list appears.
|
|
3727
|
+
* @default 'auto'
|
|
3728
|
+
*/
|
|
3729
|
+
dropdownDirection?: SelectDropdownDirection;
|
|
3730
|
+
/**
|
|
3731
|
+
* Shows an input in the dropdown allowing options to be filtered. Will be ignored if the `filter` slot is used.
|
|
3732
|
+
* @default false
|
|
3733
|
+
*/
|
|
3734
|
+
filter?: boolean;
|
|
3735
|
+
/**
|
|
3736
|
+
* The id of a form element the select should be associated with.
|
|
3737
|
+
*/
|
|
3738
|
+
form?: string;
|
|
3739
|
+
/**
|
|
3740
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
3741
|
+
* @default false
|
|
3742
|
+
*/
|
|
3743
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
3744
|
+
/**
|
|
3745
|
+
* Text content for a user-facing label.
|
|
3746
|
+
* @default ''
|
|
3747
|
+
*/
|
|
3748
|
+
label?: string;
|
|
3749
|
+
/**
|
|
3750
|
+
* The message styled depending on validation state.
|
|
3751
|
+
* @default ''
|
|
3752
|
+
*/
|
|
3753
|
+
message?: string;
|
|
3754
|
+
/**
|
|
3755
|
+
* The name of the control.
|
|
3756
|
+
*/
|
|
3757
|
+
name: string;
|
|
3758
|
+
/**
|
|
3759
|
+
* Requires an option with a non-empty string value to be selected.
|
|
3760
|
+
* @default false
|
|
3761
|
+
*/
|
|
3762
|
+
required?: boolean;
|
|
3763
|
+
/**
|
|
3764
|
+
* The validation state.
|
|
3765
|
+
* @default 'none'
|
|
3766
|
+
*/
|
|
3767
|
+
state?: SelectState;
|
|
3768
|
+
/**
|
|
3769
|
+
* The selected value. Matches an option strictly by type and value, meaning null matches only an option with value null, undefined matches only an option with value undefined (no preselection by default), and string or number only match an option whose value has the same type and equal value. Please note that FormData always serializes values as strings, so when participating in a native (uncontrolled) form a number value is restored as string via formStateRestoreCallback and will no longer strictly match a number-typed option. This limitation only applies to native form state restoration; in controlled forms (where the consumer manages value directly via the change event), the number type is preserved end-to-end.
|
|
3770
|
+
*/
|
|
3771
|
+
value?: string | number | null;
|
|
3772
|
+
};
|
|
2193
3773
|
declare class PSelect extends BaseComponent implements ControlValueAccessor {
|
|
2194
3774
|
private _renderer;
|
|
2195
3775
|
private _elementRef;
|
|
@@ -2206,7 +3786,7 @@ declare class PSelect extends BaseComponent implements ControlValueAccessor {
|
|
|
2206
3786
|
name: string;
|
|
2207
3787
|
required?: boolean;
|
|
2208
3788
|
state?: SelectState;
|
|
2209
|
-
value?: string;
|
|
3789
|
+
value?: string | number | null;
|
|
2210
3790
|
blur: EventEmitter<CustomEvent<void>>;
|
|
2211
3791
|
change: EventEmitter<CustomEvent<SelectChangeEventDetail>>;
|
|
2212
3792
|
toggle: EventEmitter<CustomEvent<SelectToggleEventDetail>>;
|
|
@@ -2221,11 +3801,113 @@ declare class PSelect extends BaseComponent implements ControlValueAccessor {
|
|
|
2221
3801
|
static ɵcmp: i0.ɵɵComponentDeclaration<PSelect, "p-select,[p-select]", never, { "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownDirection": { "alias": "dropdownDirection"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "toggle": "toggle"; }, never, ["*"], false, never>;
|
|
2222
3802
|
}
|
|
2223
3803
|
|
|
3804
|
+
type PTableBodyProps = {};
|
|
2224
3805
|
declare class PTableBody extends BaseComponent {
|
|
2225
3806
|
static ɵfac: i0.ɵɵFactoryDeclaration<PTableBody, never>;
|
|
2226
3807
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTableBody, "p-table-body,[p-table-body]", never, {}, {}, never, ["*"], false, never>;
|
|
2227
3808
|
}
|
|
2228
3809
|
|
|
3810
|
+
type PTextareaProps = {
|
|
3811
|
+
/**
|
|
3812
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='on').
|
|
3813
|
+
*/
|
|
3814
|
+
autoComplete?: string;
|
|
3815
|
+
/**
|
|
3816
|
+
* Displays the textarea in compact mode.
|
|
3817
|
+
* @default false
|
|
3818
|
+
*/
|
|
3819
|
+
compact?: boolean;
|
|
3820
|
+
/**
|
|
3821
|
+
* Show or hide the character counter.
|
|
3822
|
+
* @default false
|
|
3823
|
+
*/
|
|
3824
|
+
counter?: boolean;
|
|
3825
|
+
/**
|
|
3826
|
+
* Supplementary text providing more context or explanation for the textarea.
|
|
3827
|
+
* @default ''
|
|
3828
|
+
*/
|
|
3829
|
+
description?: string;
|
|
3830
|
+
/**
|
|
3831
|
+
* Disables the textarea. The value will not be submitted with the form.
|
|
3832
|
+
* @default false
|
|
3833
|
+
*/
|
|
3834
|
+
disabled?: boolean;
|
|
3835
|
+
/**
|
|
3836
|
+
* Specifies the id of the <form> element that the textarea belongs to (useful if the textarea is not a direct descendant of the form).
|
|
3837
|
+
*/
|
|
3838
|
+
form?: string;
|
|
3839
|
+
/**
|
|
3840
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
3841
|
+
* @default false
|
|
3842
|
+
*/
|
|
3843
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
3844
|
+
/**
|
|
3845
|
+
* Text content for a user-facing label.
|
|
3846
|
+
* @default ''
|
|
3847
|
+
*/
|
|
3848
|
+
label?: string;
|
|
3849
|
+
/**
|
|
3850
|
+
* A non-negative integer specifying the maximum number of characters the user can enter into the textarea.
|
|
3851
|
+
*/
|
|
3852
|
+
maxLength?: number;
|
|
3853
|
+
/**
|
|
3854
|
+
* Dynamic feedback text for validation or status.
|
|
3855
|
+
* @default ''
|
|
3856
|
+
*/
|
|
3857
|
+
message?: string;
|
|
3858
|
+
/**
|
|
3859
|
+
* A non-negative integer specifying the minimum number of characters required for the textarea's value to be considered valid.
|
|
3860
|
+
*/
|
|
3861
|
+
minLength?: number;
|
|
3862
|
+
/**
|
|
3863
|
+
* The name of the textarea, used when submitting the form data.
|
|
3864
|
+
*/
|
|
3865
|
+
name: string;
|
|
3866
|
+
/**
|
|
3867
|
+
* A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Write your message here...'). This text is displayed when the textarea is empty.
|
|
3868
|
+
* @default ''
|
|
3869
|
+
*/
|
|
3870
|
+
placeholder?: string;
|
|
3871
|
+
/**
|
|
3872
|
+
* A boolean value that, if present, makes the textarea uneditable by the user, but its value will still be submitted with the form.
|
|
3873
|
+
* @default false
|
|
3874
|
+
*/
|
|
3875
|
+
readOnly?: boolean;
|
|
3876
|
+
/**
|
|
3877
|
+
* A boolean value that, if present, indicates that the textarea must be filled out before the form can be submitted.
|
|
3878
|
+
* @default false
|
|
3879
|
+
*/
|
|
3880
|
+
required?: boolean;
|
|
3881
|
+
/**
|
|
3882
|
+
* Controls whether the textarea is resizable and in which direction.
|
|
3883
|
+
* @default 'vertical'
|
|
3884
|
+
*/
|
|
3885
|
+
resize?: TextareaResize;
|
|
3886
|
+
/**
|
|
3887
|
+
* The number of rows. Has no effect when field-sizing CSS Variable '--p-textarea-field-sizing' is set to 'content'.
|
|
3888
|
+
* @default 7
|
|
3889
|
+
*/
|
|
3890
|
+
rows?: number;
|
|
3891
|
+
/**
|
|
3892
|
+
* Specifies whether the textarea should have its spelling and grammar checked
|
|
3893
|
+
*/
|
|
3894
|
+
spellCheck?: boolean;
|
|
3895
|
+
/**
|
|
3896
|
+
* Indicates the validation or overall status of the textarea component.
|
|
3897
|
+
* @default 'none'
|
|
3898
|
+
*/
|
|
3899
|
+
state?: TextareaState;
|
|
3900
|
+
/**
|
|
3901
|
+
* The textarea value.
|
|
3902
|
+
* @default ''
|
|
3903
|
+
*/
|
|
3904
|
+
value?: string | null;
|
|
3905
|
+
/**
|
|
3906
|
+
* Handles wrapping behavior of elements.
|
|
3907
|
+
* @default 'soft'
|
|
3908
|
+
*/
|
|
3909
|
+
wrap?: TextareaWrap;
|
|
3910
|
+
};
|
|
2229
3911
|
declare class PTextarea extends BaseComponent implements ControlValueAccessor {
|
|
2230
3912
|
private _renderer;
|
|
2231
3913
|
private _elementRef;
|
|
@@ -2249,7 +3931,7 @@ declare class PTextarea extends BaseComponent implements ControlValueAccessor {
|
|
|
2249
3931
|
rows?: number;
|
|
2250
3932
|
spellCheck?: boolean;
|
|
2251
3933
|
state?: TextareaState;
|
|
2252
|
-
value?: string;
|
|
3934
|
+
value?: string | null;
|
|
2253
3935
|
wrap?: TextareaWrap;
|
|
2254
3936
|
blur: EventEmitter<CustomEvent<Event>>;
|
|
2255
3937
|
change: EventEmitter<CustomEvent<Event>>;
|
|
@@ -2265,6 +3947,49 @@ declare class PTextarea extends BaseComponent implements ControlValueAccessor {
|
|
|
2265
3947
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTextarea, "p-textarea,[p-textarea]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "resize": { "alias": "resize"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "spellCheck": { "alias": "spellCheck"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
2266
3948
|
}
|
|
2267
3949
|
|
|
3950
|
+
type PAccordionProps = {
|
|
3951
|
+
/**
|
|
3952
|
+
* Aligns the marker within the summary section.
|
|
3953
|
+
* @default 'end'
|
|
3954
|
+
*/
|
|
3955
|
+
alignMarker?: AccordionAlignMarker;
|
|
3956
|
+
/**
|
|
3957
|
+
* Defines the background color. Use `frosted` only on images, videos or gradients.
|
|
3958
|
+
* @default 'none'
|
|
3959
|
+
*/
|
|
3960
|
+
background?: AccordionBackground;
|
|
3961
|
+
/**
|
|
3962
|
+
* Displays the accordion in compact mode.
|
|
3963
|
+
*/
|
|
3964
|
+
compact?: boolean;
|
|
3965
|
+
/**
|
|
3966
|
+
* @deprecated Will be removed in the next major release. Use the `summary` slot instead. Sets the heading text within the summary section.
|
|
3967
|
+
*/
|
|
3968
|
+
heading?: string;
|
|
3969
|
+
/**
|
|
3970
|
+
* @deprecated Will be removed in the next major release. Use the `summary` slot instead. Sets the heading tag for proper semantic structure within the page.
|
|
3971
|
+
* @default 'h2'
|
|
3972
|
+
*/
|
|
3973
|
+
headingTag?: AccordionHeadingTag;
|
|
3974
|
+
/**
|
|
3975
|
+
* Indents the slotted content to be vertically aligned with the text of the summary section.
|
|
3976
|
+
* @default false
|
|
3977
|
+
*/
|
|
3978
|
+
indent?: BreakpointCustomizable<boolean>;
|
|
3979
|
+
/**
|
|
3980
|
+
* Controls whether the accordion is open or closed.
|
|
3981
|
+
*/
|
|
3982
|
+
open?: boolean;
|
|
3983
|
+
/**
|
|
3984
|
+
* @deprecated Will be removed in the next major release. Use the `summary` slot instead. Controls the heading size in the summary section (only applies when using the `heading` prop or `heading` slot).
|
|
3985
|
+
* @default 'small'
|
|
3986
|
+
*/
|
|
3987
|
+
size?: BreakpointCustomizable<AccordionSize>;
|
|
3988
|
+
/**
|
|
3989
|
+
* @experimental Makes the summary section sticky at the top while scrolling. Only works with `background="canvas"` or `background="surface"`. Not compatible with `summary-before` or `summary-after` slots.
|
|
3990
|
+
*/
|
|
3991
|
+
sticky?: boolean;
|
|
3992
|
+
};
|
|
2268
3993
|
declare class PAccordion extends BaseComponent {
|
|
2269
3994
|
alignMarker?: AccordionAlignMarker;
|
|
2270
3995
|
background?: AccordionBackground;
|
|
@@ -2273,15 +3998,72 @@ declare class PAccordion extends BaseComponent {
|
|
|
2273
3998
|
heading?: string;
|
|
2274
3999
|
/** @deprecated */
|
|
2275
4000
|
headingTag?: AccordionHeadingTag;
|
|
4001
|
+
indent?: BreakpointCustomizable<boolean>;
|
|
2276
4002
|
open?: boolean;
|
|
2277
4003
|
/** @deprecated */
|
|
2278
4004
|
size?: BreakpointCustomizable<AccordionSize>;
|
|
2279
4005
|
sticky?: boolean;
|
|
2280
4006
|
update: EventEmitter<CustomEvent<AccordionUpdateEventDetail>>;
|
|
2281
4007
|
static ɵfac: i0.ɵɵFactoryDeclaration<PAccordion, never>;
|
|
2282
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PAccordion, "p-accordion,[p-accordion]", never, { "alignMarker": { "alias": "alignMarker"; "required": false; }; "background": { "alias": "background"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingTag": { "alias": "headingTag"; "required": false; }; "open": { "alias": "open"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
|
|
4008
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PAccordion, "p-accordion,[p-accordion]", never, { "alignMarker": { "alias": "alignMarker"; "required": false; }; "background": { "alias": "background"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingTag": { "alias": "headingTag"; "required": false; }; "indent": { "alias": "indent"; "required": false; }; "open": { "alias": "open"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
|
|
4009
|
+
}
|
|
4010
|
+
|
|
4011
|
+
type PAiTagProps = {
|
|
4012
|
+
/**
|
|
4013
|
+
* Locale for the AI text (ISO format, e.g. "de_DE").
|
|
4014
|
+
* @default 'en_US'
|
|
4015
|
+
*/
|
|
4016
|
+
locale?: AiTagLocale;
|
|
4017
|
+
/**
|
|
4018
|
+
* Variant to display: 'abbreviation' (e.g. "AI"), 'generated' (e.g. "AI-generated"), or 'modified' (e.g. "AI-modified").
|
|
4019
|
+
* @default 'generated'
|
|
4020
|
+
*/
|
|
4021
|
+
variant?: AiTagVariant;
|
|
4022
|
+
};
|
|
4023
|
+
declare class PAiTag extends BaseComponent {
|
|
4024
|
+
locale?: AiTagLocale;
|
|
4025
|
+
variant?: AiTagVariant;
|
|
4026
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PAiTag, never>;
|
|
4027
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PAiTag, "p-ai-tag,[p-ai-tag]", never, { "locale": { "alias": "locale"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2283
4028
|
}
|
|
2284
4029
|
|
|
4030
|
+
type PBannerProps = {
|
|
4031
|
+
/**
|
|
4032
|
+
* Sets the description text of the banner.
|
|
4033
|
+
* @default ''
|
|
4034
|
+
*/
|
|
4035
|
+
description?: string;
|
|
4036
|
+
/**
|
|
4037
|
+
* Shows a dismiss button allowing the banner to be closed.
|
|
4038
|
+
* @default true
|
|
4039
|
+
*/
|
|
4040
|
+
dismissButton?: boolean;
|
|
4041
|
+
/**
|
|
4042
|
+
* Sets the heading text of the banner.
|
|
4043
|
+
* @default ''
|
|
4044
|
+
*/
|
|
4045
|
+
heading?: string;
|
|
4046
|
+
/**
|
|
4047
|
+
* Sets the heading tag for proper semantic structure within the page.
|
|
4048
|
+
* @default 'h5'
|
|
4049
|
+
*/
|
|
4050
|
+
headingTag?: BannerHeadingTag;
|
|
4051
|
+
/**
|
|
4052
|
+
* Controls whether the banner is open or closed.
|
|
4053
|
+
* @default false
|
|
4054
|
+
*/
|
|
4055
|
+
open: boolean;
|
|
4056
|
+
/**
|
|
4057
|
+
* Sets the position of the banner.
|
|
4058
|
+
* @default { base: 'bottom', s: 'top' }
|
|
4059
|
+
*/
|
|
4060
|
+
position?: BreakpointCustomizable<BannerPosition>;
|
|
4061
|
+
/**
|
|
4062
|
+
* Defines the visual state of the banner.
|
|
4063
|
+
* @default 'info'
|
|
4064
|
+
*/
|
|
4065
|
+
state?: BannerState;
|
|
4066
|
+
};
|
|
2285
4067
|
declare class PBanner extends BaseComponent {
|
|
2286
4068
|
description?: string;
|
|
2287
4069
|
dismissButton?: boolean;
|
|
@@ -2295,6 +4077,63 @@ declare class PBanner extends BaseComponent {
|
|
|
2295
4077
|
static ɵcmp: i0.ɵɵComponentDeclaration<PBanner, "p-banner,[p-banner]", never, { "description": { "alias": "description"; "required": false; }; "dismissButton": { "alias": "dismissButton"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingTag": { "alias": "headingTag"; "required": false; }; "open": { "alias": "open"; "required": false; }; "position": { "alias": "position"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "dismiss": "dismiss"; }, never, ["*"], false, never>;
|
|
2296
4078
|
}
|
|
2297
4079
|
|
|
4080
|
+
type PButtonProps = {
|
|
4081
|
+
/**
|
|
4082
|
+
* Sets ARIA attributes.
|
|
4083
|
+
*/
|
|
4084
|
+
aria?: SelectedAriaAttributes<ButtonAriaAttribute>;
|
|
4085
|
+
/**
|
|
4086
|
+
* Displays the button in compact mode.
|
|
4087
|
+
* @default false
|
|
4088
|
+
*/
|
|
4089
|
+
compact?: BreakpointCustomizable<boolean>;
|
|
4090
|
+
/**
|
|
4091
|
+
* Disables the button. No events will be triggered while disabled state is active.
|
|
4092
|
+
* @default false
|
|
4093
|
+
*/
|
|
4094
|
+
disabled?: boolean;
|
|
4095
|
+
/**
|
|
4096
|
+
* The id of a form element the button should be associated with.
|
|
4097
|
+
*/
|
|
4098
|
+
form?: string;
|
|
4099
|
+
/**
|
|
4100
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
4101
|
+
* @default false
|
|
4102
|
+
*/
|
|
4103
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
4104
|
+
/**
|
|
4105
|
+
* The icon shown. By choosing 'none', no icon is displayed.
|
|
4106
|
+
* @default 'none'
|
|
4107
|
+
*/
|
|
4108
|
+
icon?: ButtonIcon;
|
|
4109
|
+
/**
|
|
4110
|
+
* A URL path to a custom icon.
|
|
4111
|
+
*/
|
|
4112
|
+
iconSource?: string;
|
|
4113
|
+
/**
|
|
4114
|
+
* Disables the button and shows a loading indicator. No events will be triggered while loading state is active.
|
|
4115
|
+
* @default false
|
|
4116
|
+
*/
|
|
4117
|
+
loading?: boolean;
|
|
4118
|
+
/**
|
|
4119
|
+
* The name of the button, submitted as a pair with the button's value as part of the form data, when that button is used to submit the form.
|
|
4120
|
+
*/
|
|
4121
|
+
name?: string;
|
|
4122
|
+
/**
|
|
4123
|
+
* Specifies the type of the button.
|
|
4124
|
+
* @default 'submit'
|
|
4125
|
+
*/
|
|
4126
|
+
type?: ButtonType;
|
|
4127
|
+
/**
|
|
4128
|
+
* Defines the value associated with the button's name when it's submitted with the form data. This value is passed to the server in params when the form is submitted using this button.
|
|
4129
|
+
*/
|
|
4130
|
+
value?: string;
|
|
4131
|
+
/**
|
|
4132
|
+
* The style variant of the button.
|
|
4133
|
+
* @default 'primary'
|
|
4134
|
+
*/
|
|
4135
|
+
variant?: ButtonVariant;
|
|
4136
|
+
};
|
|
2298
4137
|
declare class PButton extends BaseComponent {
|
|
2299
4138
|
aria?: SelectedAriaAttributes<ButtonAriaAttribute>;
|
|
2300
4139
|
compact?: BreakpointCustomizable<boolean>;
|
|
@@ -2307,11 +4146,88 @@ declare class PButton extends BaseComponent {
|
|
|
2307
4146
|
name?: string;
|
|
2308
4147
|
type?: ButtonType;
|
|
2309
4148
|
value?: string;
|
|
2310
|
-
variant?: ButtonVariant;
|
|
2311
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PButton, never>;
|
|
2312
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PButton, "p-button,[p-button]", never, { "aria": { "alias": "aria"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2313
|
-
}
|
|
2314
|
-
|
|
4149
|
+
variant?: ButtonVariant;
|
|
4150
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PButton, never>;
|
|
4151
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PButton, "p-button,[p-button]", never, { "aria": { "alias": "aria"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
4152
|
+
}
|
|
4153
|
+
|
|
4154
|
+
type PButtonPureProps = {
|
|
4155
|
+
/**
|
|
4156
|
+
* Displays the button in its active state.
|
|
4157
|
+
* @default false
|
|
4158
|
+
*/
|
|
4159
|
+
active?: boolean;
|
|
4160
|
+
/**
|
|
4161
|
+
* Aligns the label.
|
|
4162
|
+
* @default 'end'
|
|
4163
|
+
*/
|
|
4164
|
+
alignLabel?: BreakpointCustomizable<ButtonPureAlignLabel>;
|
|
4165
|
+
/**
|
|
4166
|
+
* Sets ARIA attributes.
|
|
4167
|
+
*/
|
|
4168
|
+
aria?: SelectedAriaAttributes<ButtonPureAriaAttribute>;
|
|
4169
|
+
/**
|
|
4170
|
+
* The color.
|
|
4171
|
+
* @default 'primary'
|
|
4172
|
+
*/
|
|
4173
|
+
color?: ButtonPureColor;
|
|
4174
|
+
/**
|
|
4175
|
+
* Disables the button. No events will be triggered while disabled state is active.
|
|
4176
|
+
* @default false
|
|
4177
|
+
*/
|
|
4178
|
+
disabled?: boolean;
|
|
4179
|
+
/**
|
|
4180
|
+
* The id of a form element the button should be associated with.
|
|
4181
|
+
*/
|
|
4182
|
+
form?: string;
|
|
4183
|
+
/**
|
|
4184
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
4185
|
+
* @default false
|
|
4186
|
+
*/
|
|
4187
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
4188
|
+
/**
|
|
4189
|
+
* The icon shown.
|
|
4190
|
+
* @default 'arrow-right'
|
|
4191
|
+
*/
|
|
4192
|
+
icon?: ButtonPureIcon;
|
|
4193
|
+
/**
|
|
4194
|
+
* A URL path to a custom icon.
|
|
4195
|
+
*/
|
|
4196
|
+
iconSource?: string;
|
|
4197
|
+
/**
|
|
4198
|
+
* Disables the button and shows a loading indicator. No events will be triggered while loading state is active.
|
|
4199
|
+
* @default false
|
|
4200
|
+
*/
|
|
4201
|
+
loading?: boolean;
|
|
4202
|
+
/**
|
|
4203
|
+
* The name of the button, submitted as a pair with the button's value as part of the form data, when that button is used to submit the form.
|
|
4204
|
+
*/
|
|
4205
|
+
name?: string;
|
|
4206
|
+
/**
|
|
4207
|
+
* Size of the button.
|
|
4208
|
+
* @default 'sm'
|
|
4209
|
+
*/
|
|
4210
|
+
size?: BreakpointCustomizable<ButtonPureSize>;
|
|
4211
|
+
/**
|
|
4212
|
+
* Stretches the area between icon and label to max available space.
|
|
4213
|
+
* @default false
|
|
4214
|
+
*/
|
|
4215
|
+
stretch?: BreakpointCustomizable<boolean>;
|
|
4216
|
+
/**
|
|
4217
|
+
* Specifies the type of the button.
|
|
4218
|
+
* @default 'submit'
|
|
4219
|
+
*/
|
|
4220
|
+
type?: ButtonPureType;
|
|
4221
|
+
/**
|
|
4222
|
+
* Shows an underline under the label.
|
|
4223
|
+
* @default false
|
|
4224
|
+
*/
|
|
4225
|
+
underline?: boolean;
|
|
4226
|
+
/**
|
|
4227
|
+
* Defines the value associated with the button's name when it's submitted with the form data. This value is passed to the server in params when the form is submitted using this button.
|
|
4228
|
+
*/
|
|
4229
|
+
value?: string;
|
|
4230
|
+
};
|
|
2315
4231
|
declare class PButtonPure extends BaseComponent {
|
|
2316
4232
|
active?: boolean;
|
|
2317
4233
|
alignLabel?: BreakpointCustomizable<ButtonPureAlignLabel>;
|
|
@@ -2333,6 +4249,74 @@ declare class PButtonPure extends BaseComponent {
|
|
|
2333
4249
|
static ɵcmp: i0.ɵɵComponentDeclaration<PButtonPure, "p-button-pure,[p-button-pure]", never, { "active": { "alias": "active"; "required": false; }; "alignLabel": { "alias": "alignLabel"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; "type": { "alias": "type"; "required": false; }; "underline": { "alias": "underline"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2334
4250
|
}
|
|
2335
4251
|
|
|
4252
|
+
type PButtonTileProps = {
|
|
4253
|
+
/**
|
|
4254
|
+
* Alignment of button and description.
|
|
4255
|
+
* @default 'bottom'
|
|
4256
|
+
*/
|
|
4257
|
+
align?: ButtonTileAlign;
|
|
4258
|
+
/**
|
|
4259
|
+
* Sets ARIA attributes.
|
|
4260
|
+
*/
|
|
4261
|
+
aria?: SelectedAriaAttributes<ButtonTileAriaAttribute>;
|
|
4262
|
+
/**
|
|
4263
|
+
* Aspect ratio of the button-tile.
|
|
4264
|
+
* @default '4/3'
|
|
4265
|
+
*/
|
|
4266
|
+
aspectRatio?: BreakpointCustomizable<ButtonTileAspectRatio>;
|
|
4267
|
+
/**
|
|
4268
|
+
* Displays the button-tile as compact version with description and button icon only.
|
|
4269
|
+
* @default false
|
|
4270
|
+
*/
|
|
4271
|
+
compact?: BreakpointCustomizable<boolean>;
|
|
4272
|
+
/**
|
|
4273
|
+
* Description text.
|
|
4274
|
+
*/
|
|
4275
|
+
description: string;
|
|
4276
|
+
/**
|
|
4277
|
+
* Disables the button. No events will be triggered while disabled state is active.
|
|
4278
|
+
* @default false
|
|
4279
|
+
*/
|
|
4280
|
+
disabled?: boolean;
|
|
4281
|
+
/**
|
|
4282
|
+
* Show gradient.
|
|
4283
|
+
* @default false
|
|
4284
|
+
*/
|
|
4285
|
+
gradient?: boolean;
|
|
4286
|
+
/**
|
|
4287
|
+
* The icon shown. By choosing 'none', no icon is displayed.
|
|
4288
|
+
* @default 'none'
|
|
4289
|
+
*/
|
|
4290
|
+
icon?: ButtonTileIcon;
|
|
4291
|
+
/**
|
|
4292
|
+
* A URL path to a custom icon.
|
|
4293
|
+
*/
|
|
4294
|
+
iconSource?: string;
|
|
4295
|
+
/**
|
|
4296
|
+
* Label of the button.
|
|
4297
|
+
*/
|
|
4298
|
+
label: string;
|
|
4299
|
+
/**
|
|
4300
|
+
* Disables the button-tile and shows a loading indicator. No events will be triggered while loading state is active.
|
|
4301
|
+
* @default false
|
|
4302
|
+
*/
|
|
4303
|
+
loading?: boolean;
|
|
4304
|
+
/**
|
|
4305
|
+
* Font size of the description.
|
|
4306
|
+
* @default 'medium'
|
|
4307
|
+
*/
|
|
4308
|
+
size?: BreakpointCustomizable<ButtonTileSize>;
|
|
4309
|
+
/**
|
|
4310
|
+
* Specifies the type of the button.
|
|
4311
|
+
* @default 'submit'
|
|
4312
|
+
*/
|
|
4313
|
+
type?: ButtonTileType;
|
|
4314
|
+
/**
|
|
4315
|
+
* Font weight of the description.
|
|
4316
|
+
* @default 'semi-bold'
|
|
4317
|
+
*/
|
|
4318
|
+
weight?: BreakpointCustomizable<ButtonTileWeight>;
|
|
4319
|
+
};
|
|
2336
4320
|
declare class PButtonTile extends BaseComponent {
|
|
2337
4321
|
align?: ButtonTileAlign;
|
|
2338
4322
|
aria?: SelectedAriaAttributes<ButtonTileAriaAttribute>;
|
|
@@ -2352,6 +4336,23 @@ declare class PButtonTile extends BaseComponent {
|
|
|
2352
4336
|
static ɵcmp: i0.ɵɵComponentDeclaration<PButtonTile, "p-button-tile,[p-button-tile]", never, { "align": { "alias": "align"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "gradient": { "alias": "gradient"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2353
4337
|
}
|
|
2354
4338
|
|
|
4339
|
+
type PCanvasProps = {
|
|
4340
|
+
/**
|
|
4341
|
+
* Defines the background color of the main section and auto adjust it for the sidebar
|
|
4342
|
+
* @default 'canvas'
|
|
4343
|
+
*/
|
|
4344
|
+
background?: CanvasBackground;
|
|
4345
|
+
/**
|
|
4346
|
+
* Open the sidebar on the end side
|
|
4347
|
+
* @default false
|
|
4348
|
+
*/
|
|
4349
|
+
sidebarEndOpen?: boolean;
|
|
4350
|
+
/**
|
|
4351
|
+
* Open the sidebar on the start side
|
|
4352
|
+
* @default false
|
|
4353
|
+
*/
|
|
4354
|
+
sidebarStartOpen?: boolean;
|
|
4355
|
+
};
|
|
2355
4356
|
declare class PCanvas extends BaseComponent {
|
|
2356
4357
|
background?: CanvasBackground;
|
|
2357
4358
|
sidebarEndOpen?: boolean;
|
|
@@ -2362,6 +4363,83 @@ declare class PCanvas extends BaseComponent {
|
|
|
2362
4363
|
static ɵcmp: i0.ɵɵComponentDeclaration<PCanvas, "p-canvas,[p-canvas]", never, { "background": { "alias": "background"; "required": false; }; "sidebarEndOpen": { "alias": "sidebarEndOpen"; "required": false; }; "sidebarStartOpen": { "alias": "sidebarStartOpen"; "required": false; }; }, { "sidebarEndDismiss": "sidebarEndDismiss"; "sidebarStartUpdate": "sidebarStartUpdate"; }, never, ["*"], false, never>;
|
|
2363
4364
|
}
|
|
2364
4365
|
|
|
4366
|
+
type PCarouselProps = {
|
|
4367
|
+
/**
|
|
4368
|
+
* Defines which slide is active (zero-based numbering).
|
|
4369
|
+
* @default 0
|
|
4370
|
+
*/
|
|
4371
|
+
activeSlideIndex?: number;
|
|
4372
|
+
/**
|
|
4373
|
+
* Aligns the slotted controls.
|
|
4374
|
+
* @default 'auto'
|
|
4375
|
+
*/
|
|
4376
|
+
alignControls?: CarouselAlignControls;
|
|
4377
|
+
/**
|
|
4378
|
+
* Aligns the heading and description.
|
|
4379
|
+
* @default 'start'
|
|
4380
|
+
*/
|
|
4381
|
+
alignHeader?: CarouselAlignHeader;
|
|
4382
|
+
/**
|
|
4383
|
+
* Sets ARIA attributes.
|
|
4384
|
+
*/
|
|
4385
|
+
aria?: SelectedAriaAttributes<CarouselAriaAttribute>;
|
|
4386
|
+
/**
|
|
4387
|
+
* Defines the description used in the carousel.
|
|
4388
|
+
*/
|
|
4389
|
+
description?: string;
|
|
4390
|
+
/**
|
|
4391
|
+
* Indicates whether focus should be set on the center slide. If true, the carousel loops by individual slide; otherwise, it loops by page.
|
|
4392
|
+
* @default false
|
|
4393
|
+
*/
|
|
4394
|
+
focusOnCenterSlide?: boolean;
|
|
4395
|
+
/**
|
|
4396
|
+
* Fades the slides out.
|
|
4397
|
+
* @default false
|
|
4398
|
+
*/
|
|
4399
|
+
gradient?: boolean;
|
|
4400
|
+
/**
|
|
4401
|
+
* Defines the heading used in the carousel.
|
|
4402
|
+
*/
|
|
4403
|
+
heading?: string;
|
|
4404
|
+
/**
|
|
4405
|
+
* Defines the heading size used in the carousel.
|
|
4406
|
+
* @default 'x-large'
|
|
4407
|
+
*/
|
|
4408
|
+
headingSize?: CarouselHeadingSize;
|
|
4409
|
+
/**
|
|
4410
|
+
* Override the default wordings that are used for aria-labels on the next/prev buttons and pagination.
|
|
4411
|
+
*/
|
|
4412
|
+
intl?: CarouselInternationalization;
|
|
4413
|
+
/**
|
|
4414
|
+
* If false, the carousel will not show pagination bullets at the bottom.
|
|
4415
|
+
* @default false
|
|
4416
|
+
*/
|
|
4417
|
+
pagination?: BreakpointCustomizable<boolean>;
|
|
4418
|
+
/**
|
|
4419
|
+
* Whether the slides should rewind from last to first slide and vice versa.
|
|
4420
|
+
* @default false
|
|
4421
|
+
*/
|
|
4422
|
+
rewind?: boolean;
|
|
4423
|
+
/**
|
|
4424
|
+
* Defines the skip link target used to skip carousel entries.
|
|
4425
|
+
*/
|
|
4426
|
+
skipLinkTarget?: string;
|
|
4427
|
+
/**
|
|
4428
|
+
* Sets the amount of slides visible at the same time. Can be set to `auto` if you want to define different widths per slide via CSS.
|
|
4429
|
+
* @default 1
|
|
4430
|
+
*/
|
|
4431
|
+
slidesPerPage?: BreakpointCustomizable<CarouselSlidesPerPage>;
|
|
4432
|
+
/**
|
|
4433
|
+
* Determines whether to trim spaces before/after the carousel if `focusOnCenterSlide` option is true.
|
|
4434
|
+
* @default false
|
|
4435
|
+
*/
|
|
4436
|
+
trimSpace?: boolean;
|
|
4437
|
+
/**
|
|
4438
|
+
* Defines the outer spacings between the carousel and the left and right screen sides.
|
|
4439
|
+
* @default 'basic'
|
|
4440
|
+
*/
|
|
4441
|
+
width?: CarouselWidth;
|
|
4442
|
+
};
|
|
2365
4443
|
declare class PCarousel extends BaseComponent {
|
|
2366
4444
|
activeSlideIndex?: number;
|
|
2367
4445
|
alignControls?: CarouselAlignControls;
|
|
@@ -2384,6 +4462,21 @@ declare class PCarousel extends BaseComponent {
|
|
|
2384
4462
|
static ɵcmp: i0.ɵɵComponentDeclaration<PCarousel, "p-carousel,[p-carousel]", never, { "activeSlideIndex": { "alias": "activeSlideIndex"; "required": false; }; "alignControls": { "alias": "alignControls"; "required": false; }; "alignHeader": { "alias": "alignHeader"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "description": { "alias": "description"; "required": false; }; "focusOnCenterSlide": { "alias": "focusOnCenterSlide"; "required": false; }; "gradient": { "alias": "gradient"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingSize": { "alias": "headingSize"; "required": false; }; "intl": { "alias": "intl"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "rewind": { "alias": "rewind"; "required": false; }; "skipLinkTarget": { "alias": "skipLinkTarget"; "required": false; }; "slidesPerPage": { "alias": "slidesPerPage"; "required": false; }; "trimSpace": { "alias": "trimSpace"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
|
|
2385
4463
|
}
|
|
2386
4464
|
|
|
4465
|
+
type PCrestProps = {
|
|
4466
|
+
/**
|
|
4467
|
+
* Sets ARIA attributes.
|
|
4468
|
+
*/
|
|
4469
|
+
aria?: SelectedAriaAttributes<CrestAriaAttribute>;
|
|
4470
|
+
/**
|
|
4471
|
+
* When `href` is provided, the component renders as an `<a>` element.
|
|
4472
|
+
*/
|
|
4473
|
+
href?: string;
|
|
4474
|
+
/**
|
|
4475
|
+
* Specifies where to open the linked document.
|
|
4476
|
+
* @default '_self'
|
|
4477
|
+
*/
|
|
4478
|
+
target?: CrestTarget;
|
|
4479
|
+
};
|
|
2387
4480
|
declare class PCrest extends BaseComponent {
|
|
2388
4481
|
aria?: SelectedAriaAttributes<CrestAriaAttribute>;
|
|
2389
4482
|
href?: string;
|
|
@@ -2392,6 +4485,32 @@ declare class PCrest extends BaseComponent {
|
|
|
2392
4485
|
static ɵcmp: i0.ɵɵComponentDeclaration<PCrest, "p-crest,[p-crest]", never, { "aria": { "alias": "aria"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2393
4486
|
}
|
|
2394
4487
|
|
|
4488
|
+
type PDisplayProps = {
|
|
4489
|
+
/**
|
|
4490
|
+
* Text alignment of the component.
|
|
4491
|
+
* @default 'start'
|
|
4492
|
+
*/
|
|
4493
|
+
align?: DisplayAlign;
|
|
4494
|
+
/**
|
|
4495
|
+
* Basic text color variations.
|
|
4496
|
+
* @default 'primary'
|
|
4497
|
+
*/
|
|
4498
|
+
color?: DisplayColor;
|
|
4499
|
+
/**
|
|
4500
|
+
* Adds an ellipsis to a single line of text if it overflows.
|
|
4501
|
+
* @default false
|
|
4502
|
+
*/
|
|
4503
|
+
ellipsis?: boolean;
|
|
4504
|
+
/**
|
|
4505
|
+
* Size of the component. Also defines the size for specific breakpoints, like {base: "medium", l: "large"}. You always need to provide a base value when doing this.
|
|
4506
|
+
* @default 'large'
|
|
4507
|
+
*/
|
|
4508
|
+
size?: BreakpointCustomizable<DisplaySize>;
|
|
4509
|
+
/**
|
|
4510
|
+
* Sets a heading tag, so it fits correctly within the outline of the page.
|
|
4511
|
+
*/
|
|
4512
|
+
tag?: DisplayTag;
|
|
4513
|
+
};
|
|
2395
4514
|
/** @deprecated since v4.0.0, will be removed with next major release. Please use `p-heading` instead. */
|
|
2396
4515
|
declare class PDisplay extends BaseComponent {
|
|
2397
4516
|
align?: DisplayAlign;
|
|
@@ -2403,6 +4522,18 @@ declare class PDisplay extends BaseComponent {
|
|
|
2403
4522
|
static ɵcmp: i0.ɵɵComponentDeclaration<PDisplay, "p-display,[p-display]", never, { "align": { "alias": "align"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ellipsis": { "alias": "ellipsis"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2404
4523
|
}
|
|
2405
4524
|
|
|
4525
|
+
type PDividerProps = {
|
|
4526
|
+
/**
|
|
4527
|
+
* Defines color.
|
|
4528
|
+
* @default 'contrast-lower'
|
|
4529
|
+
*/
|
|
4530
|
+
color?: DividerColor;
|
|
4531
|
+
/**
|
|
4532
|
+
* Defines direction.
|
|
4533
|
+
* @default 'horizontal'
|
|
4534
|
+
*/
|
|
4535
|
+
direction?: BreakpointCustomizable<DividerDirection>;
|
|
4536
|
+
};
|
|
2406
4537
|
declare class PDivider extends BaseComponent {
|
|
2407
4538
|
color?: DividerColor;
|
|
2408
4539
|
direction?: BreakpointCustomizable<DividerDirection>;
|
|
@@ -2410,6 +4541,21 @@ declare class PDivider extends BaseComponent {
|
|
|
2410
4541
|
static ɵcmp: i0.ɵɵComponentDeclaration<PDivider, "p-divider,[p-divider]", never, { "color": { "alias": "color"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2411
4542
|
}
|
|
2412
4543
|
|
|
4544
|
+
type PDrilldownProps = {
|
|
4545
|
+
/**
|
|
4546
|
+
* Defines which `p-drilldown-item` is shown as open.
|
|
4547
|
+
*/
|
|
4548
|
+
activeIdentifier?: string | undefined;
|
|
4549
|
+
/**
|
|
4550
|
+
* Sets ARIA attributes.
|
|
4551
|
+
*/
|
|
4552
|
+
aria?: SelectedAriaAttributes<DrilldownAriaAttribute>;
|
|
4553
|
+
/**
|
|
4554
|
+
* If `true`, the drilldown is shown as open.
|
|
4555
|
+
* @default false
|
|
4556
|
+
*/
|
|
4557
|
+
open?: boolean;
|
|
4558
|
+
};
|
|
2413
4559
|
declare class PDrilldown extends BaseComponent {
|
|
2414
4560
|
activeIdentifier?: string | undefined;
|
|
2415
4561
|
aria?: SelectedAriaAttributes<DrilldownAriaAttribute>;
|
|
@@ -2420,6 +4566,31 @@ declare class PDrilldown extends BaseComponent {
|
|
|
2420
4566
|
static ɵcmp: i0.ɵɵComponentDeclaration<PDrilldown, "p-drilldown,[p-drilldown]", never, { "activeIdentifier": { "alias": "activeIdentifier"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "dismiss": "dismiss"; "update": "update"; }, never, ["*"], false, never>;
|
|
2421
4567
|
}
|
|
2422
4568
|
|
|
4569
|
+
type PDrilldownItemProps = {
|
|
4570
|
+
/**
|
|
4571
|
+
* Private property set by the component itself.
|
|
4572
|
+
* @default false
|
|
4573
|
+
*/
|
|
4574
|
+
cascade?: boolean;
|
|
4575
|
+
/**
|
|
4576
|
+
* Unique identifier which controls if this item should be shown when the active-identifier on the drilldown is set to this value.
|
|
4577
|
+
*/
|
|
4578
|
+
identifier: string;
|
|
4579
|
+
/**
|
|
4580
|
+
* Renders back button, header section on mobile view and cascade button to reach a deeper level of the navigation structure.
|
|
4581
|
+
*/
|
|
4582
|
+
label?: string;
|
|
4583
|
+
/**
|
|
4584
|
+
* Private property set by the component itself.
|
|
4585
|
+
* @default false
|
|
4586
|
+
*/
|
|
4587
|
+
primary?: boolean;
|
|
4588
|
+
/**
|
|
4589
|
+
* Private property set by the component itself.
|
|
4590
|
+
* @default false
|
|
4591
|
+
*/
|
|
4592
|
+
secondary?: boolean;
|
|
4593
|
+
};
|
|
2423
4594
|
declare class PDrilldownItem extends BaseComponent {
|
|
2424
4595
|
cascade?: boolean;
|
|
2425
4596
|
identifier: string;
|
|
@@ -2430,6 +4601,34 @@ declare class PDrilldownItem extends BaseComponent {
|
|
|
2430
4601
|
static ɵcmp: i0.ɵɵComponentDeclaration<PDrilldownItem, "p-drilldown-item,[p-drilldown-item]", never, { "cascade": { "alias": "cascade"; "required": false; }; "identifier": { "alias": "identifier"; "required": false; }; "label": { "alias": "label"; "required": false; }; "primary": { "alias": "primary"; "required": false; }; "secondary": { "alias": "secondary"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2431
4602
|
}
|
|
2432
4603
|
|
|
4604
|
+
type PDrilldownLinkProps = {
|
|
4605
|
+
/**
|
|
4606
|
+
* Displays the link in its active state.
|
|
4607
|
+
* @default false
|
|
4608
|
+
*/
|
|
4609
|
+
active?: boolean;
|
|
4610
|
+
/**
|
|
4611
|
+
* Add ARIA attributes (only has effect when `href` is defined and no slotted anchor is used).
|
|
4612
|
+
*/
|
|
4613
|
+
aria?: SelectedAriaAttributes<DrilldownLinkAriaAttribute>;
|
|
4614
|
+
/**
|
|
4615
|
+
* Sets the native `download` attribute when the target URL points to a downloadable file (only has effect when `href` is defined and no slotted anchor is used).
|
|
4616
|
+
*/
|
|
4617
|
+
download?: string;
|
|
4618
|
+
/**
|
|
4619
|
+
* When `href` is provided, the component renders as an `<a>` element. Otherwise, provide a slotted anchor element.
|
|
4620
|
+
*/
|
|
4621
|
+
href?: string;
|
|
4622
|
+
/**
|
|
4623
|
+
* Sets the `rel` attribute on the link (only has effect when `href` is defined and no slotted anchor is used).
|
|
4624
|
+
*/
|
|
4625
|
+
rel?: string;
|
|
4626
|
+
/**
|
|
4627
|
+
* Target attribute where the link should be opened (only has effect when `href` is defined and no slotted anchor is used).
|
|
4628
|
+
* @default '_self'
|
|
4629
|
+
*/
|
|
4630
|
+
target?: DrilldownLinkTarget;
|
|
4631
|
+
};
|
|
2433
4632
|
declare class PDrilldownLink extends BaseComponent {
|
|
2434
4633
|
active?: boolean;
|
|
2435
4634
|
aria?: SelectedAriaAttributes<DrilldownLinkAriaAttribute>;
|
|
@@ -2441,6 +4640,37 @@ declare class PDrilldownLink extends BaseComponent {
|
|
|
2441
4640
|
static ɵcmp: i0.ɵɵComponentDeclaration<PDrilldownLink, "p-drilldown-link,[p-drilldown-link]", never, { "active": { "alias": "active"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2442
4641
|
}
|
|
2443
4642
|
|
|
4643
|
+
type PFieldsetProps = {
|
|
4644
|
+
/**
|
|
4645
|
+
* Sets ARIA attributes.
|
|
4646
|
+
*/
|
|
4647
|
+
aria?: SelectedAriaRole<"radiogroup">;
|
|
4648
|
+
/**
|
|
4649
|
+
* Text content for a user-facing label.
|
|
4650
|
+
* @default ''
|
|
4651
|
+
*/
|
|
4652
|
+
label?: string;
|
|
4653
|
+
/**
|
|
4654
|
+
* Controls the size of the label text.
|
|
4655
|
+
* @default 'medium'
|
|
4656
|
+
*/
|
|
4657
|
+
labelSize?: FieldsetLabelSize;
|
|
4658
|
+
/**
|
|
4659
|
+
* The message styled depending on validation state.
|
|
4660
|
+
* @default ''
|
|
4661
|
+
*/
|
|
4662
|
+
message?: string;
|
|
4663
|
+
/**
|
|
4664
|
+
* Marks the Fieldset as required.
|
|
4665
|
+
* @default false
|
|
4666
|
+
*/
|
|
4667
|
+
required?: boolean;
|
|
4668
|
+
/**
|
|
4669
|
+
* The validation state.
|
|
4670
|
+
* @default 'none'
|
|
4671
|
+
*/
|
|
4672
|
+
state?: FieldsetState;
|
|
4673
|
+
};
|
|
2444
4674
|
declare class PFieldset extends BaseComponent {
|
|
2445
4675
|
aria?: SelectedAriaRole<"radiogroup">;
|
|
2446
4676
|
label?: string;
|
|
@@ -2452,6 +4682,22 @@ declare class PFieldset extends BaseComponent {
|
|
|
2452
4682
|
static ɵcmp: i0.ɵɵComponentDeclaration<PFieldset, "p-fieldset,[p-fieldset]", never, { "aria": { "alias": "aria"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelSize": { "alias": "labelSize"; "required": false; }; "message": { "alias": "message"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2453
4683
|
}
|
|
2454
4684
|
|
|
4685
|
+
type PFlagProps = {
|
|
4686
|
+
/**
|
|
4687
|
+
* A map of ARIA attributes to enhance the flag's accessibility. For example, use `{ 'aria-label': 'German flag' }` to provide a descriptive label for screen readers.
|
|
4688
|
+
*/
|
|
4689
|
+
aria?: SelectedAriaAttributes<FlagAriaAttribute>;
|
|
4690
|
+
/**
|
|
4691
|
+
* Specifies the country flag to display. Use the two-letter ISO 3166-1 alpha-2 country code. For example, use `us` for the United States, `de` for Germany, `gb` for Great Britain.
|
|
4692
|
+
* @default 'de'
|
|
4693
|
+
*/
|
|
4694
|
+
name?: FlagName;
|
|
4695
|
+
/**
|
|
4696
|
+
* Defines the size of the flag, aligned with the typographic scale used by components such as p-icon, p-spinner, p-text, and p-heading. When set to `inherit`, the size is derived from a custom font-size defined on a parent element, calculated against the global line-height (based on `ex`-unit) to remain visually consistent with other typographic-scale-based components.
|
|
4697
|
+
* @default 'sm'
|
|
4698
|
+
*/
|
|
4699
|
+
size?: BreakpointCustomizable<FlagSize>;
|
|
4700
|
+
};
|
|
2455
4701
|
declare class PFlag extends BaseComponent {
|
|
2456
4702
|
aria?: SelectedAriaAttributes<FlagAriaAttribute>;
|
|
2457
4703
|
name?: FlagName;
|
|
@@ -2460,6 +4706,42 @@ declare class PFlag extends BaseComponent {
|
|
|
2460
4706
|
static ɵcmp: i0.ɵɵComponentDeclaration<PFlag, "p-flag,[p-flag]", never, { "aria": { "alias": "aria"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2461
4707
|
}
|
|
2462
4708
|
|
|
4709
|
+
type PFlyoutProps = {
|
|
4710
|
+
/**
|
|
4711
|
+
* Sets ARIA attributes.
|
|
4712
|
+
*/
|
|
4713
|
+
aria?: SelectedAriaAttributes<FlyoutAriaAttribute>;
|
|
4714
|
+
/**
|
|
4715
|
+
* Defines the backdrop, 'blur' (should be used when the underlying content is not relevant for users) and 'shading' (should be used when the user still needs a visual connection to the underlying content).
|
|
4716
|
+
* @default 'blur'
|
|
4717
|
+
*/
|
|
4718
|
+
backdrop?: FlyoutBackdrop;
|
|
4719
|
+
/**
|
|
4720
|
+
* Defines the background color
|
|
4721
|
+
* @default 'canvas'
|
|
4722
|
+
*/
|
|
4723
|
+
background?: FlyoutBackground;
|
|
4724
|
+
/**
|
|
4725
|
+
* If true, the flyout will not be closable via backdrop click.
|
|
4726
|
+
* @default false
|
|
4727
|
+
*/
|
|
4728
|
+
disableBackdropClick?: boolean;
|
|
4729
|
+
/**
|
|
4730
|
+
* Determines the footer's position behavior. When set to "fixed," the flyout content stretches to fill the full height, keeping the footer permanently at the bottom. When set to "sticky," the footer flows beneath the content and only becomes fixed if the content overflows.
|
|
4731
|
+
* @default 'sticky'
|
|
4732
|
+
*/
|
|
4733
|
+
footerBehavior?: FlyoutFooterBehavior;
|
|
4734
|
+
/**
|
|
4735
|
+
* If true, the flyout is open.
|
|
4736
|
+
* @default false
|
|
4737
|
+
*/
|
|
4738
|
+
open: boolean;
|
|
4739
|
+
/**
|
|
4740
|
+
* The position of the flyout
|
|
4741
|
+
* @default 'end'
|
|
4742
|
+
*/
|
|
4743
|
+
position?: FlyoutPosition;
|
|
4744
|
+
};
|
|
2463
4745
|
declare class PFlyout extends BaseComponent {
|
|
2464
4746
|
aria?: SelectedAriaAttributes<FlyoutAriaAttribute>;
|
|
2465
4747
|
backdrop?: FlyoutBackdrop;
|
|
@@ -2475,6 +4757,42 @@ declare class PFlyout extends BaseComponent {
|
|
|
2475
4757
|
static ɵcmp: i0.ɵɵComponentDeclaration<PFlyout, "p-flyout,[p-flyout]", never, { "aria": { "alias": "aria"; "required": false; }; "backdrop": { "alias": "backdrop"; "required": false; }; "background": { "alias": "background"; "required": false; }; "disableBackdropClick": { "alias": "disableBackdropClick"; "required": false; }; "footerBehavior": { "alias": "footerBehavior"; "required": false; }; "open": { "alias": "open"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "dismiss": "dismiss"; "motionHiddenEnd": "motionHiddenEnd"; "motionVisibleEnd": "motionVisibleEnd"; }, never, ["*"], false, never>;
|
|
2476
4758
|
}
|
|
2477
4759
|
|
|
4760
|
+
type PHeadingProps = {
|
|
4761
|
+
/**
|
|
4762
|
+
* Text alignment of the heading. Use 'start' for left-aligned text (in LTR), 'center' for centered, 'end' for right-aligned (in LTR), or 'inherit' to adopt the parent's alignment.
|
|
4763
|
+
* @default 'start'
|
|
4764
|
+
*/
|
|
4765
|
+
align?: HeadingAlign;
|
|
4766
|
+
/**
|
|
4767
|
+
* Text color of the heading. Use 'primary' for default, 'contrast-higher' / 'contrast-high' / 'contrast-medium' for alternative emphasis levels, or 'inherit' to adopt the parent's color.
|
|
4768
|
+
* @default 'primary'
|
|
4769
|
+
*/
|
|
4770
|
+
color?: HeadingColor;
|
|
4771
|
+
/**
|
|
4772
|
+
* Adds an ellipsis to a single line of text if it overflows the container width. When enabled, the text is truncated to a single line with `text-overflow: ellipsis`. Cannot be combined with multi-line content.
|
|
4773
|
+
* @default false
|
|
4774
|
+
*/
|
|
4775
|
+
ellipsis?: boolean;
|
|
4776
|
+
/**
|
|
4777
|
+
* Controls the hyphenation behavior of the heading. Use 'auto' to let the browser automatically hyphenate words at appropriate points, 'manual' to only hyphenate at manually inserted hyphenation points (e.g. `­`), 'none' to disable hyphenation entirely, or 'inherit' to adopt the parent's hyphenation setting.
|
|
4778
|
+
* @default 'none'
|
|
4779
|
+
*/
|
|
4780
|
+
hyphens?: HeadingHyphens;
|
|
4781
|
+
/**
|
|
4782
|
+
* Size of the heading. Also defines the size for specific breakpoints, like {base: "md", l: "2xl"}. You always need to provide a base value when doing this. Use 'inherit' to adopt the parent's font size.
|
|
4783
|
+
* @default '2xl'
|
|
4784
|
+
*/
|
|
4785
|
+
size?: BreakpointCustomizable<HeadingSize>;
|
|
4786
|
+
/**
|
|
4787
|
+
* Sets the HTML heading tag (h1 - h6) to ensure the correct document outline and semantic hierarchy. If not set, the tag is automatically inferred from the `size` property (e.g. '2xl' maps to 'h2', 'md' to 'h5', 'sm' to 'h6').
|
|
4788
|
+
*/
|
|
4789
|
+
tag?: HeadingTag;
|
|
4790
|
+
/**
|
|
4791
|
+
* The font weight of the heading. Use 'normal' for regular weight, 'semibold' for slightly emphasized text, or 'bold' for strong emphasis. For `size` values of 'sm' or smaller, it's recommended to use 'semibold' for better readability.
|
|
4792
|
+
* @default 'normal'
|
|
4793
|
+
*/
|
|
4794
|
+
weight?: HeadingWeight;
|
|
4795
|
+
};
|
|
2478
4796
|
declare class PHeading extends BaseComponent {
|
|
2479
4797
|
align?: HeadingAlign;
|
|
2480
4798
|
color?: HeadingColor;
|
|
@@ -2487,6 +4805,31 @@ declare class PHeading extends BaseComponent {
|
|
|
2487
4805
|
static ɵcmp: i0.ɵɵComponentDeclaration<PHeading, "p-heading,[p-heading]", never, { "align": { "alias": "align"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ellipsis": { "alias": "ellipsis"; "required": false; }; "hyphens": { "alias": "hyphens"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2488
4806
|
}
|
|
2489
4807
|
|
|
4808
|
+
type PIconProps = {
|
|
4809
|
+
/**
|
|
4810
|
+
* Sets ARIA attributes.
|
|
4811
|
+
*/
|
|
4812
|
+
aria?: SelectedAriaAttributes<IconAriaAttribute>;
|
|
4813
|
+
/**
|
|
4814
|
+
* Basic color variations.
|
|
4815
|
+
* @default 'primary'
|
|
4816
|
+
*/
|
|
4817
|
+
color?: IconColor;
|
|
4818
|
+
/**
|
|
4819
|
+
* Specifies which icon to use.
|
|
4820
|
+
* @default 'arrow-right'
|
|
4821
|
+
*/
|
|
4822
|
+
name?: IconName;
|
|
4823
|
+
/**
|
|
4824
|
+
* Defines the size of the icon, aligned with the typographic scale used by components such as p-spinner, p-flag, p-text, and p-heading. When set to `inherit`, the size is derived from a custom font-size defined on a parent element, calculated against the global line-height (based on `ex`-unit) to remain visually consistent with other typographic-scale-based components.
|
|
4825
|
+
* @default 'sm'
|
|
4826
|
+
*/
|
|
4827
|
+
size?: BreakpointCustomizable<IconSize>;
|
|
4828
|
+
/**
|
|
4829
|
+
* Specifies a whole icon path which can be used for custom icons.
|
|
4830
|
+
*/
|
|
4831
|
+
source?: string;
|
|
4832
|
+
};
|
|
2490
4833
|
declare class PIcon extends BaseComponent {
|
|
2491
4834
|
aria?: SelectedAriaAttributes<IconAriaAttribute>;
|
|
2492
4835
|
color?: IconColor;
|
|
@@ -2497,6 +4840,47 @@ declare class PIcon extends BaseComponent {
|
|
|
2497
4840
|
static ɵcmp: i0.ɵɵComponentDeclaration<PIcon, "p-icon,[p-icon]", never, { "aria": { "alias": "aria"; "required": false; }; "color": { "alias": "color"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "source": { "alias": "source"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2498
4841
|
}
|
|
2499
4842
|
|
|
4843
|
+
type PInlineNotificationProps = {
|
|
4844
|
+
/**
|
|
4845
|
+
* Action icon of the inline-notification.
|
|
4846
|
+
* @default 'arrow-right'
|
|
4847
|
+
*/
|
|
4848
|
+
actionIcon?: InlineNotificationActionIcon;
|
|
4849
|
+
/**
|
|
4850
|
+
* Action label of the inline-notification.
|
|
4851
|
+
*/
|
|
4852
|
+
actionLabel?: string;
|
|
4853
|
+
/**
|
|
4854
|
+
* Disables the action button and shows a loading indicator. No events will be triggered while loading state is active.
|
|
4855
|
+
* @default false
|
|
4856
|
+
*/
|
|
4857
|
+
actionLoading?: boolean;
|
|
4858
|
+
/**
|
|
4859
|
+
* Description of the inline-notification.
|
|
4860
|
+
* @default ''
|
|
4861
|
+
*/
|
|
4862
|
+
description?: string;
|
|
4863
|
+
/**
|
|
4864
|
+
* If false, the inline-notification will not have a dismiss button.
|
|
4865
|
+
* @default true
|
|
4866
|
+
*/
|
|
4867
|
+
dismissButton?: boolean;
|
|
4868
|
+
/**
|
|
4869
|
+
* Heading of the inline-notification.
|
|
4870
|
+
* @default ''
|
|
4871
|
+
*/
|
|
4872
|
+
heading?: string;
|
|
4873
|
+
/**
|
|
4874
|
+
* Sets a heading tag, so it fits correctly within the outline of the page.
|
|
4875
|
+
* @default 'h5'
|
|
4876
|
+
*/
|
|
4877
|
+
headingTag?: InlineNotificationHeadingTag;
|
|
4878
|
+
/**
|
|
4879
|
+
* State of the inline-notification.
|
|
4880
|
+
* @default 'info'
|
|
4881
|
+
*/
|
|
4882
|
+
state?: InlineNotificationState;
|
|
4883
|
+
};
|
|
2500
4884
|
declare class PInlineNotification extends BaseComponent {
|
|
2501
4885
|
actionIcon?: InlineNotificationActionIcon;
|
|
2502
4886
|
actionLabel?: string;
|
|
@@ -2512,6 +4896,53 @@ declare class PInlineNotification extends BaseComponent {
|
|
|
2512
4896
|
static ɵcmp: i0.ɵɵComponentDeclaration<PInlineNotification, "p-inline-notification,[p-inline-notification]", never, { "actionIcon": { "alias": "actionIcon"; "required": false; }; "actionLabel": { "alias": "actionLabel"; "required": false; }; "actionLoading": { "alias": "actionLoading"; "required": false; }; "description": { "alias": "description"; "required": false; }; "dismissButton": { "alias": "dismissButton"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingTag": { "alias": "headingTag"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "action": "action"; "dismiss": "dismiss"; }, never, ["*"], false, never>;
|
|
2513
4897
|
}
|
|
2514
4898
|
|
|
4899
|
+
type PLinkProps = {
|
|
4900
|
+
/**
|
|
4901
|
+
* Sets ARIA attributes.
|
|
4902
|
+
*/
|
|
4903
|
+
aria?: SelectedAriaAttributes<LinkAriaAttribute>;
|
|
4904
|
+
/**
|
|
4905
|
+
* Displays the link in compact mode.
|
|
4906
|
+
* @default false
|
|
4907
|
+
*/
|
|
4908
|
+
compact?: BreakpointCustomizable<boolean>;
|
|
4909
|
+
/**
|
|
4910
|
+
* Sets the native `download` attribute when the target URL points to a downloadable file.
|
|
4911
|
+
*/
|
|
4912
|
+
download?: string;
|
|
4913
|
+
/**
|
|
4914
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
4915
|
+
* @default false
|
|
4916
|
+
*/
|
|
4917
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
4918
|
+
/**
|
|
4919
|
+
* When `href` is provided, the component renders as an `<a>` element.
|
|
4920
|
+
*/
|
|
4921
|
+
href?: string;
|
|
4922
|
+
/**
|
|
4923
|
+
* The icon shown. By choosing 'none', no icon is displayed.
|
|
4924
|
+
* @default 'none'
|
|
4925
|
+
*/
|
|
4926
|
+
icon?: LinkIcon;
|
|
4927
|
+
/**
|
|
4928
|
+
* A URL path to a custom icon.
|
|
4929
|
+
*/
|
|
4930
|
+
iconSource?: string;
|
|
4931
|
+
/**
|
|
4932
|
+
* Sets the `rel` attribute on the link.
|
|
4933
|
+
*/
|
|
4934
|
+
rel?: string;
|
|
4935
|
+
/**
|
|
4936
|
+
* Specifies where to open the linked document.
|
|
4937
|
+
* @default '_self'
|
|
4938
|
+
*/
|
|
4939
|
+
target?: LinkTarget;
|
|
4940
|
+
/**
|
|
4941
|
+
* The style variant of the link.
|
|
4942
|
+
* @default 'primary'
|
|
4943
|
+
*/
|
|
4944
|
+
variant?: LinkVariant;
|
|
4945
|
+
};
|
|
2515
4946
|
declare class PLink extends BaseComponent {
|
|
2516
4947
|
aria?: SelectedAriaAttributes<LinkAriaAttribute>;
|
|
2517
4948
|
compact?: BreakpointCustomizable<boolean>;
|
|
@@ -2527,6 +4958,73 @@ declare class PLink extends BaseComponent {
|
|
|
2527
4958
|
static ɵcmp: i0.ɵɵComponentDeclaration<PLink, "p-link,[p-link]", never, { "aria": { "alias": "aria"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "download": { "alias": "download"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "target": { "alias": "target"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2528
4959
|
}
|
|
2529
4960
|
|
|
4961
|
+
type PLinkPureProps = {
|
|
4962
|
+
/**
|
|
4963
|
+
* Displays the link in its active state.
|
|
4964
|
+
* @default false
|
|
4965
|
+
*/
|
|
4966
|
+
active?: boolean;
|
|
4967
|
+
/**
|
|
4968
|
+
* Aligns the label.
|
|
4969
|
+
* @default 'end'
|
|
4970
|
+
*/
|
|
4971
|
+
alignLabel?: BreakpointCustomizable<LinkPureAlignLabel>;
|
|
4972
|
+
/**
|
|
4973
|
+
* Sets ARIA attributes.
|
|
4974
|
+
*/
|
|
4975
|
+
aria?: SelectedAriaAttributes<LinkPureAriaAttribute>;
|
|
4976
|
+
/**
|
|
4977
|
+
* The color.
|
|
4978
|
+
* @default 'primary'
|
|
4979
|
+
*/
|
|
4980
|
+
color?: LinkPureColor;
|
|
4981
|
+
/**
|
|
4982
|
+
* Sets the native `download` attribute when the target URL points to a downloadable file.
|
|
4983
|
+
*/
|
|
4984
|
+
download?: string;
|
|
4985
|
+
/**
|
|
4986
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
4987
|
+
* @default false
|
|
4988
|
+
*/
|
|
4989
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
4990
|
+
/**
|
|
4991
|
+
* When `href` is provided, the component renders as an `<a>` element.
|
|
4992
|
+
*/
|
|
4993
|
+
href?: string;
|
|
4994
|
+
/**
|
|
4995
|
+
* The icon shown. By choosing 'none', no icon is displayed
|
|
4996
|
+
* @default 'arrow-right'
|
|
4997
|
+
*/
|
|
4998
|
+
icon?: LinkPureIcon;
|
|
4999
|
+
/**
|
|
5000
|
+
* A URL path to a custom icon.
|
|
5001
|
+
*/
|
|
5002
|
+
iconSource?: string;
|
|
5003
|
+
/**
|
|
5004
|
+
* Sets the `rel` attribute on the link.
|
|
5005
|
+
*/
|
|
5006
|
+
rel?: string;
|
|
5007
|
+
/**
|
|
5008
|
+
* Size of the link.
|
|
5009
|
+
* @default 'sm'
|
|
5010
|
+
*/
|
|
5011
|
+
size?: BreakpointCustomizable<LinkPureSize>;
|
|
5012
|
+
/**
|
|
5013
|
+
* Stretches the area between icon and label to max available space.
|
|
5014
|
+
* @default false
|
|
5015
|
+
*/
|
|
5016
|
+
stretch?: BreakpointCustomizable<boolean>;
|
|
5017
|
+
/**
|
|
5018
|
+
* Specifies where to open the linked document.
|
|
5019
|
+
* @default '_self'
|
|
5020
|
+
*/
|
|
5021
|
+
target?: LinkPureTarget;
|
|
5022
|
+
/**
|
|
5023
|
+
* Shows an underline under the label.
|
|
5024
|
+
* @default false
|
|
5025
|
+
*/
|
|
5026
|
+
underline?: boolean;
|
|
5027
|
+
};
|
|
2530
5028
|
declare class PLinkPure extends BaseComponent {
|
|
2531
5029
|
active?: boolean;
|
|
2532
5030
|
alignLabel?: BreakpointCustomizable<LinkPureAlignLabel>;
|
|
@@ -2546,6 +5044,67 @@ declare class PLinkPure extends BaseComponent {
|
|
|
2546
5044
|
static ɵcmp: i0.ɵɵComponentDeclaration<PLinkPure, "p-link-pure,[p-link-pure]", never, { "active": { "alias": "active"; "required": false; }; "alignLabel": { "alias": "alignLabel"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "color": { "alias": "color"; "required": false; }; "download": { "alias": "download"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; "target": { "alias": "target"; "required": false; }; "underline": { "alias": "underline"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2547
5045
|
}
|
|
2548
5046
|
|
|
5047
|
+
type PLinkTileProps = {
|
|
5048
|
+
/**
|
|
5049
|
+
* Alignment of link and description.
|
|
5050
|
+
* @default 'bottom'
|
|
5051
|
+
*/
|
|
5052
|
+
align?: LinkTileAlign;
|
|
5053
|
+
/**
|
|
5054
|
+
* Sets ARIA attributes.
|
|
5055
|
+
*/
|
|
5056
|
+
aria?: SelectedAriaAttributes<LinkTileAriaAttribute>;
|
|
5057
|
+
/**
|
|
5058
|
+
* Aspect ratio of the link-tile.
|
|
5059
|
+
* @default '4/3'
|
|
5060
|
+
*/
|
|
5061
|
+
aspectRatio?: BreakpointCustomizable<LinkTileAspectRatio>;
|
|
5062
|
+
/**
|
|
5063
|
+
* Displays the link-tile as compact version with description and link icon only.
|
|
5064
|
+
* @default false
|
|
5065
|
+
*/
|
|
5066
|
+
compact?: BreakpointCustomizable<boolean>;
|
|
5067
|
+
/**
|
|
5068
|
+
* Description text.
|
|
5069
|
+
*/
|
|
5070
|
+
description: string;
|
|
5071
|
+
/**
|
|
5072
|
+
* Sets the native `download` attribute when the target URL points to a downloadable file.
|
|
5073
|
+
*/
|
|
5074
|
+
download?: string;
|
|
5075
|
+
/**
|
|
5076
|
+
* Show gradient.
|
|
5077
|
+
* @default false
|
|
5078
|
+
*/
|
|
5079
|
+
gradient?: boolean;
|
|
5080
|
+
/**
|
|
5081
|
+
* href of the `<a>`.
|
|
5082
|
+
*/
|
|
5083
|
+
href: string;
|
|
5084
|
+
/**
|
|
5085
|
+
* Label of the <a />.
|
|
5086
|
+
*/
|
|
5087
|
+
label: string;
|
|
5088
|
+
/**
|
|
5089
|
+
* Sets the `rel` attribute on the link.
|
|
5090
|
+
*/
|
|
5091
|
+
rel?: string;
|
|
5092
|
+
/**
|
|
5093
|
+
* Font size of the description.
|
|
5094
|
+
* @default 'medium'
|
|
5095
|
+
*/
|
|
5096
|
+
size?: BreakpointCustomizable<LinkTileSize>;
|
|
5097
|
+
/**
|
|
5098
|
+
* Specifies where to open the linked document.
|
|
5099
|
+
* @default '_self'
|
|
5100
|
+
*/
|
|
5101
|
+
target?: LinkTileTarget;
|
|
5102
|
+
/**
|
|
5103
|
+
* Font weight of the description.
|
|
5104
|
+
* @default 'semi-bold'
|
|
5105
|
+
*/
|
|
5106
|
+
weight?: BreakpointCustomizable<LinkTileWeight>;
|
|
5107
|
+
};
|
|
2549
5108
|
declare class PLinkTile extends BaseComponent {
|
|
2550
5109
|
align?: LinkTileAlign;
|
|
2551
5110
|
aria?: SelectedAriaAttributes<LinkTileAriaAttribute>;
|
|
@@ -2564,6 +5123,52 @@ declare class PLinkTile extends BaseComponent {
|
|
|
2564
5123
|
static ɵcmp: i0.ɵɵComponentDeclaration<PLinkTile, "p-link-tile,[p-link-tile]", never, { "align": { "alias": "align"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "download": { "alias": "download"; "required": false; }; "gradient": { "alias": "gradient"; "required": false; }; "href": { "alias": "href"; "required": false; }; "label": { "alias": "label"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "target": { "alias": "target"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2565
5124
|
}
|
|
2566
5125
|
|
|
5126
|
+
type PLinkTileProductProps = {
|
|
5127
|
+
/**
|
|
5128
|
+
* Aspect ratio of the link-tile-product.
|
|
5129
|
+
* @default '3/4'
|
|
5130
|
+
*/
|
|
5131
|
+
aspectRatio?: BreakpointCustomizable<LinkTileProductAspectRatio>;
|
|
5132
|
+
/**
|
|
5133
|
+
* Additional product description.
|
|
5134
|
+
*/
|
|
5135
|
+
description?: string;
|
|
5136
|
+
/**
|
|
5137
|
+
* Product heading.
|
|
5138
|
+
*/
|
|
5139
|
+
heading: string;
|
|
5140
|
+
/**
|
|
5141
|
+
* href of the `<a>`.
|
|
5142
|
+
*/
|
|
5143
|
+
href?: string;
|
|
5144
|
+
/**
|
|
5145
|
+
* Shows a like button.
|
|
5146
|
+
* @default true
|
|
5147
|
+
*/
|
|
5148
|
+
likeButton?: boolean;
|
|
5149
|
+
/**
|
|
5150
|
+
* Indicates whether the product is liked.
|
|
5151
|
+
* @default false
|
|
5152
|
+
*/
|
|
5153
|
+
liked?: boolean;
|
|
5154
|
+
/**
|
|
5155
|
+
* Product retail price (with or without discount).
|
|
5156
|
+
*/
|
|
5157
|
+
price: string;
|
|
5158
|
+
/**
|
|
5159
|
+
* Shows original price (recommended retail price) with line-through. Needs prop "price" to be defined, otherwise this prop has no effect.
|
|
5160
|
+
*/
|
|
5161
|
+
priceOriginal?: string;
|
|
5162
|
+
/**
|
|
5163
|
+
* Sets the `rel` attribute on the link.
|
|
5164
|
+
*/
|
|
5165
|
+
rel?: string;
|
|
5166
|
+
/**
|
|
5167
|
+
* Specifies where to open the linked document.
|
|
5168
|
+
* @default '_self'
|
|
5169
|
+
*/
|
|
5170
|
+
target?: LinkTileProductTarget;
|
|
5171
|
+
};
|
|
2567
5172
|
declare class PLinkTileProduct extends BaseComponent {
|
|
2568
5173
|
aspectRatio?: BreakpointCustomizable<LinkTileProductAspectRatio>;
|
|
2569
5174
|
description?: string;
|
|
@@ -2580,6 +5185,42 @@ declare class PLinkTileProduct extends BaseComponent {
|
|
|
2580
5185
|
static ɵcmp: i0.ɵɵComponentDeclaration<PLinkTileProduct, "p-link-tile-product,[p-link-tile-product]", never, { "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "description": { "alias": "description"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "href": { "alias": "href"; "required": false; }; "likeButton": { "alias": "likeButton"; "required": false; }; "liked": { "alias": "liked"; "required": false; }; "price": { "alias": "price"; "required": false; }; "priceOriginal": { "alias": "priceOriginal"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, { "like": "like"; }, never, ["*"], false, never>;
|
|
2581
5186
|
}
|
|
2582
5187
|
|
|
5188
|
+
type PModalProps = {
|
|
5189
|
+
/**
|
|
5190
|
+
* Sets ARIA attributes.
|
|
5191
|
+
*/
|
|
5192
|
+
aria?: SelectedAriaAttributes<ModalAriaAttribute>;
|
|
5193
|
+
/**
|
|
5194
|
+
* Defines the backdrop, 'blur' (should be used when Modal is opened by user interaction, e.g. after a click on a button) and 'shading' (should be used when Modal gets opened automatically, e.g. Cookie Consent).
|
|
5195
|
+
* @default 'blur'
|
|
5196
|
+
*/
|
|
5197
|
+
backdrop?: ModalBackdrop;
|
|
5198
|
+
/**
|
|
5199
|
+
* Defines the background color
|
|
5200
|
+
* @default 'canvas'
|
|
5201
|
+
*/
|
|
5202
|
+
background?: ModalBackground;
|
|
5203
|
+
/**
|
|
5204
|
+
* If true, the modal will not be closable via backdrop click.
|
|
5205
|
+
* @default false
|
|
5206
|
+
*/
|
|
5207
|
+
disableBackdropClick?: boolean;
|
|
5208
|
+
/**
|
|
5209
|
+
* If false, the modal will not have a dismiss button.
|
|
5210
|
+
* @default true
|
|
5211
|
+
*/
|
|
5212
|
+
dismissButton?: boolean;
|
|
5213
|
+
/**
|
|
5214
|
+
* If true the modal uses max viewport height and width. Should only be used for mobile.
|
|
5215
|
+
* @default false
|
|
5216
|
+
*/
|
|
5217
|
+
fullscreen?: BreakpointCustomizable<boolean>;
|
|
5218
|
+
/**
|
|
5219
|
+
* If true, the modal is open.
|
|
5220
|
+
* @default false
|
|
5221
|
+
*/
|
|
5222
|
+
open: boolean;
|
|
5223
|
+
};
|
|
2583
5224
|
declare class PModal extends BaseComponent {
|
|
2584
5225
|
aria?: SelectedAriaAttributes<ModalAriaAttribute>;
|
|
2585
5226
|
backdrop?: ModalBackdrop;
|
|
@@ -2595,6 +5236,38 @@ declare class PModal extends BaseComponent {
|
|
|
2595
5236
|
static ɵcmp: i0.ɵɵComponentDeclaration<PModal, "p-modal,[p-modal]", never, { "aria": { "alias": "aria"; "required": false; }; "backdrop": { "alias": "backdrop"; "required": false; }; "background": { "alias": "background"; "required": false; }; "disableBackdropClick": { "alias": "disableBackdropClick"; "required": false; }; "dismissButton": { "alias": "dismissButton"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "dismiss": "dismiss"; "motionHiddenEnd": "motionHiddenEnd"; "motionVisibleEnd": "motionVisibleEnd"; }, never, ["*"], false, never>;
|
|
2596
5237
|
}
|
|
2597
5238
|
|
|
5239
|
+
type PModelSignatureProps = {
|
|
5240
|
+
/**
|
|
5241
|
+
* Adapts the color of the component.
|
|
5242
|
+
* @default 'primary'
|
|
5243
|
+
*/
|
|
5244
|
+
color?: ModelSignatureColor;
|
|
5245
|
+
/**
|
|
5246
|
+
* Sets the browser's fetch priority hint for the model signature asset.
|
|
5247
|
+
* @default 'auto'
|
|
5248
|
+
*/
|
|
5249
|
+
fetchPriority?: ModelSignatureFetchPriority;
|
|
5250
|
+
/**
|
|
5251
|
+
* Defines whether the model signature is always loaded or only loaded when it is in the viewport (this feature may not work reliably).
|
|
5252
|
+
* @default false
|
|
5253
|
+
*/
|
|
5254
|
+
lazy?: boolean;
|
|
5255
|
+
/**
|
|
5256
|
+
* Adapts the model of the component.
|
|
5257
|
+
* @default '911'
|
|
5258
|
+
*/
|
|
5259
|
+
model?: ModelSignatureModel;
|
|
5260
|
+
/**
|
|
5261
|
+
* When set to `true`, then all model signatures are visually aligned with each other. When set to `false` the model signature comes without any safe zone.
|
|
5262
|
+
* @default true
|
|
5263
|
+
*/
|
|
5264
|
+
safeZone?: boolean;
|
|
5265
|
+
/**
|
|
5266
|
+
* Adapts the size of the component. When set to `inherit` a CSS `width` or `height` needs to be defined on the host but not both.
|
|
5267
|
+
* @default 'small'
|
|
5268
|
+
*/
|
|
5269
|
+
size?: ModelSignatureSize;
|
|
5270
|
+
};
|
|
2598
5271
|
declare class PModelSignature extends BaseComponent {
|
|
2599
5272
|
color?: ModelSignatureColor;
|
|
2600
5273
|
fetchPriority?: ModelSignatureFetchPriority;
|
|
@@ -2606,13 +5279,35 @@ declare class PModelSignature extends BaseComponent {
|
|
|
2606
5279
|
static ɵcmp: i0.ɵɵComponentDeclaration<PModelSignature, "p-model-signature,[p-model-signature]", never, { "color": { "alias": "color"; "required": false; }; "fetchPriority": { "alias": "fetchPriority"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "model": { "alias": "model"; "required": false; }; "safeZone": { "alias": "safeZone"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2607
5280
|
}
|
|
2608
5281
|
|
|
5282
|
+
type PMultiSelectOptionProps = {
|
|
5283
|
+
/**
|
|
5284
|
+
* Disables the option.
|
|
5285
|
+
* @default false
|
|
5286
|
+
*/
|
|
5287
|
+
disabled?: boolean;
|
|
5288
|
+
/**
|
|
5289
|
+
* The option value.
|
|
5290
|
+
*/
|
|
5291
|
+
value: string | number;
|
|
5292
|
+
};
|
|
2609
5293
|
declare class PMultiSelectOption extends BaseComponent {
|
|
2610
5294
|
disabled?: boolean;
|
|
2611
|
-
value: string;
|
|
5295
|
+
value: string | number;
|
|
2612
5296
|
static ɵfac: i0.ɵɵFactoryDeclaration<PMultiSelectOption, never>;
|
|
2613
5297
|
static ɵcmp: i0.ɵɵComponentDeclaration<PMultiSelectOption, "p-multi-select-option,[p-multi-select-option]", never, { "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2614
5298
|
}
|
|
2615
5299
|
|
|
5300
|
+
type POptgroupProps = {
|
|
5301
|
+
/**
|
|
5302
|
+
* Disables the optgroup.
|
|
5303
|
+
* @default false
|
|
5304
|
+
*/
|
|
5305
|
+
disabled?: boolean;
|
|
5306
|
+
/**
|
|
5307
|
+
* The optgroup label.
|
|
5308
|
+
*/
|
|
5309
|
+
label?: string;
|
|
5310
|
+
};
|
|
2616
5311
|
declare class POptgroup extends BaseComponent {
|
|
2617
5312
|
disabled?: boolean;
|
|
2618
5313
|
label?: string;
|
|
@@ -2620,6 +5315,33 @@ declare class POptgroup extends BaseComponent {
|
|
|
2620
5315
|
static ɵcmp: i0.ɵɵComponentDeclaration<POptgroup, "p-optgroup,[p-optgroup]", never, { "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2621
5316
|
}
|
|
2622
5317
|
|
|
5318
|
+
type PPaginationProps = {
|
|
5319
|
+
/**
|
|
5320
|
+
* Index of the currently active page.
|
|
5321
|
+
* @default 1
|
|
5322
|
+
*/
|
|
5323
|
+
activePage: number;
|
|
5324
|
+
/**
|
|
5325
|
+
* Override the default wordings that are used for aria-labels on the next/prev and page buttons.
|
|
5326
|
+
* @default { root: 'Pagination', prev: 'Previous page', next: 'Next page', page: 'Page', }
|
|
5327
|
+
*/
|
|
5328
|
+
intl?: PaginationInternationalization;
|
|
5329
|
+
/**
|
|
5330
|
+
* The total count of items which should be shown per page.
|
|
5331
|
+
* @default 1
|
|
5332
|
+
*/
|
|
5333
|
+
itemsPerPage?: number;
|
|
5334
|
+
/**
|
|
5335
|
+
* Show or hide the button to jump to the last page.
|
|
5336
|
+
* @default true
|
|
5337
|
+
*/
|
|
5338
|
+
showLastPage?: boolean;
|
|
5339
|
+
/**
|
|
5340
|
+
* The total count of items.
|
|
5341
|
+
* @default 1
|
|
5342
|
+
*/
|
|
5343
|
+
totalItemsCount: number;
|
|
5344
|
+
};
|
|
2623
5345
|
declare class PPagination extends BaseComponent {
|
|
2624
5346
|
activePage: number;
|
|
2625
5347
|
intl?: PaginationInternationalization;
|
|
@@ -2631,6 +5353,21 @@ declare class PPagination extends BaseComponent {
|
|
|
2631
5353
|
static ɵcmp: i0.ɵɵComponentDeclaration<PPagination, "p-pagination,[p-pagination]", never, { "activePage": { "alias": "activePage"; "required": false; }; "intl": { "alias": "intl"; "required": false; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; }; "showLastPage": { "alias": "showLastPage"; "required": false; }; "totalItemsCount": { "alias": "totalItemsCount"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
|
|
2632
5354
|
}
|
|
2633
5355
|
|
|
5356
|
+
type PPopoverProps = {
|
|
5357
|
+
/**
|
|
5358
|
+
* Sets ARIA attributes.
|
|
5359
|
+
*/
|
|
5360
|
+
aria?: SelectedAriaAttributes<PopoverAriaAttribute>;
|
|
5361
|
+
/**
|
|
5362
|
+
* Descriptive text shown when the popover is open.
|
|
5363
|
+
*/
|
|
5364
|
+
description?: string;
|
|
5365
|
+
/**
|
|
5366
|
+
* Preferred direction in which the popover should open when there is enough space in the viewport. Otherwise, it opens in the direction with the most available space.
|
|
5367
|
+
* @default 'bottom'
|
|
5368
|
+
*/
|
|
5369
|
+
direction?: PopoverDirection;
|
|
5370
|
+
};
|
|
2634
5371
|
declare class PPopover extends BaseComponent {
|
|
2635
5372
|
aria?: SelectedAriaAttributes<PopoverAriaAttribute>;
|
|
2636
5373
|
description?: string;
|
|
@@ -2639,6 +5376,26 @@ declare class PPopover extends BaseComponent {
|
|
|
2639
5376
|
static ɵcmp: i0.ɵɵComponentDeclaration<PPopover, "p-popover,[p-popover]", never, { "aria": { "alias": "aria"; "required": false; }; "description": { "alias": "description"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2640
5377
|
}
|
|
2641
5378
|
|
|
5379
|
+
type PRadioGroupOptionProps = {
|
|
5380
|
+
/**
|
|
5381
|
+
* Disables the radio group option. The value will not be submitted with the form.
|
|
5382
|
+
* @default false
|
|
5383
|
+
*/
|
|
5384
|
+
disabled?: boolean;
|
|
5385
|
+
/**
|
|
5386
|
+
* Text content for a user-facing label.
|
|
5387
|
+
*/
|
|
5388
|
+
label?: string;
|
|
5389
|
+
/**
|
|
5390
|
+
* @experimental Shows a loading indicator.
|
|
5391
|
+
* @default false
|
|
5392
|
+
*/
|
|
5393
|
+
loading?: boolean;
|
|
5394
|
+
/**
|
|
5395
|
+
* The value for the input.
|
|
5396
|
+
*/
|
|
5397
|
+
value?: string;
|
|
5398
|
+
};
|
|
2642
5399
|
declare class PRadioGroupOption extends BaseComponent {
|
|
2643
5400
|
disabled?: boolean;
|
|
2644
5401
|
label?: string;
|
|
@@ -2648,6 +5405,35 @@ declare class PRadioGroupOption extends BaseComponent {
|
|
|
2648
5405
|
static ɵcmp: i0.ɵɵComponentDeclaration<PRadioGroupOption, "p-radio-group-option,[p-radio-group-option]", never, { "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2649
5406
|
}
|
|
2650
5407
|
|
|
5408
|
+
type PScrollerProps = {
|
|
5409
|
+
/**
|
|
5410
|
+
* @deprecated since v4.0.0, will be removed with next major release, has no effect anymore.
|
|
5411
|
+
* @default 'center'
|
|
5412
|
+
*/
|
|
5413
|
+
alignScrollIndicator?: ScrollerAlignScrollIndicator;
|
|
5414
|
+
/**
|
|
5415
|
+
* Add ARIA role.
|
|
5416
|
+
*/
|
|
5417
|
+
aria?: SelectedAriaAttributes<ScrollerAriaAttribute>;
|
|
5418
|
+
/**
|
|
5419
|
+
* Displays with reduced spacing and smaller padding for a more condensed layout.
|
|
5420
|
+
*/
|
|
5421
|
+
compact?: boolean;
|
|
5422
|
+
/**
|
|
5423
|
+
* @deprecated since v4.0.0, use native `scrollIntoView()` on the slotted element itself.
|
|
5424
|
+
*/
|
|
5425
|
+
scrollToPosition?: ScrollerScrollToPosition;
|
|
5426
|
+
/**
|
|
5427
|
+
* Specifies if scrollbar should be shown.
|
|
5428
|
+
* @default false
|
|
5429
|
+
*/
|
|
5430
|
+
scrollbar?: boolean;
|
|
5431
|
+
/**
|
|
5432
|
+
* @experimental Makes the indicator sticky at the top or bottom while scrolling depending on the scroll direction.
|
|
5433
|
+
* @default false
|
|
5434
|
+
*/
|
|
5435
|
+
sticky?: boolean;
|
|
5436
|
+
};
|
|
2651
5437
|
declare class PScroller extends BaseComponent {
|
|
2652
5438
|
/** @deprecated */
|
|
2653
5439
|
alignScrollIndicator?: ScrollerAlignScrollIndicator;
|
|
@@ -2661,6 +5447,33 @@ declare class PScroller extends BaseComponent {
|
|
|
2661
5447
|
static ɵcmp: i0.ɵɵComponentDeclaration<PScroller, "p-scroller,[p-scroller]", never, { "alignScrollIndicator": { "alias": "alignScrollIndicator"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "scrollToPosition": { "alias": "scrollToPosition"; "required": false; }; "scrollbar": { "alias": "scrollbar"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2662
5448
|
}
|
|
2663
5449
|
|
|
5450
|
+
type PSegmentedControlItemProps = {
|
|
5451
|
+
/**
|
|
5452
|
+
* Sets ARIA attributes.
|
|
5453
|
+
*/
|
|
5454
|
+
aria?: SelectedAriaAttributes<SegmentedControlItemAriaAttribute>;
|
|
5455
|
+
/**
|
|
5456
|
+
* Disables the button. No events will be triggered while disabled state is active.
|
|
5457
|
+
* @default false
|
|
5458
|
+
*/
|
|
5459
|
+
disabled?: boolean;
|
|
5460
|
+
/**
|
|
5461
|
+
* The icon shown.
|
|
5462
|
+
*/
|
|
5463
|
+
icon?: SegmentedControlItemIcon;
|
|
5464
|
+
/**
|
|
5465
|
+
* A URL path to a custom icon.
|
|
5466
|
+
*/
|
|
5467
|
+
iconSource?: string;
|
|
5468
|
+
/**
|
|
5469
|
+
* Text content for a user-facing label.
|
|
5470
|
+
*/
|
|
5471
|
+
label?: string;
|
|
5472
|
+
/**
|
|
5473
|
+
* The value of this item which is emitted by the parent element if it becomes selected. This property is **required**.
|
|
5474
|
+
*/
|
|
5475
|
+
value: string | number;
|
|
5476
|
+
};
|
|
2664
5477
|
declare class PSegmentedControlItem extends BaseComponent {
|
|
2665
5478
|
aria?: SelectedAriaAttributes<SegmentedControlItemAriaAttribute>;
|
|
2666
5479
|
disabled?: boolean;
|
|
@@ -2672,13 +5485,50 @@ declare class PSegmentedControlItem extends BaseComponent {
|
|
|
2672
5485
|
static ɵcmp: i0.ɵɵComponentDeclaration<PSegmentedControlItem, "p-segmented-control-item,[p-segmented-control-item]", never, { "aria": { "alias": "aria"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2673
5486
|
}
|
|
2674
5487
|
|
|
5488
|
+
type PSelectOptionProps = {
|
|
5489
|
+
/**
|
|
5490
|
+
* Disables the option.
|
|
5491
|
+
* @default false
|
|
5492
|
+
*/
|
|
5493
|
+
disabled?: boolean;
|
|
5494
|
+
/**
|
|
5495
|
+
* The option value. Selected when it strictly matches the p-select value (same type and value).
|
|
5496
|
+
*/
|
|
5497
|
+
value?: string | number | null;
|
|
5498
|
+
};
|
|
2675
5499
|
declare class PSelectOption extends BaseComponent {
|
|
2676
5500
|
disabled?: boolean;
|
|
2677
|
-
value?: string;
|
|
5501
|
+
value?: string | number | null;
|
|
2678
5502
|
static ɵfac: i0.ɵɵFactoryDeclaration<PSelectOption, never>;
|
|
2679
5503
|
static ɵcmp: i0.ɵɵComponentDeclaration<PSelectOption, "p-select-option,[p-select-option]", never, { "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2680
5504
|
}
|
|
2681
5505
|
|
|
5506
|
+
type PSheetProps = {
|
|
5507
|
+
/**
|
|
5508
|
+
* Sets ARIA attributes.
|
|
5509
|
+
*/
|
|
5510
|
+
aria?: SelectedAriaAttributes<SheetAriaAttribute>;
|
|
5511
|
+
/**
|
|
5512
|
+
* Defines the background color
|
|
5513
|
+
* @default 'canvas'
|
|
5514
|
+
*/
|
|
5515
|
+
background?: SheetBackground;
|
|
5516
|
+
/**
|
|
5517
|
+
* If true, the sheet will not be closable via backdrop click.
|
|
5518
|
+
* @default false
|
|
5519
|
+
*/
|
|
5520
|
+
disableBackdropClick?: boolean;
|
|
5521
|
+
/**
|
|
5522
|
+
* If false, the sheet will not have a dismiss button.
|
|
5523
|
+
* @default true
|
|
5524
|
+
*/
|
|
5525
|
+
dismissButton?: boolean;
|
|
5526
|
+
/**
|
|
5527
|
+
* If true, the sheet is open.
|
|
5528
|
+
* @default false
|
|
5529
|
+
*/
|
|
5530
|
+
open: boolean;
|
|
5531
|
+
};
|
|
2682
5532
|
declare class PSheet extends BaseComponent {
|
|
2683
5533
|
aria?: SelectedAriaAttributes<SheetAriaAttribute>;
|
|
2684
5534
|
background?: SheetBackground;
|
|
@@ -2692,6 +5542,22 @@ declare class PSheet extends BaseComponent {
|
|
|
2692
5542
|
static ɵcmp: i0.ɵɵComponentDeclaration<PSheet, "p-sheet,[p-sheet]", never, { "aria": { "alias": "aria"; "required": false; }; "background": { "alias": "background"; "required": false; }; "disableBackdropClick": { "alias": "disableBackdropClick"; "required": false; }; "dismissButton": { "alias": "dismissButton"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "dismiss": "dismiss"; "motionHiddenEnd": "motionHiddenEnd"; "motionVisibleEnd": "motionVisibleEnd"; }, never, ["*"], false, never>;
|
|
2693
5543
|
}
|
|
2694
5544
|
|
|
5545
|
+
type PSpinnerProps = {
|
|
5546
|
+
/**
|
|
5547
|
+
* Sets ARIA attributes.
|
|
5548
|
+
*/
|
|
5549
|
+
aria?: SelectedAriaAttributes<SpinnerAriaAttribute>;
|
|
5550
|
+
/**
|
|
5551
|
+
* Basic color variations.
|
|
5552
|
+
* @default 'primary'
|
|
5553
|
+
*/
|
|
5554
|
+
color?: SpinnerColor;
|
|
5555
|
+
/**
|
|
5556
|
+
* Defines the size of the spinner, aligned with the typographic scale used by components such as p-icon, p-flag, p-text, and p-heading. When set to `inherit`, the size is derived from a custom font-size defined on a parent element, calculated against the global line-height (based on `ex`-unit) to remain visually consistent with other typographic-scale-based components.
|
|
5557
|
+
* @default 'sm'
|
|
5558
|
+
*/
|
|
5559
|
+
size?: BreakpointCustomizable<SpinnerSize>;
|
|
5560
|
+
};
|
|
2695
5561
|
declare class PSpinner extends BaseComponent {
|
|
2696
5562
|
aria?: SelectedAriaAttributes<SpinnerAriaAttribute>;
|
|
2697
5563
|
color?: SpinnerColor;
|
|
@@ -2700,6 +5566,9 @@ declare class PSpinner extends BaseComponent {
|
|
|
2700
5566
|
static ɵcmp: i0.ɵɵComponentDeclaration<PSpinner, "p-spinner,[p-spinner]", never, { "aria": { "alias": "aria"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2701
5567
|
}
|
|
2702
5568
|
|
|
5569
|
+
type PStepperHorizontalProps = {
|
|
5570
|
+
size?: BreakpointCustomizable<StepperHorizontalSize>;
|
|
5571
|
+
};
|
|
2703
5572
|
declare class PStepperHorizontal extends BaseComponent {
|
|
2704
5573
|
size?: BreakpointCustomizable<StepperHorizontalSize>;
|
|
2705
5574
|
update: EventEmitter<CustomEvent<StepperHorizontalUpdateEventDetail>>;
|
|
@@ -2707,6 +5576,17 @@ declare class PStepperHorizontal extends BaseComponent {
|
|
|
2707
5576
|
static ɵcmp: i0.ɵɵComponentDeclaration<PStepperHorizontal, "p-stepper-horizontal,[p-stepper-horizontal]", never, { "size": { "alias": "size"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
|
|
2708
5577
|
}
|
|
2709
5578
|
|
|
5579
|
+
type PStepperHorizontalItemProps = {
|
|
5580
|
+
/**
|
|
5581
|
+
* Disables the stepper-horizontal-item. No events will be triggered while disabled state is active.
|
|
5582
|
+
* @default false
|
|
5583
|
+
*/
|
|
5584
|
+
disabled?: boolean;
|
|
5585
|
+
/**
|
|
5586
|
+
* The validation state.
|
|
5587
|
+
*/
|
|
5588
|
+
state?: StepperHorizontalItemState;
|
|
5589
|
+
};
|
|
2710
5590
|
declare class PStepperHorizontalItem extends BaseComponent {
|
|
2711
5591
|
disabled?: boolean;
|
|
2712
5592
|
state?: StepperHorizontalItemState;
|
|
@@ -2714,6 +5594,43 @@ declare class PStepperHorizontalItem extends BaseComponent {
|
|
|
2714
5594
|
static ɵcmp: i0.ɵɵComponentDeclaration<PStepperHorizontalItem, "p-stepper-horizontal-item,[p-stepper-horizontal-item]", never, { "disabled": { "alias": "disabled"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2715
5595
|
}
|
|
2716
5596
|
|
|
5597
|
+
type PSwitchProps = {
|
|
5598
|
+
/**
|
|
5599
|
+
* Aligns the label.
|
|
5600
|
+
* @default 'end'
|
|
5601
|
+
*/
|
|
5602
|
+
alignLabel?: BreakpointCustomizable<SwitchAlignLabel>;
|
|
5603
|
+
/**
|
|
5604
|
+
* Visualize the switch with on/off status.
|
|
5605
|
+
* @default false
|
|
5606
|
+
*/
|
|
5607
|
+
checked?: boolean;
|
|
5608
|
+
/**
|
|
5609
|
+
* Displays the switch in compact mode.
|
|
5610
|
+
* @default false
|
|
5611
|
+
*/
|
|
5612
|
+
compact?: boolean;
|
|
5613
|
+
/**
|
|
5614
|
+
* Disables the switch. No events will be triggered while disabled state is active.
|
|
5615
|
+
* @default false
|
|
5616
|
+
*/
|
|
5617
|
+
disabled?: boolean;
|
|
5618
|
+
/**
|
|
5619
|
+
* Shows or hides the label. For better accessibility, it is recommended to show the label.
|
|
5620
|
+
* @default false
|
|
5621
|
+
*/
|
|
5622
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
5623
|
+
/**
|
|
5624
|
+
* Disables the switch and shows a loading indicator. No events will be triggered while loading state is active.
|
|
5625
|
+
* @default false
|
|
5626
|
+
*/
|
|
5627
|
+
loading?: boolean;
|
|
5628
|
+
/**
|
|
5629
|
+
* Stretches the contents to max available space.
|
|
5630
|
+
* @default false
|
|
5631
|
+
*/
|
|
5632
|
+
stretch?: BreakpointCustomizable<boolean>;
|
|
5633
|
+
};
|
|
2717
5634
|
declare class PSwitch extends BaseComponent {
|
|
2718
5635
|
alignLabel?: BreakpointCustomizable<SwitchAlignLabel>;
|
|
2719
5636
|
checked?: boolean;
|
|
@@ -2727,6 +5644,27 @@ declare class PSwitch extends BaseComponent {
|
|
|
2727
5644
|
static ɵcmp: i0.ɵɵComponentDeclaration<PSwitch, "p-switch,[p-switch]", never, { "alignLabel": { "alias": "alignLabel"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
|
|
2728
5645
|
}
|
|
2729
5646
|
|
|
5647
|
+
type PTableProps = {
|
|
5648
|
+
/**
|
|
5649
|
+
* A caption describing the contents of the table for accessibility only. This won't be visible in the browser. Use an element with an attribute of `slot="caption"` for a visible caption.
|
|
5650
|
+
*/
|
|
5651
|
+
caption?: string;
|
|
5652
|
+
/**
|
|
5653
|
+
* Displays with reduced spacing and smaller padding for a more condensed layout.
|
|
5654
|
+
* @default false
|
|
5655
|
+
*/
|
|
5656
|
+
compact?: boolean;
|
|
5657
|
+
/**
|
|
5658
|
+
* Controls the layout behavior of the table.
|
|
5659
|
+
* @default 'auto'
|
|
5660
|
+
*/
|
|
5661
|
+
layout?: TableLayout;
|
|
5662
|
+
/**
|
|
5663
|
+
* @experimental Makes the scroll indicator sticky at the top or bottom while scrolling depending on the scroll direction.
|
|
5664
|
+
* @default false
|
|
5665
|
+
*/
|
|
5666
|
+
sticky?: boolean;
|
|
5667
|
+
};
|
|
2730
5668
|
declare class PTable extends BaseComponent {
|
|
2731
5669
|
caption?: string;
|
|
2732
5670
|
compact?: boolean;
|
|
@@ -2737,17 +5675,41 @@ declare class PTable extends BaseComponent {
|
|
|
2737
5675
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTable, "p-table,[p-table]", never, { "caption": { "alias": "caption"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
|
|
2738
5676
|
}
|
|
2739
5677
|
|
|
5678
|
+
type PTableCellProps = {
|
|
5679
|
+
/**
|
|
5680
|
+
* Allows slotted text to wrap onto multiple lines instead of being forced onto a single line.
|
|
5681
|
+
* @default false
|
|
5682
|
+
*/
|
|
5683
|
+
multiline?: boolean;
|
|
5684
|
+
};
|
|
2740
5685
|
declare class PTableCell extends BaseComponent {
|
|
2741
5686
|
multiline?: boolean;
|
|
2742
5687
|
static ɵfac: i0.ɵɵFactoryDeclaration<PTableCell, never>;
|
|
2743
5688
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTableCell, "p-table-cell,[p-table-cell]", never, { "multiline": { "alias": "multiline"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2744
5689
|
}
|
|
2745
5690
|
|
|
5691
|
+
type PTableHeadProps = {};
|
|
2746
5692
|
declare class PTableHead extends BaseComponent {
|
|
2747
5693
|
static ɵfac: i0.ɵɵFactoryDeclaration<PTableHead, never>;
|
|
2748
5694
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTableHead, "p-table-head,[p-table-head]", never, {}, {}, never, ["*"], false, never>;
|
|
2749
5695
|
}
|
|
2750
5696
|
|
|
5697
|
+
type PTableHeadCellProps = {
|
|
5698
|
+
/**
|
|
5699
|
+
* Hides the label but keeps it accessible for screen readers. This property only takes effect when the `sort` prop is not set.
|
|
5700
|
+
* @default false
|
|
5701
|
+
*/
|
|
5702
|
+
hideLabel?: boolean;
|
|
5703
|
+
/**
|
|
5704
|
+
* Allows slotted text to wrap onto multiple lines instead of being forced onto a single line.
|
|
5705
|
+
* @default false
|
|
5706
|
+
*/
|
|
5707
|
+
multiline?: boolean;
|
|
5708
|
+
/**
|
|
5709
|
+
* Defines sortability properties.
|
|
5710
|
+
*/
|
|
5711
|
+
sort?: TableHeadCellSort;
|
|
5712
|
+
};
|
|
2751
5713
|
declare class PTableHeadCell extends BaseComponent {
|
|
2752
5714
|
hideLabel?: boolean;
|
|
2753
5715
|
multiline?: boolean;
|
|
@@ -2756,16 +5718,44 @@ declare class PTableHeadCell extends BaseComponent {
|
|
|
2756
5718
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTableHeadCell, "p-table-head-cell,[p-table-head-cell]", never, { "hideLabel": { "alias": "hideLabel"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2757
5719
|
}
|
|
2758
5720
|
|
|
5721
|
+
type PTableHeadRowProps = {};
|
|
2759
5722
|
declare class PTableHeadRow extends BaseComponent {
|
|
2760
5723
|
static ɵfac: i0.ɵɵFactoryDeclaration<PTableHeadRow, never>;
|
|
2761
5724
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTableHeadRow, "p-table-head-row,[p-table-head-row]", never, {}, {}, never, ["*"], false, never>;
|
|
2762
5725
|
}
|
|
2763
5726
|
|
|
5727
|
+
type PTableRowProps = {};
|
|
2764
5728
|
declare class PTableRow extends BaseComponent {
|
|
2765
5729
|
static ɵfac: i0.ɵɵFactoryDeclaration<PTableRow, never>;
|
|
2766
5730
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTableRow, "p-table-row,[p-table-row]", never, {}, {}, never, ["*"], false, never>;
|
|
2767
5731
|
}
|
|
2768
5732
|
|
|
5733
|
+
type PTabsProps = {
|
|
5734
|
+
/**
|
|
5735
|
+
* Defines which tab is shown as selected (zero-based numbering).
|
|
5736
|
+
* @default 0
|
|
5737
|
+
*/
|
|
5738
|
+
activeTabIndex?: number;
|
|
5739
|
+
/**
|
|
5740
|
+
* Defines the background color. Use `frosted` only on images, videos or gradients.
|
|
5741
|
+
* @default 'none'
|
|
5742
|
+
*/
|
|
5743
|
+
background?: TabsBackground;
|
|
5744
|
+
/**
|
|
5745
|
+
* Displays with reduced spacing and smaller padding for a more condensed layout.
|
|
5746
|
+
*/
|
|
5747
|
+
compact?: boolean;
|
|
5748
|
+
/**
|
|
5749
|
+
* The text size.
|
|
5750
|
+
* @default 'small'
|
|
5751
|
+
*/
|
|
5752
|
+
size?: BreakpointCustomizable<TabsSize>;
|
|
5753
|
+
/**
|
|
5754
|
+
* @deprecated Will be removed in the next major release. Has no effect anymore.
|
|
5755
|
+
* @default 'regular'
|
|
5756
|
+
*/
|
|
5757
|
+
weight?: TabsWeight;
|
|
5758
|
+
};
|
|
2769
5759
|
declare class PTabs extends BaseComponent {
|
|
2770
5760
|
activeTabIndex?: number;
|
|
2771
5761
|
background?: TabsBackground;
|
|
@@ -2778,6 +5768,31 @@ declare class PTabs extends BaseComponent {
|
|
|
2778
5768
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTabs, "p-tabs,[p-tabs]", never, { "activeTabIndex": { "alias": "activeTabIndex"; "required": false; }; "background": { "alias": "background"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "size": { "alias": "size"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
|
|
2779
5769
|
}
|
|
2780
5770
|
|
|
5771
|
+
type PTabsBarProps = {
|
|
5772
|
+
/**
|
|
5773
|
+
* Defines which tab is shown as selected (zero-based numbering), or `undefined` if none should be selected.
|
|
5774
|
+
*/
|
|
5775
|
+
activeTabIndex?: number | undefined;
|
|
5776
|
+
/**
|
|
5777
|
+
* Defines the background color. Use `frosted` only on images, videos or gradients.
|
|
5778
|
+
* @default 'none'
|
|
5779
|
+
*/
|
|
5780
|
+
background?: TabsBarBackground;
|
|
5781
|
+
/**
|
|
5782
|
+
* Displays with reduced spacing and smaller padding for a more condensed layout.
|
|
5783
|
+
*/
|
|
5784
|
+
compact?: boolean;
|
|
5785
|
+
/**
|
|
5786
|
+
* The text size.
|
|
5787
|
+
* @default 'small'
|
|
5788
|
+
*/
|
|
5789
|
+
size?: BreakpointCustomizable<TabsBarSize>;
|
|
5790
|
+
/**
|
|
5791
|
+
* @deprecated Will be removed in the next major release. Has no effect anymore.
|
|
5792
|
+
* @default 'regular'
|
|
5793
|
+
*/
|
|
5794
|
+
weight?: TabsBarWeight;
|
|
5795
|
+
};
|
|
2781
5796
|
declare class PTabsBar extends BaseComponent {
|
|
2782
5797
|
activeTabIndex?: number | undefined;
|
|
2783
5798
|
background?: TabsBarBackground;
|
|
@@ -2790,12 +5805,39 @@ declare class PTabsBar extends BaseComponent {
|
|
|
2790
5805
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTabsBar, "p-tabs-bar,[p-tabs-bar]", never, { "activeTabIndex": { "alias": "activeTabIndex"; "required": false; }; "background": { "alias": "background"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "size": { "alias": "size"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
|
|
2791
5806
|
}
|
|
2792
5807
|
|
|
5808
|
+
type PTabsItemProps = {
|
|
5809
|
+
/**
|
|
5810
|
+
* Defines the label used in tabs.
|
|
5811
|
+
*/
|
|
5812
|
+
label: string;
|
|
5813
|
+
};
|
|
2793
5814
|
declare class PTabsItem extends BaseComponent {
|
|
2794
5815
|
label: string;
|
|
2795
5816
|
static ɵfac: i0.ɵɵFactoryDeclaration<PTabsItem, never>;
|
|
2796
5817
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTabsItem, "p-tabs-item,[p-tabs-item]", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2797
5818
|
}
|
|
2798
5819
|
|
|
5820
|
+
type PTagProps = {
|
|
5821
|
+
/**
|
|
5822
|
+
* Displays the tag in compact mode.
|
|
5823
|
+
* @default false
|
|
5824
|
+
*/
|
|
5825
|
+
compact?: boolean;
|
|
5826
|
+
/**
|
|
5827
|
+
* The icon shown.
|
|
5828
|
+
* @default 'none'
|
|
5829
|
+
*/
|
|
5830
|
+
icon?: TagIcon;
|
|
5831
|
+
/**
|
|
5832
|
+
* A URL path to a custom icon.
|
|
5833
|
+
*/
|
|
5834
|
+
iconSource?: string;
|
|
5835
|
+
/**
|
|
5836
|
+
* Background color variations.
|
|
5837
|
+
* @default 'secondary'
|
|
5838
|
+
*/
|
|
5839
|
+
variant?: TagVariant;
|
|
5840
|
+
};
|
|
2799
5841
|
declare class PTag extends BaseComponent {
|
|
2800
5842
|
compact?: boolean;
|
|
2801
5843
|
icon?: TagIcon;
|
|
@@ -2805,6 +5847,21 @@ declare class PTag extends BaseComponent {
|
|
|
2805
5847
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTag, "p-tag,[p-tag]", never, { "compact": { "alias": "compact"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2806
5848
|
}
|
|
2807
5849
|
|
|
5850
|
+
type PTagDismissibleProps = {
|
|
5851
|
+
/**
|
|
5852
|
+
* Sets ARIA attributes.
|
|
5853
|
+
*/
|
|
5854
|
+
aria?: SelectedAriaAttributes<TagDismissibleAriaAttribute>;
|
|
5855
|
+
/**
|
|
5856
|
+
* Displays the dismissible tag in compact mode.
|
|
5857
|
+
* @default false
|
|
5858
|
+
*/
|
|
5859
|
+
compact?: boolean;
|
|
5860
|
+
/**
|
|
5861
|
+
* Text content for a user-facing label.
|
|
5862
|
+
*/
|
|
5863
|
+
label?: string;
|
|
5864
|
+
};
|
|
2808
5865
|
declare class PTagDismissible extends BaseComponent {
|
|
2809
5866
|
aria?: SelectedAriaAttributes<TagDismissibleAriaAttribute>;
|
|
2810
5867
|
compact?: boolean;
|
|
@@ -2813,6 +5870,43 @@ declare class PTagDismissible extends BaseComponent {
|
|
|
2813
5870
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTagDismissible, "p-tag-dismissible,[p-tag-dismissible]", never, { "aria": { "alias": "aria"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2814
5871
|
}
|
|
2815
5872
|
|
|
5873
|
+
type PTextProps = {
|
|
5874
|
+
/**
|
|
5875
|
+
* Text alignment of the text. Use 'start' for left-aligned text (in LTR), 'center' for centered, 'end' for right-aligned (in LTR), or 'inherit' to adopt the parent's alignment.
|
|
5876
|
+
* @default 'start'
|
|
5877
|
+
*/
|
|
5878
|
+
align?: TextAlign;
|
|
5879
|
+
/**
|
|
5880
|
+
* Text color of the text. Use 'primary' for default, 'contrast-higher' / 'contrast-high' / 'contrast-medium' for alternative emphasis levels, 'success' / 'warning' / 'error' / 'info' for status messages, or 'inherit' to adopt the parent's color.
|
|
5881
|
+
* @default 'primary'
|
|
5882
|
+
*/
|
|
5883
|
+
color?: TextColor;
|
|
5884
|
+
/**
|
|
5885
|
+
* Adds an ellipsis to a single line of text if it overflows the container width. When enabled, the text is truncated to a single line with `text-overflow: ellipsis`. Cannot be combined with multi-line content.
|
|
5886
|
+
* @default false
|
|
5887
|
+
*/
|
|
5888
|
+
ellipsis?: boolean;
|
|
5889
|
+
/**
|
|
5890
|
+
* Controls the hyphenation behavior of the text. Use 'auto' to let the browser automatically hyphenate words at appropriate points, 'manual' to only hyphenate at manually inserted hyphenation points (e.g. `­`), 'none' to disable hyphenation entirely, or 'inherit' to adopt the parent's hyphenation setting.
|
|
5891
|
+
* @default 'inherit'
|
|
5892
|
+
*/
|
|
5893
|
+
hyphens?: TextHyphens;
|
|
5894
|
+
/**
|
|
5895
|
+
* Size of the text. Also defines the size for specific breakpoints, like {base: "sm", l: "md"}. You always need to provide a base value when doing this. Use 'inherit' to adopt the parent's font size.
|
|
5896
|
+
* @default 'sm'
|
|
5897
|
+
*/
|
|
5898
|
+
size?: BreakpointCustomizable<TextSize>;
|
|
5899
|
+
/**
|
|
5900
|
+
* Sets the HTML tag of the rendered element to ensure correct semantic meaning (e.g. 'p' for paragraphs, 'blockquote' for quotes, 'time' for dates).
|
|
5901
|
+
* @default 'p'
|
|
5902
|
+
*/
|
|
5903
|
+
tag?: TextTag;
|
|
5904
|
+
/**
|
|
5905
|
+
* The font weight of the text. Use 'normal' for regular body text, 'semibold' for slightly emphasized text, or 'bold' for strong emphasis.
|
|
5906
|
+
* @default 'normal'
|
|
5907
|
+
*/
|
|
5908
|
+
weight?: TextWeight;
|
|
5909
|
+
};
|
|
2816
5910
|
declare class PText extends BaseComponent {
|
|
2817
5911
|
align?: TextAlign;
|
|
2818
5912
|
color?: TextColor;
|
|
@@ -2825,22 +5919,51 @@ declare class PText extends BaseComponent {
|
|
|
2825
5919
|
static ɵcmp: i0.ɵɵComponentDeclaration<PText, "p-text,[p-text]", never, { "align": { "alias": "align"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ellipsis": { "alias": "ellipsis"; "required": false; }; "hyphens": { "alias": "hyphens"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2826
5920
|
}
|
|
2827
5921
|
|
|
5922
|
+
type PTextListProps = {
|
|
5923
|
+
/**
|
|
5924
|
+
* The list style type.
|
|
5925
|
+
* @default 'unordered'
|
|
5926
|
+
*/
|
|
5927
|
+
type?: TextListType;
|
|
5928
|
+
};
|
|
2828
5929
|
declare class PTextList extends BaseComponent {
|
|
2829
5930
|
type?: TextListType;
|
|
2830
5931
|
static ɵfac: i0.ɵɵFactoryDeclaration<PTextList, never>;
|
|
2831
5932
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTextList, "p-text-list,[p-text-list]", never, { "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2832
5933
|
}
|
|
2833
5934
|
|
|
5935
|
+
type PTextListItemProps = {};
|
|
2834
5936
|
declare class PTextListItem extends BaseComponent {
|
|
2835
5937
|
static ɵfac: i0.ɵɵFactoryDeclaration<PTextListItem, never>;
|
|
2836
5938
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTextListItem, "p-text-list-item,[p-text-list-item]", never, {}, {}, never, ["*"], false, never>;
|
|
2837
5939
|
}
|
|
2838
5940
|
|
|
5941
|
+
type PToastProps = {};
|
|
2839
5942
|
declare class PToast extends BaseComponent {
|
|
2840
5943
|
static ɵfac: i0.ɵɵFactoryDeclaration<PToast, never>;
|
|
2841
5944
|
static ɵcmp: i0.ɵɵComponentDeclaration<PToast, "p-toast,[p-toast]", never, {}, {}, never, ["*"], false, never>;
|
|
2842
5945
|
}
|
|
2843
5946
|
|
|
5947
|
+
type PWordmarkProps = {
|
|
5948
|
+
/**
|
|
5949
|
+
* Sets ARIA attributes.
|
|
5950
|
+
*/
|
|
5951
|
+
aria?: SelectedAriaAttributes<WordmarkAriaAttribute>;
|
|
5952
|
+
/**
|
|
5953
|
+
* When `href` is provided, the component renders as an `<a>` element.
|
|
5954
|
+
*/
|
|
5955
|
+
href?: string;
|
|
5956
|
+
/**
|
|
5957
|
+
* Controls the size of the wordmark.
|
|
5958
|
+
* @default 'small'
|
|
5959
|
+
*/
|
|
5960
|
+
size?: WordmarkSize;
|
|
5961
|
+
/**
|
|
5962
|
+
* Specifies where to open the linked document.
|
|
5963
|
+
* @default '_self'
|
|
5964
|
+
*/
|
|
5965
|
+
target?: WordmarkTarget;
|
|
5966
|
+
};
|
|
2844
5967
|
declare class PWordmark extends BaseComponent {
|
|
2845
5968
|
aria?: SelectedAriaAttributes<WordmarkAriaAttribute>;
|
|
2846
5969
|
href?: string;
|
|
@@ -2863,7 +5986,7 @@ declare class PorscheDesignSystemModule {
|
|
|
2863
5986
|
constructor(configParam: DefaultConfig);
|
|
2864
5987
|
static load(config: PorscheDesignSystemModuleConfig): ModuleWithProviders<PorscheDesignSystemModule>;
|
|
2865
5988
|
static ɵfac: i0.ɵɵFactoryDeclaration<PorscheDesignSystemModule, [{ optional: true; }]>;
|
|
2866
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<PorscheDesignSystemModule, [typeof PAccordion, typeof PBanner, typeof PButton, typeof PButtonPure, typeof PButtonTile, typeof PCanvas, typeof PCarousel, typeof PCheckbox, typeof PCrest, typeof PDisplay, typeof PDivider, typeof PDrilldown, typeof PDrilldownItem, typeof PDrilldownLink, typeof PFieldset, typeof PFlag, typeof PFlyout, typeof PHeading, typeof PIcon, typeof PInlineNotification, typeof PInputDate, typeof PInputEmail, typeof PInputMonth, typeof PInputNumber, typeof PInputPassword, typeof PInputSearch, typeof PInputTel, typeof PInputText, typeof PInputTime, typeof PInputUrl, typeof PInputWeek, typeof PLink, typeof PLinkPure, typeof PLinkTile, typeof PLinkTileProduct, typeof PModal, typeof PModelSignature, typeof PMultiSelect, typeof PMultiSelectOption, typeof POptgroup, typeof PPagination, typeof PPinCode, typeof PPopover, typeof PRadioGroup, typeof PRadioGroupOption, typeof PScroller, typeof PSegmentedControl, typeof PSegmentedControlItem, typeof PSelect, typeof PSelectOption, typeof PSheet, typeof PSpinner, typeof PStepperHorizontal, typeof PStepperHorizontalItem, typeof PSwitch, typeof PTable, typeof PTableBody, typeof PTableCell, typeof PTableHead, typeof PTableHeadCell, typeof PTableHeadRow, typeof PTableRow, typeof PTabs, typeof PTabsBar, typeof PTabsItem, typeof PTag, typeof PTagDismissible, typeof PText, typeof PTextList, typeof PTextListItem, typeof PTextarea, typeof PToast, typeof PWordmark], never, [typeof PAccordion, typeof PBanner, typeof PButton, typeof PButtonPure, typeof PButtonTile, typeof PCanvas, typeof PCarousel, typeof PCheckbox, typeof PCrest, typeof PDisplay, typeof PDivider, typeof PDrilldown, typeof PDrilldownItem, typeof PDrilldownLink, typeof PFieldset, typeof PFlag, typeof PFlyout, typeof PHeading, typeof PIcon, typeof PInlineNotification, typeof PInputDate, typeof PInputEmail, typeof PInputMonth, typeof PInputNumber, typeof PInputPassword, typeof PInputSearch, typeof PInputTel, typeof PInputText, typeof PInputTime, typeof PInputUrl, typeof PInputWeek, typeof PLink, typeof PLinkPure, typeof PLinkTile, typeof PLinkTileProduct, typeof PModal, typeof PModelSignature, typeof PMultiSelect, typeof PMultiSelectOption, typeof POptgroup, typeof PPagination, typeof PPinCode, typeof PPopover, typeof PRadioGroup, typeof PRadioGroupOption, typeof PScroller, typeof PSegmentedControl, typeof PSegmentedControlItem, typeof PSelect, typeof PSelectOption, typeof PSheet, typeof PSpinner, typeof PStepperHorizontal, typeof PStepperHorizontalItem, typeof PSwitch, typeof PTable, typeof PTableBody, typeof PTableCell, typeof PTableHead, typeof PTableHeadCell, typeof PTableHeadRow, typeof PTableRow, typeof PTabs, typeof PTabsBar, typeof PTabsItem, typeof PTag, typeof PTagDismissible, typeof PText, typeof PTextList, typeof PTextListItem, typeof PTextarea, typeof PToast, typeof PWordmark]>;
|
|
5989
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PorscheDesignSystemModule, [typeof PAccordion, typeof PAiTag, typeof PBanner, typeof PButton, typeof PButtonPure, typeof PButtonTile, typeof PCanvas, typeof PCarousel, typeof PCheckbox, typeof PCrest, typeof PDisplay, typeof PDivider, typeof PDrilldown, typeof PDrilldownItem, typeof PDrilldownLink, typeof PFieldset, typeof PFlag, typeof PFlyout, typeof PHeading, typeof PIcon, typeof PInlineNotification, typeof PInputDate, typeof PInputEmail, typeof PInputMonth, typeof PInputNumber, typeof PInputPassword, typeof PInputSearch, typeof PInputTel, typeof PInputText, typeof PInputTime, typeof PInputUrl, typeof PInputWeek, typeof PLink, typeof PLinkPure, typeof PLinkTile, typeof PLinkTileProduct, typeof PModal, typeof PModelSignature, typeof PMultiSelect, typeof PMultiSelectOption, typeof POptgroup, typeof PPagination, typeof PPinCode, typeof PPopover, typeof PRadioGroup, typeof PRadioGroupOption, typeof PScroller, typeof PSegmentedControl, typeof PSegmentedControlItem, typeof PSelect, typeof PSelectOption, typeof PSheet, typeof PSpinner, typeof PStepperHorizontal, typeof PStepperHorizontalItem, typeof PSwitch, typeof PTable, typeof PTableBody, typeof PTableCell, typeof PTableHead, typeof PTableHeadCell, typeof PTableHeadRow, typeof PTableRow, typeof PTabs, typeof PTabsBar, typeof PTabsItem, typeof PTag, typeof PTagDismissible, typeof PText, typeof PTextList, typeof PTextListItem, typeof PTextarea, typeof PToast, typeof PWordmark], never, [typeof PAccordion, typeof PAiTag, typeof PBanner, typeof PButton, typeof PButtonPure, typeof PButtonTile, typeof PCanvas, typeof PCarousel, typeof PCheckbox, typeof PCrest, typeof PDisplay, typeof PDivider, typeof PDrilldown, typeof PDrilldownItem, typeof PDrilldownLink, typeof PFieldset, typeof PFlag, typeof PFlyout, typeof PHeading, typeof PIcon, typeof PInlineNotification, typeof PInputDate, typeof PInputEmail, typeof PInputMonth, typeof PInputNumber, typeof PInputPassword, typeof PInputSearch, typeof PInputTel, typeof PInputText, typeof PInputTime, typeof PInputUrl, typeof PInputWeek, typeof PLink, typeof PLinkPure, typeof PLinkTile, typeof PLinkTileProduct, typeof PModal, typeof PModelSignature, typeof PMultiSelect, typeof PMultiSelectOption, typeof POptgroup, typeof PPagination, typeof PPinCode, typeof PPopover, typeof PRadioGroup, typeof PRadioGroupOption, typeof PScroller, typeof PSegmentedControl, typeof PSegmentedControlItem, typeof PSelect, typeof PSelectOption, typeof PSheet, typeof PSpinner, typeof PStepperHorizontal, typeof PStepperHorizontalItem, typeof PSwitch, typeof PTable, typeof PTableBody, typeof PTableCell, typeof PTableHead, typeof PTableHeadCell, typeof PTableHeadRow, typeof PTableRow, typeof PTabs, typeof PTabsBar, typeof PTabsItem, typeof PTag, typeof PTagDismissible, typeof PText, typeof PTextList, typeof PTextListItem, typeof PTextarea, typeof PToast, typeof PWordmark]>;
|
|
2867
5990
|
static ɵinj: i0.ɵɵInjectorDeclaration<PorscheDesignSystemModule>;
|
|
2868
5991
|
}
|
|
2869
5992
|
|
|
@@ -2873,5 +5996,5 @@ declare class ToastManager {
|
|
|
2873
5996
|
static ɵprov: i0.ɵɵInjectableDeclaration<ToastManager>;
|
|
2874
5997
|
}
|
|
2875
5998
|
|
|
2876
|
-
export { DECLARATIONS, PAccordion, PBanner, PButton, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFlag, PFlyout, PHeading, PIcon, PInlineNotification, PInputDate, PInputEmail, PInputMonth, PInputNumber, PInputPassword, PInputSearch, PInputTel, PInputText, PInputTime, PInputUrl, PInputWeek, PLink, PLinkPure, PLinkTile, PLinkTileProduct, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioGroup, PRadioGroupOption, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextList, PTextListItem, PTextarea, PToast, PWordmark, PorscheDesignSystemModule, ToastManager };
|
|
2877
|
-
export type { AccordionAlignMarker, AccordionBackground, AccordionHeadingTag, AccordionSize, AccordionUpdateEventDetail, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerPosition, BannerState, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureColor, ButtonPureIcon, ButtonPureSize, ButtonPureType, ButtonTileAlign, ButtonTileAriaAttribute, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight, ButtonType, ButtonVariant, CanvasBackground, CanvasSidebarStartUpdateEventDetail, CarouselAlignControls, CarouselAlignHeader, CarouselAriaAttribute, CarouselHeadingSize, CarouselInternationalization, CarouselSlidesPerPage, CarouselUpdateEventDetail, CarouselWidth, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxState, CrestAriaAttribute, CrestTarget, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DrilldownAriaAttribute, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FlagAriaAttribute, FlagName, FlagSize, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutBackground, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GroupDirection, HeadingAlign, HeadingColor, HeadingHyphens, HeadingSize, HeadingTag, HeadingWeight, IconAriaAttribute, IconColor, IconName, IconSize, InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, InputDateBlurEventDetail, InputDateChangeEventDetail, InputDateInputEventDetail, InputDateState, InputEmailBlurEventDetail, InputEmailChangeEventDetail, InputEmailInputEventDetail, InputEmailState, InputMonthBlurEventDetail, InputMonthChangeEventDetail, InputMonthInputEventDetail, InputMonthState, InputNumberBlurEventDetail, InputNumberChangeEventDetail, InputNumberInputEventDetail, InputNumberState, InputPasswordBlurEventDetail, InputPasswordChangeEventDetail, InputPasswordInputEventDetail, InputPasswordState, InputSearchAriaAttribute, InputSearchBlurEventDetail, InputSearchChangeEventDetail, InputSearchInputEventDetail, InputSearchState, InputTelBlurEventDetail, InputTelChangeEventDetail, InputTelInputEventDetail, InputTelState, InputTextBlurEventDetail, InputTextChangeEventDetail, InputTextInputEventDetail, InputTextState, InputTimeBlurEventDetail, InputTimeChangeEventDetail, InputTimeInputEventDetail, InputTimeState, InputUrlBlurEventDetail, InputUrlChangeEventDetail, InputUrlInputEventDetail, InputUrlState, InputWeekBlurEventDetail, InputWeekChangeEventDetail, InputWeekInputEventDetail, InputWeekState, LinkAriaAttribute, LinkButtonIconName, LinkButtonVariant, LinkIcon, LinkPureAlignLabel, LinkPureAriaAttribute, LinkPureColor, LinkPureIcon, LinkPureSize, LinkPureTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileProductAspectRatio, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, ModalAriaAttribute, ModalBackdrop, ModalBackground, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectChangeEventDetail, MultiSelectDropdownDirection, MultiSelectState, MultiSelectToggleEventDetail, PaginationInternationalization, PaginationUpdateEventDetail, PinCodeChangeEventDetail, PinCodeLength, PinCodeState, PinCodeType, PopoverAriaAttribute, PopoverDirection, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioGroupChangeEventDetail, RadioGroupDirection, RadioGroupState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerScrollToPosition, SegmentedControlChangeEventDetail, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlState, SelectChangeEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectToggleEventDetail, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetBackground, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerColor, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEventDetail, TabsBackground, TabsBarBackground, TabsBarSize, TabsBarUpdateEventDetail, TabsBarWeight, TabsSize, TabsUpdateEventDetail, TabsWeight, TagDismissibleAriaAttribute, TagIcon, TagVariant, TextAlign, TextColor, TextHyphens, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TileAlign, TileAspectRatio, TileSize, TileWeight, ToastMessage, ToastState, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };
|
|
5999
|
+
export { DECLARATIONS, PAccordion, PAiTag, PBanner, PButton, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFlag, PFlyout, PHeading, PIcon, PInlineNotification, PInputDate, PInputEmail, PInputMonth, PInputNumber, PInputPassword, PInputSearch, PInputTel, PInputText, PInputTime, PInputUrl, PInputWeek, PLink, PLinkPure, PLinkTile, PLinkTileProduct, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioGroup, PRadioGroupOption, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextList, PTextListItem, PTextarea, PToast, PWordmark, PorscheDesignSystemModule, ToastManager };
|
|
6000
|
+
export type { AccordionAlignMarker, AccordionBackground, AccordionHeadingTag, AccordionSize, AccordionUpdateEventDetail, AiTagLocale, AiTagVariant, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerPosition, BannerState, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureColor, ButtonPureIcon, ButtonPureSize, ButtonPureType, ButtonTileAlign, ButtonTileAriaAttribute, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight, ButtonType, ButtonVariant, CanvasBackground, CanvasSidebarStartUpdateEventDetail, CarouselAlignControls, CarouselAlignHeader, CarouselAriaAttribute, CarouselHeadingSize, CarouselInternationalization, CarouselSlidesPerPage, CarouselUpdateEventDetail, CarouselWidth, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxState, CrestAriaAttribute, CrestTarget, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DrilldownAriaAttribute, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FlagAriaAttribute, FlagName, FlagSize, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutBackground, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GroupDirection, HeadingAlign, HeadingColor, HeadingHyphens, HeadingSize, HeadingTag, HeadingWeight, IconAriaAttribute, IconColor, IconName, IconSize, InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, InputDateBlurEventDetail, InputDateChangeEventDetail, InputDateInputEventDetail, InputDateState, InputEmailBlurEventDetail, InputEmailChangeEventDetail, InputEmailInputEventDetail, InputEmailState, InputMonthBlurEventDetail, InputMonthChangeEventDetail, InputMonthInputEventDetail, InputMonthState, InputNumberBlurEventDetail, InputNumberChangeEventDetail, InputNumberInputEventDetail, InputNumberState, InputPasswordBlurEventDetail, InputPasswordChangeEventDetail, InputPasswordInputEventDetail, InputPasswordState, InputSearchAriaAttribute, InputSearchBlurEventDetail, InputSearchChangeEventDetail, InputSearchInputEventDetail, InputSearchState, InputTelBlurEventDetail, InputTelChangeEventDetail, InputTelInputEventDetail, InputTelState, InputTextBlurEventDetail, InputTextChangeEventDetail, InputTextInputEventDetail, InputTextState, InputTimeBlurEventDetail, InputTimeChangeEventDetail, InputTimeInputEventDetail, InputTimeState, InputUrlBlurEventDetail, InputUrlChangeEventDetail, InputUrlInputEventDetail, InputUrlState, InputWeekBlurEventDetail, InputWeekChangeEventDetail, InputWeekInputEventDetail, InputWeekState, LinkAriaAttribute, LinkButtonIconName, LinkButtonVariant, LinkIcon, LinkPureAlignLabel, LinkPureAriaAttribute, LinkPureColor, LinkPureIcon, LinkPureSize, LinkPureTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileProductAspectRatio, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, ModalAriaAttribute, ModalBackdrop, ModalBackground, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectChangeEventDetail, MultiSelectDropdownDirection, MultiSelectState, MultiSelectToggleEventDetail, PAccordionProps, PAiTagProps, PBannerProps, PButtonProps, PButtonPureProps, PButtonTileProps, PCanvasProps, PCarouselProps, PCheckboxProps, PCrestProps, PDisplayProps, PDividerProps, PDrilldownItemProps, PDrilldownLinkProps, PDrilldownProps, PFieldsetProps, PFlagProps, PFlyoutProps, PHeadingProps, PIconProps, PInlineNotificationProps, PInputDateProps, PInputEmailProps, PInputMonthProps, PInputNumberProps, PInputPasswordProps, PInputSearchProps, PInputTelProps, PInputTextProps, PInputTimeProps, PInputUrlProps, PInputWeekProps, PLinkProps, PLinkPureProps, PLinkTileProductProps, PLinkTileProps, PModalProps, PModelSignatureProps, PMultiSelectOptionProps, PMultiSelectProps, POptgroupProps, PPaginationProps, PPinCodeProps, PPopoverProps, PRadioGroupOptionProps, PRadioGroupProps, PScrollerProps, PSegmentedControlItemProps, PSegmentedControlProps, PSelectOptionProps, PSelectProps, PSheetProps, PSpinnerProps, PStepperHorizontalItemProps, PStepperHorizontalProps, PSwitchProps, PTableBodyProps, PTableCellProps, PTableHeadCellProps, PTableHeadProps, PTableHeadRowProps, PTableProps, PTableRowProps, PTabsBarProps, PTabsItemProps, PTabsProps, PTagDismissibleProps, PTagProps, PTextListItemProps, PTextListProps, PTextProps, PTextareaProps, PToastProps, PWordmarkProps, PaginationInternationalization, PaginationUpdateEventDetail, PinCodeChangeEventDetail, PinCodeLength, PinCodeState, PinCodeType, PopoverAriaAttribute, PopoverDirection, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioGroupChangeEventDetail, RadioGroupDirection, RadioGroupState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerScrollToPosition, SegmentedControlChangeEventDetail, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlState, SelectChangeEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectToggleEventDetail, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetBackground, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerColor, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEventDetail, TabsBackground, TabsBarBackground, TabsBarSize, TabsBarUpdateEventDetail, TabsBarWeight, TabsSize, TabsUpdateEventDetail, TabsWeight, TagDismissibleAriaAttribute, TagIcon, TagVariant, TextAlign, TextColor, TextHyphens, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TileAlign, TileAspectRatio, TileSize, TileWeight, ToastMessage, ToastState, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };
|