Deploying to gh-pages from @ 09b284d 🚀

assets/Accordion.story-RUCWg57e.js → assets/Accordion.story-XnP_NxYz.js

@@ -1,4 +1,4 @@
-import{r as m,a as o,o as f,c as v,w as t,b as c,d as a,e as u}from"./index-slCIAJif.js";const x=u("b",null,"accordion",-1),b=u("p",null," Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ",-1),q=u("p",null," Vivamus et tortor sed arcu congue vehicula eget et diam. Praesent nec dictum lorem. Aliquam id diam ultrices, faucibus erat id, maximus nunc. ",-1),g=u("p",null,"Morbi vitae urna quis nunc convallis hendrerit. Aliquam congue orci quis ultricies tempus.",-1),h=u("p",null," Donec vel posuere orci. Phasellus quis tortor a ex hendrerit efficitur. Aliquam lacinia ligula pharetra, sagittis ex ut, pellentesque diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ultricies nulla nibh. Etiam vel dui fermentum ligula ullamcorper eleifend non quis tortor. Morbi tempus ornare tempus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris et velit neque. Donec ultricies condimentum mauris, pellentesque imperdiet libero convallis convallis. Aliquam erat volutpat. Donec rutrum semper tempus. Proin dictum imperdiet nibh, quis dapibus nulla. Integer sed tincidunt lectus, sit amet auctor eros. ",-1),_=u("p",null,"Vivamus finibus dictum ex id ultrices. Mauris dictum neque a iaculis blandit.",-1),A=u("p",null," Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ",-1),I=u("p",null," Vivamus et tortor sed arcu congue vehicula eget et diam. Praesent nec dictum lorem. Aliquam id diam ultrices, faucibus erat id, maximus nunc. ",-1),V=u("p",null,"Morbi vitae urna quis nunc convallis hendrerit. Aliquam congue orci quis ultricies tempus.",-1),y=u("p",null," Donec vel posuere orci. Phasellus quis tortor a ex hendrerit efficitur. Aliquam lacinia ligula pharetra, sagittis ex ut, pellentesque diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ultricies nulla nibh. Etiam vel dui fermentum ligula ullamcorper eleifend non quis tortor. Morbi tempus ornare tempus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris et velit neque. Donec ultricies condimentum mauris, pellentesque imperdiet libero convallis convallis. Aliquam erat volutpat. Donec rutrum semper tempus. Proin dictum imperdiet nibh, quis dapibus nulla. Integer sed tincidunt lectus, sit amet auctor eros. ",-1),M=u("p",null,"Vivamus finibus dictum ex id ultrices. Mauris dictum neque a iaculis blandit.",-1),w={__name:"Accordion.story",setup(D){const e=m(null);return(P,n)=>{const l=o("component-info"),d=o("pf-accordion-item"),r=o("pf-accordion"),s=o("story-canvas"),p=o("doc-page");return f(),v(p,{title:"Accordion"},{description:t(()=>[c("An "),x,c(" is an interactive container that expands and collapses to hide or reveal nested content. It takes advantage of progressive disclosure to help reduce page scrolling, by allowing users to choose whether they want to show or hide more detailed information as needed.")]),apidocs:t(()=>[a(l,{src:"packages/core/src/components/Accordion/Accordion.vue",doc:{name:"PfAccordion",exportName:"default",displayName:"Accordion",description:"",tags:{},props:[{name:"ariaLabel",description:"Adds accessible text to the Accordion",required:!1,type:{name:"string"}},{name:"level",description:"Heading level to use",required:!1,type:{name:"union",elements:[{name:'"h1"'},{name:'"h2"'},{name:'"h3"'},{name:'"h4"'},{name:'"h5"'},{name:'"h6"'},{name:"number"}]},defaultValue:{func:!1,value:"3"}},{name:"dl",description:"Flag to indicate whether use definition list or div",required:!1,type:{name:"boolean"}},{name:"bordered",description:"Flag to indicate the accordion had a border",required:!1,type:{name:"boolean"}},{name:"large",description:"Large display size variant.",required:!1,type:{name:"boolean"}}],slots:[{name:"default"}],sourceFiles:["../../packages/core/src/components/Accordion/Accordion.vue"]}},null,8,["doc"]),a(l,{src:"packages/core/src/components/Accordion/AccordionItem.vue",doc:{name:"PfAccordionItem",exportName:"default",displayName:"AccordionItem",description:"",tags:{},props:[{name:"title",required:!1,type:{name:"string"}},{name:"toggleComponent",required:!1,type:{name:"string"}},{name:"contentComponent",required:!1,type:{name:"string"}},{name:"fixed",required:!1,type:{name:"boolean"}},{name:"expanded",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"undefined"}}],events:[{name:"update:expanded",type:{names:["boolean"]}}],slots:[{name:"toggle"},{name:"default"}],sourceFiles:["../../packages/core/src/components/Accordion/AccordionItem.vue"]}},null,8,["doc"])]),default:t(()=>[a(s,{title:"Default",source:`<pf-accordion>
+import{r as m,a as o,o as f,c as v,w as t,b as c,d as a,e as u}from"./index-MNvwmWFN.js";const x=u("b",null,"accordion",-1),b=u("p",null," Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ",-1),q=u("p",null," Vivamus et tortor sed arcu congue vehicula eget et diam. Praesent nec dictum lorem. Aliquam id diam ultrices, faucibus erat id, maximus nunc. ",-1),g=u("p",null,"Morbi vitae urna quis nunc convallis hendrerit. Aliquam congue orci quis ultricies tempus.",-1),h=u("p",null," Donec vel posuere orci. Phasellus quis tortor a ex hendrerit efficitur. Aliquam lacinia ligula pharetra, sagittis ex ut, pellentesque diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ultricies nulla nibh. Etiam vel dui fermentum ligula ullamcorper eleifend non quis tortor. Morbi tempus ornare tempus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris et velit neque. Donec ultricies condimentum mauris, pellentesque imperdiet libero convallis convallis. Aliquam erat volutpat. Donec rutrum semper tempus. Proin dictum imperdiet nibh, quis dapibus nulla. Integer sed tincidunt lectus, sit amet auctor eros. ",-1),_=u("p",null,"Vivamus finibus dictum ex id ultrices. Mauris dictum neque a iaculis blandit.",-1),A=u("p",null," Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ",-1),I=u("p",null," Vivamus et tortor sed arcu congue vehicula eget et diam. Praesent nec dictum lorem. Aliquam id diam ultrices, faucibus erat id, maximus nunc. ",-1),V=u("p",null,"Morbi vitae urna quis nunc convallis hendrerit. Aliquam congue orci quis ultricies tempus.",-1),y=u("p",null," Donec vel posuere orci. Phasellus quis tortor a ex hendrerit efficitur. Aliquam lacinia ligula pharetra, sagittis ex ut, pellentesque diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ultricies nulla nibh. Etiam vel dui fermentum ligula ullamcorper eleifend non quis tortor. Morbi tempus ornare tempus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris et velit neque. Donec ultricies condimentum mauris, pellentesque imperdiet libero convallis convallis. Aliquam erat volutpat. Donec rutrum semper tempus. Proin dictum imperdiet nibh, quis dapibus nulla. Integer sed tincidunt lectus, sit amet auctor eros. ",-1),M=u("p",null,"Vivamus finibus dictum ex id ultrices. Mauris dictum neque a iaculis blandit.",-1),w={__name:"Accordion.story",setup(D){const e=m(null);return(P,n)=>{const l=o("component-info"),d=o("pf-accordion-item"),r=o("pf-accordion"),s=o("story-canvas"),p=o("doc-page");return f(),v(p,{title:"Accordion"},{description:t(()=>[c("An "),x,c(" is an interactive container that expands and collapses to hide or reveal nested content. It takes advantage of progressive disclosure to help reduce page scrolling, by allowing users to choose whether they want to show or hide more detailed information as needed.")]),apidocs:t(()=>[a(l,{src:"packages/core/src/components/Accordion/Accordion.vue",doc:{name:"PfAccordion",exportName:"default",displayName:"Accordion",description:"",tags:{},props:[{name:"ariaLabel",description:"Adds accessible text to the Accordion",required:!1,type:{name:"string"}},{name:"level",description:"Heading level to use",required:!1,type:{name:"union",elements:[{name:'"h1"'},{name:'"h2"'},{name:'"h3"'},{name:'"h4"'},{name:'"h5"'},{name:'"h6"'},{name:"number"}]},defaultValue:{func:!1,value:"3"}},{name:"dl",description:"Flag to indicate whether use definition list or div",required:!1,type:{name:"boolean"}},{name:"bordered",description:"Flag to indicate the accordion had a border",required:!1,type:{name:"boolean"}},{name:"large",description:"Large display size variant.",required:!1,type:{name:"boolean"}}],slots:[{name:"default"}],sourceFiles:["../../packages/core/src/components/Accordion/Accordion.vue"]}},null,8,["doc"]),a(l,{src:"packages/core/src/components/Accordion/AccordionItem.vue",doc:{name:"PfAccordionItem",exportName:"default",displayName:"AccordionItem",description:"",tags:{},props:[{name:"title",required:!1,type:{name:"string"}},{name:"toggleComponent",required:!1,type:{name:"string"}},{name:"contentComponent",required:!1,type:{name:"string"}},{name:"fixed",required:!1,type:{name:"boolean"}},{name:"expanded",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"undefined"}}],events:[{name:"update:expanded",type:{names:["boolean"]}}],slots:[{name:"toggle"},{name:"default"}],sourceFiles:["../../packages/core/src/components/Accordion/AccordionItem.vue"]}},null,8,["doc"])]),default:t(()=>[a(s,{title:"Default",source:`<pf-accordion>
   <pf-accordion-item
     title="Item One"
     :expanded="expanded == 1"

assets/Alert.story-5c_STSSD.js → assets/Alert.story-G8KBaxb8.js

@@ -1,4 +1,4 @@
-import{U as W,B,D as M,S as z,L as Y}from"./laptop-icon-PcnoceUF.js";import{f as j,r as R,g as C,h as H,a as p,o as s,c as b,w as t,b as l,d as e,e as I,t as J,i as d,j as T,F as f,k as K,u as h,p as Q,l as X,_ as Z}from"./index-slCIAJif.js";const x=S=>(Q("data-v-8a6e9175"),S=S(),X(),S),ee=x(()=>I("b",null,"alert",-1)),te=x(()=>I("p",null,"Success alert description. This should tell the user more information about the alert.",-1)),ae=x(()=>I("code",null,"live-region",-1)),ne=x(()=>I("code",null,"live-region",-1)),L=4,ie=j({__name:"Alert.story",setup(S){const N=R("Alert text"),_=C([]),m=C([]),v=C([]),c=A=>window.alert(A),u=()=>new Date().getTime(),q=C([]);let $;const F=()=>{clearInterval($)},U=()=>{$=setInterval(()=>{q.push({title:`This is a async alert number ${q.length+1}`,variant:"info",liveRegion:!0,key:u()})},1500)},g=R(!1),G=()=>console.log("Overflow message clicked"),E=H(()=>{const A=m.length-L;return A>0?`View ${A} more alerts`:""});return(A,n)=>{const y=p("component-info"),i=p("pf-alert"),r=p("story-canvas"),w=p("pf-alert-action-link"),o=p("pf-button"),k=p("pf-input-group"),D=p("pf-alert-group"),P=p("doc-page");return s(),b(P,{title:"Alert"},{description:t(()=>[l("An "),ee,l(" is a notification that provides brief information to the user without blocking their workflow.")]),apidocs:t(()=>[e(y,{src:"packages/core/src/components/Alert/Alert.vue",doc:{name:"PfAlert",exportName:"default",displayName:"Alert",description:"",tags:{},props:[{name:"ouiaSafe",description:"Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false.",required:!1,type:{name:"boolean"}},{name:"ouiaId",description:"Value to overwrite the randomly generated data-ouia-component-id.",required:!1,type:{name:"OuiaId"}},{name:"ariaLabel",description:"Adds accessible text to the alert.",required:!1,type:{name:"string"}},{name:"id",description:"Uniquely identifies the alert.",required:!1,type:{name:"string"}},{name:"expandable",description:"Flag indicating that the alert is expandable.",required:!1,type:{name:"boolean"}},{name:"expanded",description:"Flag indicating that the alert is expanded",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"undefined"}},{name:"onClose",description:"Show close button",required:!1,type:{name:"TSFunctionType"}},{name:"inline",description:"Flag to indicate if the alert is inline.",required:!1,type:{name:"boolean"}},{name:"liveRegion",description:"Flag to indicate if the alert is in a live region.",required:!1,type:{name:"boolean"}},{name:"plain",description:"Flag to indicate if the alert is plain.",required:!1,type:{name:"boolean"}},{name:"timeout",description:`If set to true, the timeout is 8000 milliseconds. If a number is provided, alert will
+import{U as W,B,D as M,S as z,L as Y}from"./laptop-icon-DTbynKD5.js";import{f as j,r as R,g as C,h as H,a as p,o as s,c as b,w as t,b as l,d as e,e as I,t as J,i as d,j as T,F as f,k as K,u as h,p as Q,l as X,_ as Z}from"./index-MNvwmWFN.js";const x=S=>(Q("data-v-8a6e9175"),S=S(),X(),S),ee=x(()=>I("b",null,"alert",-1)),te=x(()=>I("p",null,"Success alert description. This should tell the user more information about the alert.",-1)),ae=x(()=>I("code",null,"live-region",-1)),ne=x(()=>I("code",null,"live-region",-1)),L=4,ie=j({__name:"Alert.story",setup(S){const N=R("Alert text"),_=C([]),m=C([]),v=C([]),c=A=>window.alert(A),u=()=>new Date().getTime(),q=C([]);let $;const F=()=>{clearInterval($)},U=()=>{$=setInterval(()=>{q.push({title:`This is a async alert number ${q.length+1}`,variant:"info",liveRegion:!0,key:u()})},1500)},g=R(!1),G=()=>console.log("Overflow message clicked"),E=H(()=>{const A=m.length-L;return A>0?`View ${A} more alerts`:""});return(A,n)=>{const y=p("component-info"),i=p("pf-alert"),r=p("story-canvas"),w=p("pf-alert-action-link"),o=p("pf-button"),k=p("pf-input-group"),D=p("pf-alert-group"),P=p("doc-page");return s(),b(P,{title:"Alert"},{description:t(()=>[l("An "),ee,l(" is a notification that provides brief information to the user without blocking their workflow.")]),apidocs:t(()=>[e(y,{src:"packages/core/src/components/Alert/Alert.vue",doc:{name:"PfAlert",exportName:"default",displayName:"Alert",description:"",tags:{},props:[{name:"ouiaSafe",description:"Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false.",required:!1,type:{name:"boolean"}},{name:"ouiaId",description:"Value to overwrite the randomly generated data-ouia-component-id.",required:!1,type:{name:"OuiaId"}},{name:"ariaLabel",description:"Adds accessible text to the alert.",required:!1,type:{name:"string"}},{name:"id",description:"Uniquely identifies the alert.",required:!1,type:{name:"string"}},{name:"expandable",description:"Flag indicating that the alert is expandable.",required:!1,type:{name:"boolean"}},{name:"expanded",description:"Flag indicating that the alert is expanded",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"undefined"}},{name:"onClose",description:"Show close button",required:!1,type:{name:"TSFunctionType"}},{name:"inline",description:"Flag to indicate if the alert is inline.",required:!1,type:{name:"boolean"}},{name:"liveRegion",description:"Flag to indicate if the alert is in a live region.",required:!1,type:{name:"boolean"}},{name:"plain",description:"Flag to indicate if the alert is plain.",required:!1,type:{name:"boolean"}},{name:"timeout",description:`If set to true, the timeout is 8000 milliseconds. If a number is provided, alert will
 be dismissed after that amount of time in milliseconds.`,required:!1,type:{name:"union",elements:[{name:"number"},{name:"boolean"}]}},{name:"timeoutAnimation",description:"If the user hovers over the alert and `timeout` expires, this is how long to wait\nbefore finally dismissing the alert.",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"3000"}},{name:"title",description:"Title of the alert.",required:!1,type:{name:"string"}},{name:"component",description:"Sets the element to use as the alert title. Default is h4.",required:!1,type:{name:"union",elements:[{name:"string"},{name:"Component"}]},defaultValue:{func:!1,value:"'h4'"}},{name:"toggleAriaLabel",description:"Adds accessible text to the alert toggle.",required:!1,type:{name:"string"}},{name:"tooltipPosition",description:"Position of the tooltip which is displayed if text is truncated.",required:!1,type:{name:"TooltipPosition"},defaultValue:{func:!1,value:"'auto'"}},{name:"truncateTitle",description:"Truncate title to number of lines.",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"0"}},{name:"variant",description:"Adds alert variant styles.",required:!1,type:{name:"TSTypeOperator"},defaultValue:{func:!1,value:"'custom'"}},{name:"variantLabel",description:"Variant label text for screen readers.",required:!1,type:{name:"string"}}],events:[{name:"mouseenter",type:{names:["Event"]}},{name:"mouseleave",type:{names:["Event"]}},{name:"timeout"}],slots:[{name:"custom-icon"},{name:"default"},{name:"action-links"}],sourceFiles:["../../packages/core/src/components/Alert/Alert.vue"]}},null,8,["doc"]),e(y,{src:"packages/core/src/components/Alert/AlertActionLink.vue",doc:{name:"PfAlertActionLink",exportName:"default",displayName:"AlertActionLink",description:"",tags:{},slots:[{name:"default"}],sourceFiles:["../../packages/core/src/components/Alert/AlertActionLink.vue"]}},null,8,["doc"]),e(y,{src:"packages/core/src/components/Alert/AlertGroup.vue",doc:{name:"PfAlertGroup",exportName:"default",displayName:"AlertGroup",description:"",tags:{},props:[{name:"toast",description:"Toast notifications are positioned at the top right corner of the viewport",required:!1,type:{name:"boolean"}},{name:"liveRegion",description:"Turns the container into a live region so that changes to content within the AlertGroup, such as appending an Alert, are reliably announced to assistive technology.",required:!1,type:{name:"boolean"}},{name:"appendTo",description:"Determine where the alert is appended to",required:!1,type:{name:"union",elements:[{name:"string"},{name:"RendererElement"},{name:"null"},{name:"undefined"}]},defaultValue:{func:!1,value:"'body'"}},{name:"overflowMessage",description:"Custom text to show for the overflow message",required:!1,type:{name:"string"}}],events:[{name:"overflow-click",type:{names:["union"],elements:[{name:"MouseEvent"},{name:"TouchEvent"}]}}],slots:[{name:"default"}],sourceFiles:["../../packages/core/src/components/Alert/AlertGroup.vue"]}},null,8,["doc"]),e(y,{src:"packages/core/src/components/Alert/AlertGroupInline.vue",doc:{name:"PfAlertGroupInline",exportName:"default",displayName:"AlertGroupInline",description:"",tags:{},props:[{name:"toast",required:!1,type:{name:"boolean"}},{name:"liveRegion",required:!1,type:{name:"boolean"}},{name:"overflowMessage",required:!1,type:{name:"string"}}],events:[{name:"overflow-click",type:{names:["union"],elements:[{name:"MouseEvent"},{name:"TouchEvent"}]}}],slots:[{name:"default"}],sourceFiles:["../../packages/core/src/components/Alert/AlertGroupInline.vue"]}},null,8,["doc"]),e(y,{src:"packages/core/src/components/Alert/AlertIcon.vue",doc:{name:"PfAlertIcon",exportName:"default",displayName:"AlertIcon",description:"",tags:{},props:[{name:"variant",required:!1,type:{name:"TSTypeOperator"},defaultValue:{func:!1,value:"'custom'"}}],slots:[{name:"default"}],sourceFiles:["../../packages/core/src/components/Alert/AlertIcon.vue"]}},null,8,["doc"])]),default:t(()=>[e(r,{title:"Types",source:`<pf-alert title="Custom alert title" />
 <pf-alert variant="info" title="Info alert title" />
 <pf-alert variant="success" title="Success alert title" />