@ptcwebops/ptcw-design 6.4.3-beta → 6.4.3

package/dist/collection/stories/Tooltip.stories.js

@@ -1,112 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'Atoms/ptc-tooltip',
-  tags: ['autodocs'],
-  argTypes: {
-    textLines: {
-      name: 'Maximum lines',
-      description: "Set maximum length in lines of content",
-
-    },
-    maxLength: {
-      name: 'Maximum chars',
-      description: "Set maximum length in chars of content",
-      defaultValue: { summary: 45 }
-    },
-    position: {
-      name: 'Position',
-      description: "Set position of the the tooltip box",
-      control: { type: 'select' },
-      options: ['left', 'right', 'bottom', 'bottom-right', 'top'],
-      defaultValue: { summary: 'bottom' }
-    },
-    width: {
-      name: 'width',
-      description: "Fill-width will make the tooltip box full-width relative to its parent",
-      control: { type: 'select' },
-      options: ['full-width', 'default'],
-      defaultValue: { summary: 'default' }
-
-    },
-    theme: {
-      name: 'Theme',
-      description: "Set the theme",
-      control: { type: 'select' },
-      options: ['standard', 'danger'],
-      defaultValue: { summary: 'standard' },
-    },
-    zIndex: {
-      name: 'zIndex',
-      description: "Set the zIndex of tooltip box",
-      control: { type: 'select' },
-      options: ['z-auto', 'z-1', 'z-2', 'z-3', 'z-999'],
-      defaultValue: { summary: 'z-auto' },
-    },
-    hideOnMobile: {
-      name: 'Hide tooltip box on mobile',
-      description: "Set true to hide the tooltip on mobile",
-      control: { type: 'boolean' },
-      defaultValue: { summary: false },
-    },
-    textDisplay: {
-      name: 'Text Display css property',
-      description: "Set textDisplay propety inline or block for tooltip text",
-      control: { type: 'select' },
-      options: ['inline', 'block'],
-      defaultValue: { summary: 'inline' },
-    },
-    description: {
-      name: 'Tooltip content',
-      description: "Set content in the follwing textarea",
-      defaultValue: { summary: 'This is a tooltip text placeholder' },
-    },
-
-  }
-};
-
-const Template = args => {
-  return html  `<ptc-tooltip
-  text-display="${args.textDisplay}"
-  text-lines="${args.textLines}"
-  max-length="${args.maxLength}"
-  description="${args.description}"
-  position="${args.position}"
-  width="${args.width}"
-  zIndex="${args.zIndex}"
-  theme="${args.theme}"
-  hide-on-mobile="${args.hideOnMobile}"
-  ></ptc-tooltip>`
-};
-
-
-export const TooltipWithLinesLimit = Template.bind({});
-TooltipWithLinesLimit.args = {
-  textLines: 2,
-  position: 'bottom',
-  width: "default",
-  theme: "standard",
-  hideOnMobile: false,
-  zIndex: "z-auto",
-  textDisplay: "inline",
-  description: "Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis risus ac, tincidunt massa. Cras dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum volutpat. Ut aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis vulputate dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna.",
-
-}
-
-
-export const TooltipWithCharLimit = Template.bind({});
-TooltipWithCharLimit.args = {
-  maxLength: 45,
-  position: 'bottom',
-  width: "default",
-  theme: "standard",
-  hideOnMobile: false,
-  zIndex: "z-auto",
-  textDisplay: "inline",
-  description: "Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis risus ac, tincidunt massa. Cras dictum ",
-
-}
-
-
-
-

package/dist/collection/stories/VideoEmbed.stories.js

@@ -1,10 +0,0 @@
-import { html } from 'lit';
-
-export default { title: 'New/ptc-video-embed', tags: [ 'autodocs' ], argTypes: {} };
-const Template = (args) => {
-  return html`<ptc-video-embed
->
-</ptc-video-embed>`;
-};
-export const Example = Template.bind({});
-Example.args = {};

package/dist/collection/stories/backToTop.stories.js

@@ -1,10 +0,0 @@
-import { html } from 'lit';
-
-export default { title: 'New/ptc-back-to-top', tags: [ 'autodocs' ], argTypes: {} };
-const Template = (args) => {
-  return html`<ptc-back-to-top
->
-</ptc-back-to-top>`;
-};
-export const Example = Template.bind({});
-Example.args = {};

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

@@ -1,115 +0,0 @@
-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'
-};

package/dist/collection/stories/jumbotronSubMenu.stories.js

@@ -1,14 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'New/jumbotron-sub-menu',
-  tags: [ 'autodocs' ],
-  argTypes: {}
-};
-const Template = (args) => {
-  return html`<jumbotron-sub-menu
->
-</jumbotron-sub-menu>`;
-};
-export const Example = Template.bind({});
-Example.args = {};

