@porsche-design-system/components-angular 2.16.3-rc.0 → 2.17.0-rc.0

package/lib/components/barrel.d.ts

@@ -18,6 +18,7 @@ import { PInlineNotification } from './inline-notification.wrapper';
 import { PLink } from './link.wrapper';
 import { PLinkPure } from './link-pure.wrapper';
 import { PLinkSocial } from './link-social.wrapper';
+import { PLinkTile } from './link-tile.wrapper';
 import { PMarque } from './marque.wrapper';
 import { PModal } from './modal.wrapper';
 import { PPagination } from './pagination.wrapper';
@@ -49,7 +50,7 @@ import { PTextList } from './text-list.wrapper';
 import { PTextListItem } from './text-list-item.wrapper';
 import { PTextareaWrapper } from './textarea-wrapper.wrapper';
 import { PToast } from './toast.wrapper';
-export declare const DECLARATIONS: (typeof PAccordion | typeof PBanner | typeof PButton | typeof PButtonGroup | typeof PButtonPure | typeof PCarousel | typeof PCheckboxWrapper | typeof PContentWrapper | typeof PDivider | typeof PFieldsetWrapper | typeof PFlex | typeof PFlexItem | typeof PGrid | typeof PGridItem | typeof PHeadline | typeof PIcon | typeof PInlineNotification | typeof PLink | typeof PLinkPure | typeof PLinkSocial | typeof PMarque | typeof PModal | typeof PPagination | typeof PPopover | typeof PRadioButtonWrapper | typeof PScroller | typeof PSegmentedControl | typeof PSegmentedControlItem | typeof PSelectWrapper | 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 PTextFieldWrapper | typeof PTextList | typeof PTextListItem | typeof PTextareaWrapper | typeof PToast)[];
+export declare const DECLARATIONS: (typeof PAccordion | typeof PBanner | typeof PButton | typeof PButtonGroup | typeof PButtonPure | typeof PCarousel | typeof PCheckboxWrapper | typeof PContentWrapper | typeof PDivider | typeof PFieldsetWrapper | typeof PFlex | typeof PFlexItem | typeof PGrid | typeof PGridItem | typeof PHeadline | typeof PIcon | typeof PInlineNotification | typeof PLink | typeof PLinkPure | typeof PLinkSocial | typeof PLinkTile | typeof PMarque | typeof PModal | typeof PPagination | typeof PPopover | typeof PRadioButtonWrapper | typeof PScroller | typeof PSegmentedControl | typeof PSegmentedControlItem | typeof PSelectWrapper | 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 PTextFieldWrapper | typeof PTextList | typeof PTextListItem | typeof PTextareaWrapper | typeof PToast)[];
 export * from './accordion.wrapper';
 export * from './banner.wrapper';
 export * from './button.wrapper';
@@ -70,6 +71,7 @@ export * from './inline-notification.wrapper';
 export * from './link.wrapper';
 export * from './link-pure.wrapper';
 export * from './link-social.wrapper';
+export * from './link-tile.wrapper';
 export * from './marque.wrapper';
 export * from './modal.wrapper';
 export * from './pagination.wrapper';

package/lib/components/link-tile.wrapper.d.ts

@@ -0,0 +1,23 @@
+import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
+import type { LinkTileAlign, SelectedAriaAttributes, LinkAriaAttributes, BreakpointCustomizable, LinkTileAspectRatio, LinkTileSize, LinkTarget, LinkTileWeight } from '../types';
+import * as i0 from "@angular/core";
+export declare class PLinkTile {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    align: LinkTileAlign;
+    aria: SelectedAriaAttributes<LinkAriaAttributes>;
+    aspectRatio: BreakpointCustomizable<LinkTileAspectRatio>;
+    compact: BreakpointCustomizable<boolean>;
+    description: string;
+    download: string;
+    gradient: boolean;
+    href: string;
+    label: string;
+    rel: string;
+    size: BreakpointCustomizable<LinkTileSize>;
+    target: LinkTarget;
+    weight: BreakpointCustomizable<LinkTileWeight>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PLinkTile, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PLinkTile, "p-link-tile,[p-link-tile]", never, { "align": "align"; "aria": "aria"; "aspectRatio": "aspectRatio"; "compact": "compact"; "description": "description"; "download": "download"; "gradient": "gradient"; "href": "href"; "label": "label"; "rel": "rel"; "size": "size"; "target": "target"; "weight": "weight"; }, {}, never, ["*"]>;
+}

