@ptcwebops/ptcw-design 7.0.13-upgrade → 7.0.15-upgrade

package/dist/collection/components/atoms/ptc-link/ptc-link.css

@@ -2,431 +2,176 @@
 @import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
 /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
 @layer properties;
-.collapse {
-  visibility: collapse;
-}
-
-.invisible {
-  visibility: hidden;
-}
-
-.visible {
-  visibility: visible;
-}
-
-.absolute {
-  position: absolute;
-}
-
-.fixed {
-  position: fixed;
-}
-
-.relative {
-  position: relative;
-}
-
-.static {
-  position: static;
-}
-
-.sticky {
-  position: sticky;
-}
-
-.z-1 {
-  z-index: 1;
-}
-
-.z-2 {
-  z-index: 2;
-}
-
-.z-3 {
-  z-index: 3;
+.tw\:inline-flex {
+  display: inline-flex;
 }
 
-.z-99 {
-  z-index: 99;
+.tw\:w-full {
+  width: 100%;
 }
 
-.z-999 {
-  z-index: 999;
+.tw\:cursor-pointer {
+  cursor: pointer;
 }
 
-.z-auto {
-  z-index: auto;
+.tw\:items-center {
+  align-items: center;
 }
 
-.container {
-  width: 100%;
+.tw\:justify-center {
+  justify-content: center;
 }
 
-.block {
-  display: block;
+.tw\:gap-2 {
+  gap: var(--ptc-element-spacing-02);
 }
 
-.flex {
-  display: flex;
+.tw\:space-y-6 {
+  :where(& > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(var(--ptc-element-spacing-06) * var(--tw-space-y-reverse));
+    margin-block-end: calc(var(--ptc-element-spacing-06) * (1 - var(--tw-space-y-reverse)));
+  }
 }
 
-.hidden {
-  display: none;
+.tw\:rounded {
+  border-radius: var(--ptc-border-radius-standard);
 }
 
-.inline {
-  display: inline;
+.tw\:border-2 {
+  border-style: var(--tw-border-style);
+  border-width: 2px;
 }
 
-.inline-block {
-  display: inline-block;
+.tw\:border-solid {
+  --tw-border-style: solid;
+  border-style: solid;
 }
 
-.list-item {
-  display: list-item;
+.tw\:border-gray-800 {
+  border-color: var(--color-gray-08);
 }
 
-.table {
-  display: table;
+.tw\:border-gray-1000 {
+  border-color: var(--color-gray-10);
 }
 
-.table-cell {
-  display: table-cell;
+.tw\:border-green-700 {
+  border-color: var(--color-green-07);
 }
 
-.table-row {
-  display: table-row;
+.tw\:bg-gray-1200 {
+  background-color: var(--color-gray-12);
 }
 
-.flex-shrink {
-  flex-shrink: 1;
+.tw\:bg-green-700 {
+  background-color: var(--color-green-07);
 }
 
-.transform {
-  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
+.tw\:bg-white {
+  background-color: var(--color-white);
 }
 
-.resize {
-  resize: both;
+.tw\:px-3 {
+  padding-inline: var(--ptc-element-spacing-03);
 }
 
-.flex-col {
-  flex-direction: column;
+.tw\:px-4 {
+  padding-inline: var(--ptc-element-spacing-04);
 }
 
-.truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.tw\:px-5 {
+  padding-inline: var(--ptc-element-spacing-05);
 }
 
-.overflow-x-hidden {
-  overflow-x: hidden;
+.tw\:py-2 {
+  padding-block: var(--ptc-element-spacing-02);
 }
 
-.border {
-  border-style: var(--tw-border-style);
-  border-width: 1px;
+.tw\:py-3 {
+  padding-block: var(--ptc-element-spacing-03);
 }
 
-.border-none {
-  --tw-border-style: none;
-  border-style: none;
+.tw\:py-\[14px\] {
+  padding-block: 14px;
 }
 
-.text-center {
+.tw\:text-center {
   text-align: center;
 }
 
-.text-ellipsis {
-  text-overflow: ellipsis;
+.tw\:text-left {
+  text-align: left;
 }
 
-.capitalize {
-  text-transform: capitalize;
+.tw\:font-primary {
+  font-family: var(--ptc-font-latin);
 }
 
-.lowercase {
-  text-transform: lowercase;
+.tw\:leading-\[18px\] {
+  --tw-leading: 18px;
+  line-height: 18px;
 }
 
-.uppercase {
-  text-transform: uppercase;
+.tw\:leading-\[21px\] {
+  --tw-leading: 21px;
+  line-height: 21px;
 }
 
-.italic {
-  font-style: italic;
+.tw\:leading-\[22px\] {
+  --tw-leading: 22px;
+  line-height: 22px;
 }
 
-.underline {
-  text-decoration-line: underline;
-}
-
-.ring {
-  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+.tw\:leading-\[24px\] {
+  --tw-leading: 24px;
+  line-height: 24px;
 }
 
-.outline {
-  outline-style: var(--tw-outline-style);
-  outline-width: 1px;
+.tw\:text-\[\#40434A\] {
+  color: #40434A;
 }
 
-.grayscale {
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
+.tw\:text-gray-700 {
+  color: var(--color-gray-07);
 }
 
-.filter {
-  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
+.tw\:text-gray-800 {
+  color: var(--color-gray-08);
 }
 
-.backdrop-filter {
-  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+.tw\:text-gray-900 {
+  color: var(--color-gray-09);
 }
 
-.transition {
-  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
-  transition-timing-function: var(--tw-ease, ease);
-  transition-duration: var(--tw-duration, 0s);
+.tw\:text-gray-1000 {
+  color: var(--color-gray-10);
 }
 
-.select-all {
-  -webkit-user-select: all;
-  -moz-user-select: all;
-       user-select: all;
+.tw\:text-white {
+  color: var(--color-white);
 }
 
-@property --tw-rotate-x {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-rotate-y {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-rotate-z {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-skew-x {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-skew-y {
+@property --tw-space-y-reverse {
   syntax: "*";
   inherits: false;
+  initial-value: 0;
 }
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
   initial-value: solid;
 }
-@property --tw-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 rgba(0, 0, 0, 0);
-}
-@property --tw-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-inset-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 rgba(0, 0, 0, 0);
-}
-@property --tw-inset-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-inset-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-ring-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ring-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 rgba(0, 0, 0, 0);
-}
-@property --tw-inset-ring-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-inset-ring-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 rgba(0, 0, 0, 0);
-}
-@property --tw-ring-inset {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ring-offset-width {
-  syntax: "<length>";
-  inherits: false;
-  initial-value: 0px;
-}
-@property --tw-ring-offset-color {
-  syntax: "*";
-  inherits: false;
-  initial-value: #fff;
-}
-@property --tw-ring-offset-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 rgba(0, 0, 0, 0);
-}
-@property --tw-outline-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-@property --tw-blur {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-brightness {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-contrast {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-grayscale {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-hue-rotate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-invert {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-opacity {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-saturate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-sepia {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-drop-shadow-size {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-blur {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-brightness {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-contrast {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-grayscale {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-hue-rotate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-invert {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-opacity {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-saturate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-sepia {
+@property --tw-leading {
   syntax: "*";
   inherits: false;
 }
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
-      --tw-rotate-x: initial;
-      --tw-rotate-y: initial;
-      --tw-rotate-z: initial;
-      --tw-skew-x: initial;
-      --tw-skew-y: initial;
+      --tw-space-y-reverse: 0;
       --tw-border-style: solid;
-      --tw-shadow: 0 0 #0000;
-      --tw-shadow-color: initial;
-      --tw-shadow-alpha: 100%;
-      --tw-inset-shadow: 0 0 #0000;
-      --tw-inset-shadow-color: initial;
-      --tw-inset-shadow-alpha: 100%;
-      --tw-ring-color: initial;
-      --tw-ring-shadow: 0 0 #0000;
-      --tw-inset-ring-color: initial;
-      --tw-inset-ring-shadow: 0 0 #0000;
-      --tw-ring-inset: initial;
-      --tw-ring-offset-width: 0px;
-      --tw-ring-offset-color: #fff;
-      --tw-ring-offset-shadow: 0 0 #0000;
-      --tw-outline-style: solid;
-      --tw-blur: initial;
-      --tw-brightness: initial;
-      --tw-contrast: initial;
-      --tw-grayscale: initial;
-      --tw-hue-rotate: initial;
-      --tw-invert: initial;
-      --tw-opacity: initial;
-      --tw-saturate: initial;
-      --tw-sepia: initial;
-      --tw-drop-shadow: initial;
-      --tw-drop-shadow-color: initial;
-      --tw-drop-shadow-alpha: 100%;
-      --tw-drop-shadow-size: initial;
-      --tw-backdrop-blur: initial;
-      --tw-backdrop-brightness: initial;
-      --tw-backdrop-contrast: initial;
-      --tw-backdrop-grayscale: initial;
-      --tw-backdrop-hue-rotate: initial;
-      --tw-backdrop-invert: initial;
-      --tw-backdrop-opacity: initial;
-      --tw-backdrop-saturate: initial;
-      --tw-backdrop-sepia: initial;
+      --tw-leading: initial;
     }
   }
 }

package/dist/collection/global/global.js

@@ -2,13 +2,16 @@
 import { ptcLogger } from "../utils/fef-logger";
 import { loadValidationMessages } from "../utils/validation-messages";
 export default () => {
-    // Add hydrated class to <html> element to match v2 behavior
-    if (typeof window !== 'undefined') {
-        document.documentElement.classList.add('hydrated');
-    }
     globalThis.ptcLogger = ptcLogger;
     loadValidationMessages()
         .then(() => ptcLogger?.info?.('Validation messages loaded successfully'))
         .catch((err) => ptcLogger?.error?.('Failed to load validation messages', err));
+    // Add 'hydrated' class to <html> tag for backward compatibility with Stencil v1 behavior
+    // In Stencil v4, this class is only added to individual components, not the document root
+    if (typeof window !== 'undefined') {
+        window.addEventListener('appload', () => {
+            document.documentElement.classList.add('hydrated');
+        });
+    }
 };
 //# sourceMappingURL=global.js.map

package/dist/collection/global/global.js.map

@@ -1 +1 @@
-{"version":3,"file":"global.js","sourceRoot":"","sources":["../../src/global/global.ts"],"names":[],"mappings":"AAAA,uBAAuB;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAMtE,eAAe,GAAG,EAAE;IAClB,4DAA4D;IAC5D,IAAG,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QACjC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IACrD,CAAC;IAED,UAAU,CAAC,SAAS,GAAG,SAAS,CAAC;IAEjC,sBAAsB,EAAE;SACrB,IAAI,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC,yCAAyC,CAAC,CAAC;SACxE,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC,oCAAoC,EAAE,GAAG,CAAC,CAAC,CAAC;AACnF,CAAC,CAAC","sourcesContent":["// src/global/global.ts\r\nimport { ptcLogger } from '../utils/fef-logger';\r\nimport { loadValidationMessages } from '../utils/validation-messages';\r\n\r\ndeclare global {\r\n  var ptcLogger: any;\r\n}\r\n\r\nexport default () => {\r\n  // Add hydrated class to <html> element to match v2 behavior\r\n  if(typeof window !== 'undefined') {\r\n    document.documentElement.classList.add('hydrated');\r\n  }\r\n\r\n  globalThis.ptcLogger = ptcLogger;\r\n\r\n  loadValidationMessages()\r\n    .then(() => ptcLogger?.info?.('Validation messages loaded successfully'))\r\n    .catch((err) => ptcLogger?.error?.('Failed to load validation messages', err));\r\n};\r\n\r\n"]}
+{"version":3,"file":"global.js","sourceRoot":"","sources":["../../src/global/global.ts"],"names":[],"mappings":"AAAA,uBAAuB;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAMtE,eAAe,GAAG,EAAE;IAElB,UAAU,CAAC,SAAS,GAAG,SAAS,CAAC;IAEjC,sBAAsB,EAAE;SACrB,IAAI,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC,yCAAyC,CAAC,CAAC;SACxE,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC,oCAAoC,EAAE,GAAG,CAAC,CAAC,CAAC;IAGjF,yFAAyF;IACzF,0FAA0F;IAC1F,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,GAAG,EAAE;YACtC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC;AACH,CAAC,CAAC","sourcesContent":["// src/global/global.ts\r\nimport { ptcLogger } from '../utils/fef-logger';\r\nimport { loadValidationMessages } from '../utils/validation-messages';\r\n\r\ndeclare global {\r\n  var ptcLogger: any;\r\n}\r\n\r\nexport default () => {\r\n\r\n  globalThis.ptcLogger = ptcLogger;\r\n\r\n  loadValidationMessages()\r\n    .then(() => ptcLogger?.info?.('Validation messages loaded successfully'))\r\n    .catch((err) => ptcLogger?.error?.('Failed to load validation messages', err));\r\n\r\n\r\n  // Add 'hydrated' class to <html> tag for backward compatibility with Stencil v1 behavior\r\n  // In Stencil v4, this class is only added to individual components, not the document root\r\n  if (typeof window !== 'undefined') {\r\n    window.addEventListener('appload', () => {\r\n      document.documentElement.classList.add('hydrated');\r\n    });\r\n  }\r\n};\r\n\r\n"]}

package/dist/components/index.js

@@ -4,14 +4,17 @@ export { f as format } from './p-DpFzAwLW.js';
 
 // src/global/global.ts
 var appGlobalScript = () => {
-    // Add hydrated class to <html> element to match v2 behavior
-    if (typeof window !== 'undefined') {
-        document.documentElement.classList.add('hydrated');
-    }
     globalThis.ptcLogger = ptcLogger;
     loadValidationMessages()
         .then(() => ptcLogger?.info?.('Validation messages loaded successfully'))
         .catch((err) => ptcLogger?.error?.('Failed to load validation messages', err));
+    // Add 'hydrated' class to <html> tag for backward compatibility with Stencil v1 behavior
+    // In Stencil v4, this class is only added to individual components, not the document root
+    if (typeof window !== 'undefined') {
+        window.addEventListener('appload', () => {
+            document.documentElement.classList.add('hydrated');
+        });
+    }
 };
 
 const globalScripts = appGlobalScript;

package/dist/components/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":";;;;AAAA;AAQA,sBAAe,MAAK;;AAElB,IAAA,IAAG,OAAO,MAAM,KAAK,WAAW,EAAE;QAChC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC;;AAGpD,IAAA,UAAU,CAAC,SAAS,GAAG,SAAS;AAEhC,IAAA,sBAAsB;SACnB,IAAI,CAAC,MAAM,SAAS,EAAE,IAAI,GAAG,yCAAyC,CAAC;AACvE,SAAA,KAAK,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE,KAAK,GAAG,oCAAoC,EAAE,GAAG,CAAC,CAAC;AAClF,CAAC;;AClBM,MAAM,aAAa,GAAG,eAAe;;","names":[],"sources":["src/global/global.ts","@stencil/core/internal/app-globals"],"sourcesContent":["// src/global/global.ts\r\nimport { ptcLogger } from '../utils/fef-logger';\r\nimport { loadValidationMessages } from '../utils/validation-messages';\r\n\r\ndeclare global {\r\n  var ptcLogger: any;\r\n}\r\n\r\nexport default () => {\r\n  // Add hydrated class to <html> element to match v2 behavior\r\n  if(typeof window !== 'undefined') {\r\n    document.documentElement.classList.add('hydrated');\r\n  }\r\n\r\n  globalThis.ptcLogger = ptcLogger;\r\n\r\n  loadValidationMessages()\r\n    .then(() => ptcLogger?.info?.('Validation messages loaded successfully'))\r\n    .catch((err) => ptcLogger?.error?.('Failed to load validation messages', err));\r\n};\r\n\r\n","import appGlobalScript from 'C:/PTC/Web Design System V4/fef-design-system-v4/src/global/global.ts';\nexport const globalScripts = appGlobalScript;\nexport const globalStyles = \"\";\n"],"version":3}
+{"file":"index.js","mappings":";;;;AAAA;AAQA,sBAAe,MAAK;AAElB,IAAA,UAAU,CAAC,SAAS,GAAG,SAAS;AAEhC,IAAA,sBAAsB;SACnB,IAAI,CAAC,MAAM,SAAS,EAAE,IAAI,GAAG,yCAAyC,CAAC;AACvE,SAAA,KAAK,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE,KAAK,GAAG,oCAAoC,EAAE,GAAG,CAAC,CAAC;;;AAKhF,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AACjC,QAAA,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,MAAK;YACtC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC;AACpD,SAAC,CAAC;;AAEN,CAAC;;ACvBM,MAAM,aAAa,GAAG,eAAe;;","names":[],"sources":["src/global/global.ts","@stencil/core/internal/app-globals"],"sourcesContent":["// src/global/global.ts\r\nimport { ptcLogger } from '../utils/fef-logger';\r\nimport { loadValidationMessages } from '../utils/validation-messages';\r\n\r\ndeclare global {\r\n  var ptcLogger: any;\r\n}\r\n\r\nexport default () => {\r\n\r\n  globalThis.ptcLogger = ptcLogger;\r\n\r\n  loadValidationMessages()\r\n    .then(() => ptcLogger?.info?.('Validation messages loaded successfully'))\r\n    .catch((err) => ptcLogger?.error?.('Failed to load validation messages', err));\r\n\r\n\r\n  // Add 'hydrated' class to <html> tag for backward compatibility with Stencil v1 behavior\r\n  // In Stencil v4, this class is only added to individual components, not the document root\r\n  if (typeof window !== 'undefined') {\r\n    window.addEventListener('appload', () => {\r\n      document.documentElement.classList.add('hydrated');\r\n    });\r\n  }\r\n};\r\n\r\n","import appGlobalScript from 'C:/PTC/Web Design System V4/fef-design-system-v4/src/global/global.ts';\nexport const globalScripts = appGlobalScript;\nexport const globalStyles = \"\";\n"],"version":3}