From e3e0eb14c6c10e766b87a5f7b17fa4ced420f45d Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Wed, 7 Feb 2024 15:08:53 +0300
Subject: [PATCH] Doc updates

---
 components/lib/floatlabel/FloatLabel.d.ts |  4 ---
 doc/floatlabel/pt/PTImage.vue             |  8 +++++
 doc/floatlabel/pt/index.vue               | 35 +++++++++++++++++++
 doc/floatlabel/theming/TailwindDoc.vue    |  6 ++++
 doc/floatlabel/theming/index.vue          | 13 +++++++
 doc/iconfield/pt/PTImage.vue              |  8 +++++
 doc/iconfield/pt/index.vue                | 41 +++++++++++++++++++++++
 doc/iconfield/theming/TailwindDoc.vue     |  6 ++++
 doc/iconfield/theming/index.vue           | 13 +++++++
 doc/iconfield/theming/pt/PTImage.vue      |  8 +++++
 doc/iconfield/theming/pt/index.vue        | 35 +++++++++++++++++++
 pages/floatlabel/index.vue                |  4 ++-
 pages/iconfield/index.vue                 |  4 ++-
 13 files changed, 179 insertions(+), 6 deletions(-)
 create mode 100644 doc/floatlabel/pt/PTImage.vue
 create mode 100644 doc/floatlabel/pt/index.vue
 create mode 100644 doc/floatlabel/theming/TailwindDoc.vue
 create mode 100644 doc/iconfield/pt/PTImage.vue
 create mode 100644 doc/iconfield/pt/index.vue
 create mode 100644 doc/iconfield/theming/TailwindDoc.vue
 create mode 100644 doc/iconfield/theming/pt/PTImage.vue
 create mode 100644 doc/iconfield/theming/pt/index.vue