package/lib/types.d.ts

@@ -563,6 +563,29 @@ declare const LINK_ARIA_ATTRIBUTES: readonly [
 ];
 export declare type LinkAriaAttributes = typeof LINK_ARIA_ATTRIBUTES[number];
 export declare type SocialIconName = Extract<IconName, "logo-facebook" | "logo-google" | "logo-instagram" | "logo-linkedin" | "logo-pinterest" | "logo-twitter" | "logo-wechat" | "logo-whatsapp" | "logo-xing" | "logo-youtube" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-foursquare" | "logo-gmail" | "logo-hatena" | "logo-kaixin" | "logo-kakaotalk" | "logo-naver" | "logo-qq-share" | "logo-qq" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-viber" | "logo-vk" | "logo-weibo" | "logo-yahoo" | "logo-youku">;
+declare const LINK_TILE_WEIGHTS: readonly [
+    "regular",
+    "semibold"
+];
+export declare type LinkTileWeight = typeof LINK_TILE_WEIGHTS[number];
+declare const LINK_TILE_SIZES: readonly [
+    "default",
+    "inherit"
+];
+export declare type LinkTileSize = typeof LINK_TILE_SIZES[number];
+declare const LINK_TILE_ALIGNS: readonly [
+    "top",
+    "bottom"
+];
+export declare type LinkTileAlign = typeof LINK_TILE_ALIGNS[number];
+declare const LINK_TILE_ASPECT_RATIOS: readonly [
+    "1:1",
+    "4:3",
+    "3:4",
+    "16:9",
+    "9:16"
+];
+export declare type LinkTileAspectRatio = typeof LINK_TILE_ASPECT_RATIOS[number];
 declare const MARQUE_SIZES: readonly [
     "responsive",
     "small",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-angular",
-  "version": "2.16.3-rc.0",
+  "version": "2.17.0-rc.0",
   "description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
   "keywords": [
     "porsche",
@@ -17,7 +17,7 @@
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.porsche.com",
   "dependencies": {
-    "@porsche-design-system/components-js": "2.16.3-rc.0",
+    "@porsche-design-system/components-js": "2.17.0-rc.0",
     "tslib": "^2.0.1"
   },
   "peerDependencies": {

package/esm2020/skeleton-helper.mjs

@@ -1,4 +0,0 @@
-import { InjectionToken } from '@angular/core';
-export const usesSkeletons = () => typeof window !== 'undefined' && !!document.querySelector('style[uses-skeleton]');
-export const USES_SKELETONS = new InjectionToken('usesSkeletons');
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24taGVscGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy13cmFwcGVyL3NyYy9za2VsZXRvbi1oZWxwZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvQyxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsR0FBWSxFQUFFLENBQ3pDLE9BQU8sTUFBTSxLQUFLLFdBQVcsSUFBSSxDQUFDLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0FBRXBGLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxJQUFJLGNBQWMsQ0FBVSxlQUFlLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBjb25zdCB1c2VzU2tlbGV0b25zID0gKCk6IGJvb2xlYW4gPT5cbiAgdHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCcgJiYgISFkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCdzdHlsZVt1c2VzLXNrZWxldG9uXScpO1xuXG5leHBvcnQgY29uc3QgVVNFU19TS0VMRVRPTlMgPSBuZXcgSW5qZWN0aW9uVG9rZW48Ym9vbGVhbj4oJ3VzZXNTa2VsZXRvbnMnKTtcbiJdfQ==

package/skeleton-helper.d.ts

@@ -1,3 +0,0 @@
-import { InjectionToken } from '@angular/core';
-export declare const usesSkeletons: () => boolean;
-export declare const USES_SKELETONS: InjectionToken<boolean>;