@ptcwebops/ptcw-design 6.3.36 → 6.3.37

package/dist/collection/stories/TextCopyWithBackground.stories.js

@@ -1,100 +1,100 @@
-import { html } from 'lit';
-
-export default {
-  title: 'New/ptc-text-copy-with-background',
-  tags: [ 'autodocs' ],
-  argTypes: {
-    type: {
-      description: ' Type Specify Type, default is text-copy-with-background',
-      defaultValue: { summary: 'text-copy-with-background' },
-      control: 'select',
-      options: [
-        'text-copy-with-background',
-        'hero-footer-cta',
-        'tab-cta-with-background',
-        'case-studies'
-      ]
-    },
-    backgroundImage: {
-      description: ' Background image',
-      defaultValue: { summary: '' },
-      control: 'text'
-    },
-    ImageAltText: {
-      description: ' (optional) Image alt text',
-      defaultValue: { summary: '' },
-      control: 'text'
-    },
-    topSlitBackgroundColor: {
-      description: ' (optional) topSlitBackgroundColor: It will be color value which should match the background of the body. Entering in "auto" will grab the background color of the body on page load.',
-      defaultValue: { summary: '' },
-      control: 'text'
-    },
-    slitPosition: {
-      description: ' (optional) topSlitPosition: It will decide the position of .',
-      defaultValue: { summary: 'top-right' },
-      control: 'select',
-      options: [ 'top-left', 'top-right', 'bottom-left', 'bottom-right' ]
-    },
-    isBackgroundBlur: {
-      description: ' (optional) isBackgroundBlur: If true,it will add background blur image effect',
-      defaultValue: { summary: 'false' },
-      control: 'boolean'
-    },
-    overlay: {
-      description: ' (optional) overlay: If true,it will add black overlay with 0.55 opacity',
-      defaultValue: { summary: 'true' },
-      control: 'boolean'
-    },
-    disableLightLinks: {
-      description: ' (optional) disableLightLinks: If true, it will not add class for links to be lighter for ADA compliance',
-      defaultValue: { summary: 'false' },
-      control: 'boolean'
-    },
-    styles: {
-      description: ' (optional) Injected CSS Styles',
-      defaultValue: { summary: '' },
-      control: 'text'
-    },
-    default: {
-      description: 'Default slot content',
-      control: 'text',
-      table: { category: 'slots' }
-    },
-    'card-content': {
-      description: 'Slot: card-content',
-      control: 'text',
-      table: { category: 'slots' }
-    }
-  }
-};
-const Template = (args) => {
-  return html`<ptc-text-copy-with-background
-	type=${args.type}
-	backgroundImage=${args.backgroundImage}
-	ImageAltText=${args.ImageAltText}
-	topSlitBackgroundColor=${args.topSlitBackgroundColor}
-	slitPosition=${args.slitPosition}
-	isBackgroundBlur=${args.isBackgroundBlur}
-	overlay=${args.overlay}
-	disableLightLinks=${args.disableLightLinks}
-	styles=${args.styles}
->
-	${args.default}
-	<span slot="card-content">${args.card-content}</span>
-</ptc-text-copy-with-background>`;
-};
-export const Example = Template.bind({});
-Example.args = {
-  type: 'text-copy-with-background',
-  backgroundImage: '',
-  ImageAltText: '',
-  topSlitBackgroundColor: '',
-  slitPosition: 'top-right',
-  isBackgroundBlur: 'false',
-  overlay: 'true',
-  disableLightLinks: 'false',
-  styles: '',
-  default: 'Lorem ipsum text',
-  'card-content': 'Lorem for card-content'
+import { html } from 'lit';
+
+export default {
+  title: 'New/ptc-text-copy-with-background',
+  tags: [ 'autodocs' ],
+  argTypes: {
+    type: {
+      description: ' Type Specify Type, default is text-copy-with-background',
+      defaultValue: { summary: 'text-copy-with-background' },
+      control: 'select',
+      options: [
+        'text-copy-with-background',
+        'hero-footer-cta',
+        'tab-cta-with-background',
+        'case-studies'
+      ]
+    },
+    backgroundImage: {
+      description: ' Background image',
+      defaultValue: { summary: '' },
+      control: 'text'
+    },
+    ImageAltText: {
+      description: ' (optional) Image alt text',
+      defaultValue: { summary: '' },
+      control: 'text'
+    },
+    topSlitBackgroundColor: {
+      description: ' (optional) topSlitBackgroundColor: It will be color value which should match the background of the body. Entering in "auto" will grab the background color of the body on page load.',
+      defaultValue: { summary: '' },
+      control: 'text'
+    },
+    slitPosition: {
+      description: ' (optional) topSlitPosition: It will decide the position of .',
+      defaultValue: { summary: 'top-right' },
+      control: 'select',
+      options: [ 'top-left', 'top-right', 'bottom-left', 'bottom-right' ]
+    },
+    isBackgroundBlur: {
+      description: ' (optional) isBackgroundBlur: If true,it will add background blur image effect',
+      defaultValue: { summary: 'false' },
+      control: 'boolean'
+    },
+    overlay: {
+      description: ' (optional) overlay: If true,it will add black overlay with 0.55 opacity',
+      defaultValue: { summary: 'true' },
+      control: 'boolean'
+    },
+    disableLightLinks: {
+      description: ' (optional) disableLightLinks: If true, it will not add class for links to be lighter for ADA compliance',
+      defaultValue: { summary: 'false' },
+      control: 'boolean'
+    },
+    styles: {
+      description: ' (optional) Injected CSS Styles',
+      defaultValue: { summary: '' },
+      control: 'text'
+    },
+    default: {
+      description: 'Default slot content',
+      control: 'text',
+      table: { category: 'slots' }
+    },
+    'card-content': {
+      description: 'Slot: card-content',
+      control: 'text',
+      table: { category: 'slots' }
+    }
+  }
+};
+const Template = (args) => {
+  return html`<ptc-text-copy-with-background
+	type=${args.type}
+	backgroundImage=${args.backgroundImage}
+	ImageAltText=${args.ImageAltText}
+	topSlitBackgroundColor=${args.topSlitBackgroundColor}
+	slitPosition=${args.slitPosition}
+	isBackgroundBlur=${args.isBackgroundBlur}
+	overlay=${args.overlay}
+	disableLightLinks=${args.disableLightLinks}
+	styles=${args.styles}
+>
+	${args.default}
+	<span slot="card-content">${args.card-content}</span>
+</ptc-text-copy-with-background>`;
+};
+export const Example = Template.bind({});
+Example.args = {
+  type: 'text-copy-with-background',
+  backgroundImage: '',
+  ImageAltText: '',
+  topSlitBackgroundColor: '',
+  slitPosition: 'top-right',
+  isBackgroundBlur: 'false',
+  overlay: 'true',
+  disableLightLinks: 'false',
+  styles: '',
+  default: 'Lorem ipsum text',
+  'card-content': 'Lorem for card-content'
 };

package/dist/collection/stories/TheaterVideo.stories.js

@@ -1,21 +1,21 @@
-import { html } from 'lit';
-
-export default {
-  title: 'New/ptc-theater-video',
-  tags: [ 'autodocs' ],
-  argTypes: {
-    default: {
-      description: 'Default slot content',
-      control: 'text',
-      table: { category: 'slots' }
-    }
-  }
-};
-const Template = (args) => {
-  return html`<ptc-theater-video
->
-	${args.default}
-</ptc-theater-video>`;
-};
-export const Example = Template.bind({});
+import { html } from 'lit';
+
+export default {
+  title: 'New/ptc-theater-video',
+  tags: [ 'autodocs' ],
+  argTypes: {
+    default: {
+      description: 'Default slot content',
+      control: 'text',
+      table: { category: 'slots' }
+    }
+  }
+};
+const Template = (args) => {
+  return html`<ptc-theater-video
+>
+	${args.default}
+</ptc-theater-video>`;
+};
+export const Example = Template.bind({});
 Example.args = { default: 'Lorem ipsum text' };

package/dist/collection/stories/backgroundVideo.stories.js

@@ -1,115 +1,115 @@
-import { html } from 'lit';
-
-export default {
-  title: 'New/ptc-background-video',
-  tags: [ 'autodocs' ],
-  argTypes: {
-    videoSrc: {
-      description: ' Video url',
-      defaultValue: { summary: '' },
-      control: 'text'
-    },
-    posterSrc: {
-      description: ' Poster url(Placeholder image till the video get the loaded)',
-      defaultValue: { summary: '' },
-      control: 'text'
-    },
-    overlay: {
-      description: ' Overlay(Optional, By default is true)',
-      defaultValue: { summary: 'true' },
-      control: 'boolean'
-    },
-    overlayType: {
-      description: ' Overlay Type standard is gray gradient. dark is dark gradient',
-      defaultValue: { summary: 'standard' },
-      control: 'select',
-      options: [ 'standard', 'dark' ]
-    },
-    playButtonTitle: {
-      description: ' Play Button Title',
-      defaultValue: { summary: '' },
-      control: 'text'
-    },
-    pauseButtonTitle: {
-      description: ' Pause Button Title',
-      defaultValue: { summary: '' },
-      control: 'text'
-    },
-    buttonLocation: {
-      description: ' Pause Button Location',
-      defaultValue: { summary: 'bottom-right' },
-      control: 'select',
-      options: [
-        'top-left',
-        'top-right',
-        'bottom-left',
-        'bottom-right',
-        'allbp-bottom-right'
-      ]
-    },
-    buttonTabIndex: {
-      description: ' Play/Pause Index',
-      defaultValue: { summary: '0' }
-    },
-    trackerId: {
-      description: ' Play and Pause Video / @State() paused: boolean; / tracker Id',
-      defaultValue: { summary: '' },
-      control: 'text'
-    },
-    defer: {
-      description: ' delay loading of video to improve perfomance',
-      defaultValue: { summary: '' },
-      control: 'boolean'
-    },
-    type: {
-      description: ' Video implementation type: default: Content need to add in tag Ex: <ptc-background-video>Content </ptc-background-video> legacy: Add the blank tag in any other setcon having relative parent. Ex: <div class="section" style="position: relative;"> <ptc-background-video></ptc-background-video> Content </div>',
-      defaultValue: { summary: 'default' },
-      control: 'select',
-      options: [ 'default', 'legacy' ]
-    },
-    isIframe: {
-      description: ' Is it a iframe?',
-      defaultValue: { summary: 'false' },
-      control: 'boolean'
-    },
-    default: {
-      description: 'Default slot content',
-      control: 'text',
-      table: { category: 'slots' }
-    }
-  }
-};
-const Template = (args) => {
-  return html`<ptc-background-video
-	videoSrc=${args.videoSrc}
-	posterSrc=${args.posterSrc}
-	overlay=${args.overlay}
-	overlayType=${args.overlayType}
-	playButtonTitle=${args.playButtonTitle}
-	pauseButtonTitle=${args.pauseButtonTitle}
-	buttonLocation=${args.buttonLocation}
-	buttonTabIndex=${args.buttonTabIndex}
-	trackerId=${args.trackerId}
-	defer=${args.defer}
-	type=${args.type}
-	isIframe=${args.isIframe}
->
-	${args.default}
-</ptc-background-video>`;
-};
-export const Example = Template.bind({});
-Example.args = {
-  videoSrc: '',
-  posterSrc: '',
-  overlay: 'true',
-  overlayType: 'standard',
-  playButtonTitle: '',
-  pauseButtonTitle: '',
-  buttonLocation: 'bottom-right',
-  buttonTabIndex: '0',
-  trackerId: '',
-  defer: '',
-  type: 'default',
-  isIframe: 'false',
-  default: 'Lorem ipsum text'
+import { html } from 'lit';
+
+export default {
+  title: 'New/ptc-background-video',
+  tags: [ 'autodocs' ],
+  argTypes: {
+    videoSrc: {
+      description: ' Video url',
+      defaultValue: { summary: '' },
+      control: 'text'
+    },
+    posterSrc: {
+      description: ' Poster url(Placeholder image till the video get the loaded)',
+      defaultValue: { summary: '' },
+      control: 'text'
+    },
+    overlay: {
+      description: ' Overlay(Optional, By default is true)',
+      defaultValue: { summary: 'true' },
+      control: 'boolean'
+    },
+    overlayType: {
+      description: ' Overlay Type standard is gray gradient. dark is dark gradient',
+      defaultValue: { summary: 'standard' },
+      control: 'select',
+      options: [ 'standard', 'dark' ]
+    },
+    playButtonTitle: {
+      description: ' Play Button Title',
+      defaultValue: { summary: '' },
+      control: 'text'
+    },
+    pauseButtonTitle: {
+      description: ' Pause Button Title',
+      defaultValue: { summary: '' },
+      control: 'text'
+    },
+    buttonLocation: {
+      description: ' Pause Button Location',
+      defaultValue: { summary: 'bottom-right' },
+      control: 'select',
+      options: [
+        'top-left',
+        'top-right',
+        'bottom-left',
+        'bottom-right',
+        'allbp-bottom-right'
+      ]
+    },
+    buttonTabIndex: {
+      description: ' Play/Pause Index',
+      defaultValue: { summary: '0' }
+    },
+    trackerId: {
+      description: ' Play and Pause Video / @State() paused: boolean; / tracker Id',
+      defaultValue: { summary: '' },
+      control: 'text'
+    },
+    defer: {
+      description: ' delay loading of video to improve perfomance',
+      defaultValue: { summary: '' },
+      control: 'boolean'
+    },
+    type: {
+      description: ' Video implementation type: default: Content need to add in tag Ex: <ptc-background-video>Content </ptc-background-video> legacy: Add the blank tag in any other setcon having relative parent. Ex: <div class="section" style="position: relative;"> <ptc-background-video></ptc-background-video> Content </div>',
+      defaultValue: { summary: 'default' },
+      control: 'select',
+      options: [ 'default', 'legacy' ]
+    },
+    isIframe: {
+      description: ' Is it a iframe?',
+      defaultValue: { summary: 'false' },
+      control: 'boolean'
+    },
+    default: {
+      description: 'Default slot content',
+      control: 'text',
+      table: { category: 'slots' }
+    }
+  }
+};
+const Template = (args) => {
+  return html`<ptc-background-video
+	videoSrc=${args.videoSrc}
+	posterSrc=${args.posterSrc}
+	overlay=${args.overlay}
+	overlayType=${args.overlayType}
+	playButtonTitle=${args.playButtonTitle}
+	pauseButtonTitle=${args.pauseButtonTitle}
+	buttonLocation=${args.buttonLocation}
+	buttonTabIndex=${args.buttonTabIndex}
+	trackerId=${args.trackerId}
+	defer=${args.defer}
+	type=${args.type}
+	isIframe=${args.isIframe}
+>
+	${args.default}
+</ptc-background-video>`;
+};
+export const Example = Template.bind({});
+Example.args = {
+  videoSrc: '',
+  posterSrc: '',
+  overlay: 'true',
+  overlayType: 'standard',
+  playButtonTitle: '',
+  pauseButtonTitle: '',
+  buttonLocation: 'bottom-right',
+  buttonTabIndex: '0',
+  trackerId: '',
+  defer: '',
+  type: 'default',
+  isIframe: 'false',
+  default: 'Lorem ipsum text'
 };