package/dist/collection/stories/organisms/eSupport/CaseTracker/preview.stories.js

@@ -1,45 +0,0 @@
-import { html } from 'lit';
-
-export default  {
-    title: 'Organisms/E-Support Organisms/Case Tracker'
-
-}
-const CaseTracker = args => {
-    return html `
-
-    <ptc-spacer></ptc-spacer>
- <ptc-spacer></ptc-spacer>
- <ptc-spacer></ptc-spacer>
- <div class="ptc-container is-grid">
-    <div class="is-col-12 is-col-6-md">
-      <ptc-title upperline="none">Case Tracker - Authorized Use Only</ptc-title>
-      <ptc-spacer></ptc-spacer>
-      <ptc-spacer></ptc-spacer>
-      <ptc-para>If you want to use this application on behalf of a customer use this search from to lookup the customer record. When you have found the customer hit the Next > button</ptc-para>
-      <ptc-textfield field-id="contact-email" label-text="Customer Name" type="text" ptc-data-eloqua-name="C_EmailAddress" field-name="email"></ptc-textfield>
-      <ptc-textfield field-id="contact-email" label-text="Customer Number" type="text" ptc-data-eloqua-name="C_EmailAddress" field-name="email"></ptc-textfield>
-      <ptc-button color="ptc-quaternary" disabled="false" link-href="https://www.ptc.com" link-title="PTC" rel="undefined" tab-nav="0" target="_self" text-align="undefined" type="button">Search</ptc-button>
-      <ptc-button color="ptc-quaternary" disabled="false" link-href="https://www.ptc.com" link-title="PTC" rel="undefined" tab-nav="0" target="_self" text-align="undefined" type="button">Next</ptc-button>
-    </div>
-    <div class="is-col-12 is-col-2-md">
-
-    </div>
-    <div class="is-col-12 is-col-3-md">
-      <ptc-spacer></ptc-spacer>
-      <ptc-spacer></ptc-spacer>
-      <ptc-spacer></ptc-spacer>
-      <ptc-spacer></ptc-spacer>
-      <div  style="border: solid; padding: 5px;">
-      <ptc-title upperline="none" type="h3">search tips</ptc-title>
-      <ul>
-        <li>You can use this search form to use this application on behalf of a customer.</li>
-        <li>You can use this search form to use this application on behalf of a customer.</li>
-      </ul>
-    </div>
-    </div>
-
-
- </div>
-    `;}
-
-export const Preview = CaseTracker.bind();

package/dist/collection/stories/organisms/eSupport/SupportArticle/preview.stories.js

@@ -1,47 +0,0 @@
-import { html } from 'lit';
-
-export default  {
-    title: 'Organisms/E-Support Organisms/Support Article'
-
-}
-const ArticlePage = args => {
-    return html `
-
-    <div class="ptc-container">
-
-    <ptc-title upperline="" type="h4" title-color="grey">How to run Apache, Tomcat, Windchill Directory Server </ptc-title>
-    <ptc-para>Modified: 23-Nov-2023 | LastSeen: 17-Jun-2024 
-        <ptc-dropdown label="Available in:" listitems="" theme="support">
-          <item selected="" label="English"></item>
-          <item label="English"></item>
-          <item label="English"></item>
-          
-        </ptc-dropdown>
-      
-    </ptc-para>
-  
-  <div style="background-color: rgb(238, 238, 238);; padding:2px">
-    <ptc-title type="h5" upperline="">Public</ptc-title>
-    <ptc-para >
-      Created by Steven Jin and improved by Mi Yeon Grace Jin, Amit Deshpande, Hideyuki Akiyama, Lily Liu, Arshad Imam, Luis Barbosa, Feng Xiang Cliff Tian, Swapnil Deshmukh, Kellan Chen, Teresa Man, Chao Max Wang, Saurabh Ghewande, Mahesh Lomate, Aditya Chaure, Tsutomu Seki, Salesforce Data Manipulation User, Steven Jin, Shirley Yang
-      Customer Views:  24559  |   Useful Ratings (Customers):  118  |   Useful Ratings (PTC):  45  |   Cases Solved:  154
-    </ptc-para>
-
-  </div>
-  <ptc-spacer></ptc-spacer>
-  <ptc-spacer></ptc-spacer>
-  <div>
-    <ptc-title upperline="" type="h4">Description</ptc-title>
-    <hr style="color:green">
-    <ptc-para>
-      <ul>
-        <li>How to run Apache HTTP Server, Tomcat, WindchillDS and, Windchill as a Windows service</li>
-        <li>How to run Apache HTTP Server, Tomcat, WindchillDS and, Windchill as a Windows service</li>
-        <li>How to run Apache HTTP Server, Tomcat, WindchillDS and, Windchill as a Windows service</li>
-      </ul>
-    </ptc-para>
-  </div>
-</div>
-    `;}
-
-export const Preview = ArticlePage.bind();

