@progressive-development/pd-contact 0.9.2 → 1.0.0

package/dist/pd-page/dist/pd-socialmedia/pd-socialmedia-model.js

@@ -0,0 +1,240 @@
+const trim = (s) => s.trim();
+const stripAt = (s) => s.replace(/^@/, "");
+const ensureHttps = (url) => /^https?:\/\//i.test(url) ? url : `https://${url}`;
+const SOCIAL_PROVIDERS = [
+  // --- Social ---
+  {
+    id: "instagram",
+    label: "Instagram",
+    aliases: ["insta", "ig"],
+    category: "Social",
+    icon: "📸",
+    brandColor: "#E4405F",
+    inputKind: "username",
+    placeholder: "@deinname",
+    pattern: /^[A-Za-z0-9._]{1,30}$/,
+    normalize: (raw) => stripAt(trim(raw)),
+    toUrl: (input) => `https://instagram.com/${stripAt(trim(input))}`
+  },
+  {
+    id: "tiktok",
+    label: "TikTok",
+    aliases: ["tiktok"],
+    category: "Social",
+    icon: "🎵",
+    brandColor: "#000000",
+    inputKind: "username",
+    placeholder: "@deinname",
+    pattern: /^[A-Za-z0-9._]{2,24}$/,
+    normalize: (raw) => stripAt(trim(raw)),
+    toUrl: (input) => `https://www.tiktok.com/@${stripAt(trim(input))}`
+  },
+  {
+    id: "facebook",
+    label: "Facebook",
+    aliases: ["fb", "facebook page"],
+    category: "Social",
+    icon: "📘",
+    brandColor: "#1877F2",
+    inputKind: "url",
+    placeholder: "facebook.com/deinprofil",
+    pattern: /^https?:\/\/(www\.)?facebook\.com\/.+/i,
+    toUrl: (input) => ensureHttps(trim(input))
+  },
+  {
+    id: "x",
+    label: "X (Twitter)",
+    aliases: ["twitter"],
+    category: "Social",
+    icon: "X",
+    brandColor: "#000000",
+    inputKind: "username",
+    placeholder: "@deinname",
+    pattern: /^[A-Za-z0-9_]{1,15}$/,
+    normalize: (raw) => stripAt(trim(raw)),
+    toUrl: (input) => `https://x.com/${stripAt(trim(input))}`
+  },
+  {
+    id: "youtube",
+    label: "YouTube",
+    aliases: ["yt", "youtube channel"],
+    category: "Streaming",
+    icon: "▶️",
+    brandColor: "#FF0000",
+    inputKind: "url",
+    placeholder: "youtube.com/@deinname oder Kanal-URL",
+    pattern: /^https?:\/\/(www\.)?youtube\.com\/.+/i,
+    toUrl: (input) => ensureHttps(trim(input))
+  },
+  {
+    id: "twitch",
+    label: "Twitch",
+    aliases: ["twitch tv"],
+    category: "Streaming",
+    icon: "🎮",
+    brandColor: "#9146FF",
+    inputKind: "username",
+    placeholder: "deinname",
+    pattern: /^[A-Za-z0-9_]{4,25}$/,
+    normalize: (raw) => trim(raw),
+    toUrl: (input) => `https://twitch.tv/${trim(input)}`
+  },
+  // --- Music / DJ ---
+  {
+    id: "soundcloud",
+    label: "SoundCloud",
+    aliases: ["sc"],
+    category: "Music",
+    icon: "☁️",
+    brandColor: "#FF5500",
+    inputKind: "username",
+    placeholder: "deinname",
+    pattern: /^[A-Za-z0-9-_.]{3,40}$/,
+    normalize: (raw) => trim(raw).replace(/^https?:\/\/(www\.)?soundcloud\.com\//i, ""),
+    toUrl: (input) => `https://soundcloud.com/${trim(input)}`
+  },
+  {
+    id: "mixcloud",
+    label: "Mixcloud",
+    aliases: ["mix cloud"],
+    category: "Music",
+    icon: "📻",
+    brandColor: "#5000FF",
+    inputKind: "username",
+    placeholder: "deinname",
+    pattern: /^[A-Za-z0-9-_.]{3,40}$/,
+    normalize: (raw) => trim(raw).replace(/^https?:\/\/(www\.)?mixcloud\.com\//i, ""),
+    toUrl: (input) => `https://www.mixcloud.com/${trim(input)}/`
+  },
+  {
+    id: "hearthis",
+    label: "HearThis.at",
+    aliases: ["hearthis"],
+    category: "Music",
+    icon: "🔊",
+    brandColor: "#D61C1C",
+    inputKind: "username",
+    placeholder: "deinname",
+    pattern: /^[A-Za-z0-9-_.]{3,40}$/,
+    normalize: (raw) => trim(raw).replace(/^https?:\/\/(www\.)?hearthis\.at\//i, ""),
+    toUrl: (input) => `https://hearthis.at/${trim(input)}/`
+  },
+  {
+    id: "beatport",
+    label: "Beatport (Artist)",
+    aliases: ["beat port"],
+    category: "DJ/Booking",
+    icon: "🎧",
+    brandColor: "#A8E00F",
+    inputKind: "url",
+    placeholder: "beatport.com/artist/... oder /profile/...",
+    pattern: /^https?:\/\/(www\.)?beatport\.com\/(artist|profile)\/.+/i,
+    toUrl: (input) => ensureHttps(trim(input))
+  },
+  {
+    id: "residentadvisor",
+    label: "Resident Advisor",
+    aliases: ["ra", "ra.co"],
+    category: "DJ/Booking",
+    icon: "🟢",
+    brandColor: "#BADA55",
+    inputKind: "url",
+    placeholder: "ra.co/dj/deinname",
+    pattern: /^https?:\/\/(www\.)?ra\.co\/dj\/.+/i,
+    toUrl: (input) => ensureHttps(trim(input))
+  },
+  {
+    id: "spotify",
+    label: "Spotify (Artist)",
+    aliases: ["spotify artist"],
+    category: "Music",
+    icon: "🟢",
+    brandColor: "#1DB954",
+    inputKind: "id",
+    placeholder: "Artist-ID oder vollständige URL",
+    pattern: /^[0-9A-Za-z]{22}$|^https?:\/\/open\.spotify\.com\/artist\/[0-9A-Za-z]{22}/i,
+    normalize: (raw) => {
+      const s = trim(raw);
+      const m = s.match(/artist\/([0-9A-Za-z]{22})/);
+      return m ? m[1] : s;
+    },
+    toUrl: (input) => {
+      const id = trim(input).match(/^[0-9A-Za-z]{22}$/) ? input : input.match(/artist\/([0-9A-Za-z]{22})/)?.[1] ?? input;
+      return `https://open.spotify.com/artist/${id}`;
+    }
+  },
+  {
+    id: "applemusic",
+    label: "Apple Music",
+    aliases: ["itunes", "apple music artist"],
+    category: "Music",
+    icon: "🎵",
+    brandColor: "#FA2D48",
+    inputKind: "url",
+    placeholder: "music.apple.com/... (Artist-Link)",
+    pattern: /^https?:\/\/music\.apple\.com\/.+/i,
+    toUrl: (input) => ensureHttps(trim(input))
+  },
+  {
+    id: "deezer",
+    label: "Deezer (Artist)",
+    aliases: ["deezer"],
+    category: "Music",
+    icon: "🎶",
+    brandColor: "#00C7F2",
+    inputKind: "url",
+    placeholder: "deezer.com/artist/...",
+    pattern: /^https?:\/\/(www\.)?deezer\.com\/.+/i,
+    toUrl: (input) => ensureHttps(trim(input))
+  },
+  {
+    id: "bandcamp",
+    label: "Bandcamp",
+    aliases: ["band camp"],
+    category: "Music",
+    icon: "💿",
+    brandColor: "#629AA9",
+    inputKind: "url",
+    placeholder: "deinname.bandcamp.com",
+    pattern: /^https?:\/\/[A-Za-z0-9-]+\.bandcamp\.com(\/.*)?$/i,
+    toUrl: (input) => ensureHttps(trim(input))
+  },
+  {
+    id: "discogs",
+    label: "Discogs",
+    aliases: ["disc ogs"],
+    category: "Catalog",
+    icon: "📀",
+    brandColor: "#333333",
+    inputKind: "url",
+    placeholder: "discogs.com/artist/... oder /user/...",
+    pattern: /^https?:\/\/(www\.)?discogs\.com\/(artist|user)\/.+/i,
+    toUrl: (input) => ensureHttps(trim(input))
+  },
+  {
+    id: "mixesdb",
+    label: "MixesDB",
+    aliases: ["mixes db"],
+    category: "Catalog",
+    icon: "📂",
+    brandColor: "#FFB000",
+    inputKind: "url",
+    placeholder: "mixesdb.com/... (Profil-URL)",
+    pattern: /^https?:\/\/(www\.)?mixesdb\.com\/.+/i,
+    toUrl: (input) => ensureHttps(trim(input))
+  },
+  {
+    id: "linkedin",
+    label: "LinkedIn",
+    aliases: ["li"],
+    category: "Social",
+    icon: "🔗",
+    brandColor: "#0A66C2",
+    inputKind: "url",
+    placeholder: "linkedin.com/in/deinname",
+    pattern: /^https?:\/\/(www\.)?linkedin\.com\/.+/i,
+    toUrl: (input) => ensureHttps(trim(input))
+  }
+];
+
+export { SOCIAL_PROVIDERS };

package/dist/pd-page/dist/pd-socialmedia.js

@@ -0,0 +1,7 @@
+import { PdSocialmedia } from './pd-socialmedia/PdSocialmedia.js';
+
+if (!customElements.get("pd-socialmedia")) {
+  customElements.define("pd-socialmedia", PdSocialmedia);
+}
+
+export { PdSocialmedia };

package/dist/types.d.ts

@@ -1,3 +1,5 @@
+import { SocialEntry } from '@progressive-development/pd-page';
+export type { SocialEntry };
 export declare const C_TYPE = "type";
 export declare const C_COMPANY = "companyName";
 export declare const C_BTWNR = "vatNr";
@@ -11,6 +13,10 @@ export declare const C_ADDITIONAL = "additionalHint";
 export declare const C_PROPERTY_DATE = "propertyDate";
 export declare const C_PHONE1 = "phone1";
 export declare const C_EMAIL = "email";
+export declare const C_TITLE_NAME = "titleName";
+export declare const C_LOGO = "logo";
+export declare const C_WEBSITE = "website";
+export declare const C_SOCIAL_MEDIA = "socialMedia";
 export interface PdContactData {
     business?: boolean;
     companyName?: string;
@@ -29,6 +35,10 @@ export interface PdContactData {
     btw?: string;
     kbc?: string;
     bank?: string;
+    titleName?: string;
+    logo?: string;
+    website?: string;
+    socialMedia?: SocialEntry[];
 }
 export interface PdContactMatch {
     zip?: string;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,SAAS,CAAC;AAC7B,eAAO,MAAM,SAAS,gBAAgB,CAAC;AACvC,eAAO,MAAM,OAAO,UAAU,CAAC;AAC/B,eAAO,MAAM,WAAW,cAAc,CAAC;AACvC,eAAO,MAAM,UAAU,aAAa,CAAC;AACrC,eAAO,MAAM,QAAQ,WAAW,CAAC;AACjC,eAAO,MAAM,WAAW,aAAa,CAAC;AACtC,eAAO,MAAM,MAAM,SAAS,CAAC;AAC7B,eAAO,MAAM,KAAK,QAAQ,CAAC;AAC3B,eAAO,MAAM,YAAY,mBAAmB,CAAC;AAC7C,eAAO,MAAM,eAAe,iBAAiB,CAAC;AAC9C,eAAO,MAAM,QAAQ,WAAW,CAAC;AACjC,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,oBAAoB;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,kCAAkC,CAAC;AACpE,YAAY,EAAE,WAAW,EAAE,CAAC;AAE5B,eAAO,MAAM,MAAM,SAAS,CAAC;AAC7B,eAAO,MAAM,SAAS,gBAAgB,CAAC;AACvC,eAAO,MAAM,OAAO,UAAU,CAAC;AAC/B,eAAO,MAAM,WAAW,cAAc,CAAC;AACvC,eAAO,MAAM,UAAU,aAAa,CAAC;AACrC,eAAO,MAAM,QAAQ,WAAW,CAAC;AACjC,eAAO,MAAM,WAAW,aAAa,CAAC;AACtC,eAAO,MAAM,MAAM,SAAS,CAAC;AAC7B,eAAO,MAAM,KAAK,QAAQ,CAAC;AAC3B,eAAO,MAAM,YAAY,mBAAmB,CAAC;AAC7C,eAAO,MAAM,eAAe,iBAAiB,CAAC;AAC9C,eAAO,MAAM,QAAQ,WAAW,CAAC;AACjC,eAAO,MAAM,OAAO,UAAU,CAAC;AAG/B,eAAO,MAAM,YAAY,cAAc,CAAC;AACxC,eAAO,MAAM,MAAM,SAAS,CAAC;AAC7B,eAAO,MAAM,SAAS,YAAY,CAAC;AACnC,eAAO,MAAM,cAAc,gBAAgB,CAAC;AAE5C,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,oBAAoB;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB"}

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@progressive-development/pd-contact",
-  "version": "0.9.2",
+  "version": "1.0.0",
   "description": "Progressive Development Contact component",
   "author": "PD Progressive Development",
-  "license": "SEE LICENSE IN LICENSE",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "type": "module",
@@ -25,9 +28,9 @@
     "lit": "^3.3.1",
     "@lit/localize": "^0.12.2",
     "tslib": "^2.8.1",
-    "@progressive-development/pd-shared-styles": "0.3.0",
-    "@progressive-development/pd-icon": "0.9.2",
-    "@progressive-development/pd-forms": "0.9.2"
+    "@progressive-development/pd-icon": "1.0.0",
+    "@progressive-development/pd-shared-styles": "0.3.1",
+    "@progressive-development/pd-forms": "1.0.0"
   },
   "customElements": "custom-elements.json",
   "keywords": [