diff --git a/components/lib/floatlabel/FloatLabel.d.ts b/components/lib/floatlabel/FloatLabel.d.ts
index 4fad3a484..e0cbb71a8 100644
--- a/components/lib/floatlabel/FloatLabel.d.ts
+++ b/components/lib/floatlabel/FloatLabel.d.ts
@@ -56,10 +56,6 @@ export interface FloatLabelPassThroughOptions {
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
-    /**
-     * Used to control Vue Transition API.
-     */
-    transition?: FloatLabelPassThroughTransitionType;
 }
 
 /**
diff --git a/doc/floatlabel/pt/PTImage.vue b/doc/floatlabel/pt/PTImage.vue
new file mode 100644
index 000000000..9ac50d6b4
--- /dev/null
+++ b/doc/floatlabel/pt/PTImage.vue
@@ -0,0 +1,8 @@
+<template>
+    <DocSectionText v-bind="$attrs">
+        <p>{{ $attrs.description }}</p>
+    </DocSectionText>
+    <div class="card">
+        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/wireframe-placeholder.jpg" />
+    </div>
+</template>
diff --git a/doc/floatlabel/pt/index.vue b/doc/floatlabel/pt/index.vue
new file mode 100644
index 000000000..8beecb0e6
--- /dev/null
+++ b/doc/floatlabel/pt/index.vue
@@ -0,0 +1,35 @@
+<template>
+    <div class="doc-main">
+        <div class="doc-intro">
+            <h1>FloatLabel Pass Through</h1>
+        </div>
+        <DocSections :docs="docs" />
+    </div>
+    <DocSectionNav :docs="docs" />
+</template>
+
+<script>
+import DocApiTable from '@/components/doc/DocApiTable.vue';
+import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
+import PTImage from './PTImage.vue';
+
+export default {
+    data() {
+        return {
+            docs: [
+                {
+                    id: 'pt.image',
+                    label: 'Wireframe',
+                    component: PTImage
+                },
+                {
+                    id: 'pt.doc.floatlabel',
+                    label: 'FloatLabel PT Options',
+                    component: DocApiTable,
+                    data: getPTOption('FloatLabel')
+                }
+            ]
+        };
+    }
+};
+</script>
diff --git a/doc/floatlabel/theming/TailwindDoc.vue b/doc/floatlabel/theming/TailwindDoc.vue
new file mode 100644
index 000000000..fe4aadc26
--- /dev/null
+++ b/doc/floatlabel/theming/TailwindDoc.vue
@@ -0,0 +1,6 @@
+<template>
+    <DocSectionText v-bind="$attrs">
+        Visit <a href="https://github.com/primefaces/primevue-tailwind" target="_blank" rel="noopener noreferrer">Tailwind Presets</a> project for detailed documentation, examples and ready-to-use presets about how to style PrimeVue components with
+        Tailwind CSS.
+    </DocSectionText>
+</template>
diff --git a/doc/floatlabel/theming/index.vue b/doc/floatlabel/theming/index.vue
index c34b8f644..de213ca6c 100644
--- a/doc/floatlabel/theming/index.vue
+++ b/doc/floatlabel/theming/index.vue
@@ -10,6 +10,7 @@
 
 <script>
 import StyledDoc from './StyledDoc.vue';
+import TailwindDoc from './TailwindDoc.vue';
 
 export default {
     data() {
@@ -19,6 +20,18 @@ export default {
                     id: 'theming.styled',
                     label: 'Styled',
                     component: StyledDoc
+                },
+                {
+                    id: 'theming.unstyled',
+                    label: 'Unstyled',
+                    description: 'Theming is implemented with the pass through properties in unstyled mode.',
+                    children: [
+                        {
+                            id: 'theming.tailwind',
+                            label: 'Tailwind',
+                            component: TailwindDoc
+                        }
+                    ]
                 }
             ]
         };
diff --git a/doc/iconfield/pt/PTImage.vue b/doc/iconfield/pt/PTImage.vue
new file mode 100644
index 000000000..9ac50d6b4
--- /dev/null
+++ b/doc/iconfield/pt/PTImage.vue
@@ -0,0 +1,8 @@
+<template>
+    <DocSectionText v-bind="$attrs">
+        <p>{{ $attrs.description }}</p>
+    </DocSectionText>
+    <div class="card">
+        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/wireframe-placeholder.jpg" />
+    </div>
+</template>
diff --git a/doc/iconfield/pt/index.vue b/doc/iconfield/pt/index.vue
new file mode 100644
index 000000000..08273030e
--- /dev/null
+++ b/doc/iconfield/pt/index.vue
@@ -0,0 +1,41 @@
+<template>
+    <div class="doc-main">
+        <div class="doc-intro">
+            <h1>IconField Pass Through</h1>
+        </div>
+        <DocSections :docs="docs" />
+    </div>
+    <DocSectionNav :docs="docs" />
+</template>
+
+<script>
+import DocApiTable from '@/components/doc/DocApiTable.vue';
+import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
+import PTImage from './PTImage.vue';
+
+export default {
+    data() {
+        return {
+            docs: [
+                {
+                    id: 'pt.image',
+                    label: 'Wireframe',
+                    component: PTImage
+                },
+                {
+                    id: 'pt.doc.iconfield',
+                    label: 'IconField PT Options',
+                    component: DocApiTable,
+                    data: getPTOption('IconField')
+                },
+                {
+                    id: 'pt.doc.inputicon',
+                    label: 'InputIcon PT Options',
+                    component: DocApiTable,
+                    data: getPTOption('InputIcon')
+                }
+            ]
+        };
+    }
+};
+</script>
diff --git a/doc/iconfield/theming/TailwindDoc.vue b/doc/iconfield/theming/TailwindDoc.vue
new file mode 100644
index 000000000..fe4aadc26
--- /dev/null
+++ b/doc/iconfield/theming/TailwindDoc.vue
@@ -0,0 +1,6 @@
+<template>
+    <DocSectionText v-bind="$attrs">
+        Visit <a href="https://github.com/primefaces/primevue-tailwind" target="_blank" rel="noopener noreferrer">Tailwind Presets</a> project for detailed documentation, examples and ready-to-use presets about how to style PrimeVue components with
+        Tailwind CSS.
+    </DocSectionText>
+</template>
diff --git a/doc/iconfield/theming/index.vue b/doc/iconfield/theming/index.vue
index 4d9ad686b..8bdb1e256 100644
--- a/doc/iconfield/theming/index.vue
+++ b/doc/iconfield/theming/index.vue
@@ -10,6 +10,7 @@
 
 <script>
 import StyledDoc from './StyledDoc.vue';
+import TailwindDoc from './TailwindDoc.vue';
 
 export default {
     data() {
@@ -19,6 +20,18 @@ export default {
                     id: 'theming.styled',
                     label: 'Styled',
                     component: StyledDoc
+                },
+                {
+                    id: 'theming.unstyled',
+                    label: 'Unstyled',
+                    description: 'Theming is implemented with the pass through properties in unstyled mode.',
+                    children: [
+                        {
+                            id: 'theming.tailwind',
+                            label: 'Tailwind',
+                            component: TailwindDoc
+                        }
+                    ]
                 }
             ]
         };
diff --git a/doc/iconfield/theming/pt/PTImage.vue b/doc/iconfield/theming/pt/PTImage.vue
new file mode 100644
index 000000000..9ac50d6b4
--- /dev/null
+++ b/doc/iconfield/theming/pt/PTImage.vue
@@ -0,0 +1,8 @@
+<template>
+    <DocSectionText v-bind="$attrs">
+        <p>{{ $attrs.description }}</p>
+    </DocSectionText>
+    <div class="card">
+        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/wireframe-placeholder.jpg" />
+    </div>
+</template>
diff --git a/doc/iconfield/theming/pt/index.vue b/doc/iconfield/theming/pt/index.vue
new file mode 100644
index 000000000..fdb0f6894
--- /dev/null
+++ b/doc/iconfield/theming/pt/index.vue
@@ -0,0 +1,35 @@
+<template>
+    <div class="doc-main">
+        <div class="doc-intro">
+            <h1>IconField Pass Through</h1>
+        </div>
+        <DocSections :docs="docs" />
+    </div>
+    <DocSectionNav :docs="docs" />
+</template>
+
+<script>
+import DocApiTable from '@/components/doc/DocApiTable.vue';
+import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
+import PTImage from './PTImage.vue';
+
+export default {
+    data() {
+        return {
+            docs: [
+                {
+                    id: 'pt.image',
+                    label: 'Wireframe',
+                    component: PTImage
+                },
+                {
+                    id: 'pt.doc.iconfield',
+                    label: 'IconField PT Options',
+                    component: DocApiTable,
+                    data: getPTOption('IconField')
+                }
+            ]
+        };
+    }
+};
+</script>
diff --git a/pages/floatlabel/index.vue b/pages/floatlabel/index.vue
index b2bad2de2..f5ecb57e0 100644
--- a/pages/floatlabel/index.vue
+++ b/pages/floatlabel/index.vue
@@ -1,11 +1,12 @@
 <template>
-    <DocComponent title="Vue Float Label" header="FloatLabel" description="FloatLabel appears on top of the input field when focused." :componentDocs="docs" :apiDocs="['FloatLabel']" :themingDocs="themingDoc" />
+    <DocComponent title="Vue Float Label" header="FloatLabel" description="FloatLabel appears on top of the input field when focused." :componentDocs="docs" :ptTabComponent="ptComponent" :apiDocs="['FloatLabel']" :themingDocs="themingDoc" />
 </template>
 
 <script>
 import AccessibilityDoc from '@/doc/floatlabel/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/floatlabel/BasicDoc.vue';
 import ImportDoc from '@/doc/floatlabel/ImportDoc.vue';
+import PTComponent from '@/doc/floatlabel/pt/index.vue';
 import ThemingDoc from '@/doc/floatlabel/theming/index.vue';
 
 export default {
@@ -28,6 +29,7 @@ export default {
                     component: AccessibilityDoc
                 }
             ],
+            ptComponent: PTComponent,
             themingDoc: ThemingDoc
         };
     }
diff --git a/pages/iconfield/index.vue b/pages/iconfield/index.vue
index 09e3c49eb..0092a6fb0 100644
--- a/pages/iconfield/index.vue
+++ b/pages/iconfield/index.vue
@@ -1,11 +1,12 @@
 <template>
-    <DocComponent title="Vue IconFiled" header="IconFiled" description="IconField wraps an input and an icon." :componentDocs="docs" :apiDocs="['IconField', 'InputIcon']" :themingDocs="themingDoc" />
+    <DocComponent title="Vue IconFiled" header="IconFiled" description="IconField wraps an input and an icon." :componentDocs="docs" :ptTabComponent="ptComponent" :apiDocs="['IconField', 'InputIcon']" :themingDocs="themingDoc" />
 </template>
 
 <script>
 import AccessibilityDoc from '@/doc/iconfield/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/iconfield/BasicDoc.vue';
 import ImportDoc from '@/doc/iconfield/ImportDoc.vue';
+import PTComponent from '@/doc/iconfield/pt/index.vue';
 import ThemingDoc from '@/doc/iconfield/theming/index.vue';
 
 export default {
@@ -28,6 +29,7 @@ export default {
                     component: AccessibilityDoc
                 }
             ],
+            ptComponent: PTComponent,
             themingDoc: ThemingDoc
         };
     }