package/dist/collection/stories/organisms/eSupport/SupportPage/preview.stories.js

@@ -1,157 +0,0 @@
-import { html } from 'lit';
-
-export default  {
-    title: 'Organisms/E-Support Organisms/Support Page'
-
-}
-const SupportPage = args => {
-    return html `
-
-    <ptc-spacer></ptc-spacer>
-  <ptc-spacer></ptc-spacer>
-  <ptc-spacer></ptc-spacer>
-  <ptc-spacer></ptc-spacer>
-  <div class="ptc-container is-grid has-col-gap green-container">
-    <div class="is-col-12 is-col-7-md search-container">
-
-      <ptc-spacer></ptc-spacer>
-      <ptc-spacer></ptc-spacer>
-      <ptc-spacer></ptc-spacer>
-      <ptc-title type="h2" text-align="center" title-size="x-large" title-color="white" upperline="no-upperline" title-display="inline-block" title-shadow="" title-height="densest" title-margin="margin-3" title-weight="w-8" is-plm-hub="false">
-        Search the Knowledge Base
-      </ptc-title>
-      <ptc-search-field  placeholder-label="Search Technical Support Documentation and Articles" ></ptc-search-field>
-    </div>
-    <div class="is-col-12 is-col-5-md form-section">
-      <ptc-title upperline="none">Popular Tasks</ptc-title>
-      <!-- <ul> -->
-        <ptc-link>Product Pages</ptc-link>
-        <ptc-link>Product Pages</ptc-link>
-        <ptc-link>Product Pages</ptc-link>
-        <ptc-link>Product Pages</ptc-link>
-      
-    </div>
-  </div>
-
-  <ptc-spacer></ptc-spacer>
-  <ptc-spacer></ptc-spacer>
-  
-  <div class="ptc-container is-grid has-col-gap link-container ">
-    <div class="is-col-1"></div>
-    <div class="is-col-2 links"><ptc-link>Support</ptc-link>
-      <button class="btn" role="button" >
-      <span class="arrow">
-        <icon-asset slot="icon" type="solid" size="large" name="arrow-down" color="ptc-green"></icon-asset>
-      </span>
-      </button>
-    </div>
-    <div class="is-col-2 llinks"><ptc-link>Manage and monitor software</ptc-link>
-      <button class="btn" role="button" >
-        <span class="arrow">
-          <icon-asset slot="icon" type="solid" size="large" name="arrow-down" color="ptc-green"></icon-asset>
-        </span>
-        </button>
-    </div>
-    <div class="is-col-2 llinks"><ptc-link>Learn</ptc-link>
-      <button class="btn" role="button" >
-        <span class="arrow">
-          <icon-asset slot="icon" type="solid" size="large" name="arrow-down" color="ptc-green"></icon-asset>
-        </span>
-        </button>
-    </div>
-    <div class="is-col-2 llinks"><ptc-link>Service and Expertise</ptc-link>
-      <button class="btn" role="button" >
-        <span class="arrow">
-          <icon-asset slot="icon" type="solid" size="large" name="arrow-down" color="ptc-green"></icon-asset>
-        </span>
-        </button>
-    </div>
-    <div class="is-col-2 llinks"><ptc-link>PTC Partner Network</ptc-link>
-      <button class="btn" role="button" >
-        <span class="arrow">
-          <icon-asset slot="icon" type="solid" size="large" name="arrow-down" color="ptc-green"></icon-asset>
-        </span>
-        </button>
-    </div>
-    <div class="is-col-1 links"></div>
-  </div>
- <style>
-   
-
-   .btn {
-      display: none;
-      padding: 10px;
-      font-size: 16px;
-      font-weight: 500;
-      border: none;
-      background-color: transparent;
-      cursor: pointer;
-      align-items: center;
-      span {
-        margin-right: 8px;
-        align-items: center;
-      }
-      
-
-      
-   }
-
-  .llinks:hover  .btn {
-      display: block;
-      
-      
-  }
-
-  .links:hover  .btn {
-      display: flex;
-  }
-  .green-container {
-    background-color:#b3dda4 ;
-    padding: 10px;
-    .search-container{
-      background-color: #00890B;
-      padding:10px;
-      align-items: center;
-    }
-    .form-section {
-      background-color: white;
-      padding: 10px;
-
-      ptc-link {
-        padding: 5px;
-      }
-    }
-  }
-  .links {
-    align-content: center;
-    text-align: center;
-    padding-bottom: 16px;
-    align-items: center;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content:  space-between;
-  }
-
-  .llinks {
-    align-content: center;
-    text-align: center;
-    padding-bottom: 16px;
-    border-left: solid 2px #b3dda4;
-    padding: 10px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: space-between;
-
-  }
-  .link-container {
-    border-bottom: solid 2px #b3dda4;
-    /* margin: 15px; */
-  }
-
-  
-</style> 
-    `;}
-
-export const Preview = SupportPage.bind();

package/dist/collection/stories/ptcLink2.stories.js

@@ -1,142 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'New/ptc-link-new',
-  tags: [ 'autodocs' ],
-  argTypes: {
-    disabled: {
-      description: ' Disabled link',
-      defaultValue: { summary: 'false' },
-      control: 'boolean'
-    },
-    external: {
-      description: ' Rxternal link ',
-      defaultValue: { summary: 'false' },
-      control: 'boolean'
-    },
-    href: {
-      description: ' href',
-      defaultValue: { summary: '' },
-      control: 'select',
-      options: [ 'string', 'undefined' ]
-    },
-    target: {
-      description: ' Target',
-      defaultValue: { summary: '_self' },
-      control: 'select',
-      options: [ 'string', 'undefined' ]
-    },
-    linkTitle: {
-      description: ' Title',
-      defaultValue: { summary: '' },
-      control: 'select',
-      options: [ 'string', 'undefined' ]
-    },
-    theme: {
-      description: ' Theme',
-      defaultValue: { summary: 'simple' },
-      control: 'select',
-      options: [
-        '',                  'simple',
-        'underline',         'nav-title',
-        'primary-nav-link',  'nav-title-link',
-        'nav-card-link',     'secondary-nav-link',
-        'footer-nav-link',   'copyright-link',
-        'product-link',      'd-green-underline',
-        'd-white-underline', 'global',
-        'utility-nav-link',  'standard-link'
-      ]
-    },
-    fontSize: {
-      description: ' Font Size',
-      defaultValue: { summary: 'medium' },
-      control: 'select',
-      options: [ 'small', 'medium', 'large', 'medium-large' ]
-    },
-    fontWeight: {
-      description: ' Font Weight',
-      defaultValue: { summary: '' },
-      control: 'select',
-      options: [
-        'w-thin',
-        'w-regular',
-        'w-medium',
-        'w-semibold',
-        'w-bold',
-        'w-extrabold',
-        'w-black'
-      ]
-    },
-    linkArea: {
-      description: ' Optional Link Area',
-      defaultValue: { summary: '' }
-    },
-    seoCompatibilityMode: {
-      description: ' (optional) enable support for seo tools that can only view source',
-      defaultValue: { summary: 'false' },
-      control: 'boolean'
-    },
-    styles: {
-      description: ' (optional) Injected CSS Styles',
-      defaultValue: { summary: '' },
-      control: 'text'
-    },
-    trackerId: {
-      description: ' trackerId added for Mouseflow id',
-      defaultValue: { summary: '' },
-      control: 'text'
-    },
-    tabNav: {
-      description: ' (optional) tab-nav. indicates that its element can be focused, and where it participates in sequential keyboard navigation. A negative value (usually tabindex="-1") means that the element is not reachable via sequential keyboard navigation',
-      defaultValue: { summary: '0' }
-    },
-    darkFocusState: {
-      description: ' darkFocusState for dark background',
-      defaultValue: { summary: 'false' },
-      control: 'boolean'
-    },
-    default: {
-      description: 'Default slot content',
-      control: 'text',
-      table: { category: 'slots' }
-    }
-  }
-};
-const Template = (args) => {
-  return html`<ptc-link
-	disabled=${args.disabled}
-	external=${args.external}
-	href=${args.href}
-	target=${args.target}
-	linkTitle=${args.linkTitle}
-	theme=${args.theme}
-	fontSize=${args.fontSize}
-	fontWeight=${args.fontWeight}
-	linkArea=${args.linkArea}
-	seoCompatibilityMode=${args.seoCompatibilityMode}
-	styles=${args.styles}
-	trackerId=${args.trackerId}
-	tabNav=${args.tabNav}
-	darkFocusState=${args.darkFocusState}
->
-	${args.default}
-</ptc-link>`;
-};
-export const Example = Template.bind({});
-Example.args = {
-  disabled: 'false',
-  external: 'false',
-  href: '',
-  target: '_self',
-  linkTitle: '',
-  theme: 'simple',
-  fontSize: 'medium',
-  fontWeight: '',
-  linkArea: '',
-  seoCompatibilityMode: 'false',
-  styles: '',
-  trackerId: '',
-  tabNav: '0',
-  darkFocusState: 'false',
-  default: 'Lorem ipsum text'
-};