@telia-ace/knowledge-widget-components-guide 1.0.47 → 1.1.1-rc.0

package/detached-component-38e4660c.mjs

@@ -0,0 +1,22 @@
+import { jsx as i } from "react/jsx-runtime";
+import { j as a } from "./index-bc93d90b.mjs";
+import { useState as c, useEffect as r } from "react";
+import "react-dom";
+import { C as m } from "./guide-ff7bbb35.mjs";
+const C = ({ builder: s }) => {
+  const o = a(), [e, d] = c(null);
+  return r(() => {
+    o.getAsync("components").then((t) => s(t).then((n) => {
+      d(n);
+    }));
+  }, []), r(() => () => {
+    e && o.getAsync("components").then((t) => {
+      t.nodes.detached = t.nodes.detached.filter(
+        (n) => n.id !== e.id
+      );
+    });
+  }, [e]), e ? /* @__PURE__ */ i(m, { id: e.id, node: e, branch: "default" }) : null;
+};
+export {
+  C as default
+};

package/detached-component-cb6ec5d1.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("./index-db2054f8.js"),r=require("react");require("react-dom");const d=require("./guide-34ba7f9d.js"),a=({builder:u})=>{const o=i.useContainer(),[e,s]=r.useState(null);return r.useEffect(()=>{o.getAsync("components").then(t=>u(t).then(n=>{s(n)}))},[]),r.useEffect(()=>()=>{e&&o.getAsync("components").then(t=>{t.nodes.detached=t.nodes.detached.filter(n=>n.id!==e.id)})},[e]),e?c.jsx(d.Component,{id:e.id,node:e,branch:"default"}):null};exports.default=a;

package/guide-34ba7f9d.js

@@ -0,0 +1,353 @@
+"use strict";const c=require("react/jsx-runtime"),n=require("./index-db2054f8.js"),m=require("react");require("react-dom");function*Q(e){if(e)for(let t=0;t<e.length;t++){const o=e[t];yield o,o.items&&(yield*Q(o.items))}}const le=(e,t)=>{const o=Q(t);let s=o.next(),r=null;for(;!s.done;)s.value.id===e&&(r=s.value),s=o.next();return r};function J(e,t={},o){return e.forEach(s=>{o&&(t[+s.id]=o),s.items&&J(s.items,t,s.id)}),t}function ce(e,t,o=[e],s=J(t)){const r=a=>{const d=s[+a];d&&(o.unshift(d),r(d))},i=s[+e];return i&&(o.unshift(i),r(i)),o}const de=(e,t)=>typeof e>"u"||typeof t>"u"?new Map:new Map(e.map(o=>{const s=le(o,t);return[o,s]})),ue=(e,t,o,s="guide-categories")=>o.getAsync("dataClient").then(r=>r.fetch(s,{expandCategories:"descendants"}).then(({categories:i})=>{const a=d=>{const l=ce(d,i),u=de(l,i),h=[];return l.forEach(f=>{const y=u.get(f);y&&h.push({routeName:e,title:y.title,symbol:y.symbol,id:y.id,routeParams:s==="contact-method-categories"?n.createParams({contactCategory:y.id,uriName:n.formatUrl(y.title)}):n.createParams({guideCategory:y.id,uriName:n.formatUrl(y.title)})})}),h};return Array.isArray(t)?t.reduce((d,l)=>{const u=a(l);return u.length>0&&d.push(u),d},[]):a(t)})),V=(e,t)=>({id:e.id,type:e.type,name:e.name,branch:t||"default"}),me=e=>e==="entering"||e==="entered",he=e=>e==="exiting"||e==="exited",z={fade:{in:"opacity: 1;",out:"opacity: 0;"},"slide-left":{in:"transform: translateX(0);",out:"transform: translateX(-100%);"},"slide-right":{in:"transform: translateX(0);",out:"transform: translateX(100%);"},"slide-up":{in:"transform: translateY(0);",out:"transform: translateY(100%);"},"slide-down":{in:"transform: translateY(0);",out:"transform: translateY(-100%);"},scale:{in:"transform: scale(1);",out:"transform: scale(0);"}},fe=["slide-up","slide-down","slide-left","slide-right","scale"],A={compose:(e="exited",t)=>{const{enter:o,exit:s}=t,r=o.transitionKeys.split(" "),i=fe.indexOf(r[0])>-1?"transform":"opacity";if(me(e))return r&&r.length>0?n.css`
+                    ${r&&r.length>0&&r.map(d=>z[d]?z[d].in:"")}
+                    transition: ${i} ${o.duration}ms ${o.easing};
+                `:"";const a=r&&r.length>0&&n.css`
+                ${r.map(d=>z[d]?z[d].out:"")}
+            `;if(he(e)){const d=s.transitionKeys.split(" ");return d&&d.length>0&&e==="exiting"?n.css`
+                    ${a};
+                    ${d.map(l=>z[l]?z[l].out:"")}
+                    transition: ${i} ${s.duration}ms ${s.easing};
+                `:a}},composeViewTransition:(e,t,o)=>{if(t==="slide")return A.compose(e,{enter:{transitionKeys:o==="forth"?"slide-right":"slide-left",duration:500},exit:{transitionKeys:o==="forth"?"slide-left":"slide-right",duration:500}});if(t==="fade")return A.compose(e,{enter:{transitionKeys:"fade",duration:500},exit:{transitionKeys:"fade",duration:500}})},get:e=>z[e]},pe=(e,t)=>e.get("seoConfiguration")?c.jsx(n.Empty,{...t}):null;function ye(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function H(e,t){var o=function(i){return t&&m.isValidElement(i)?t(i):i},s=Object.create(null);return e&&m.Children.map(e,function(r){return r}).forEach(function(r){s[r.key]=o(r)}),s}function ge(e,t){e=e||{},t=t||{};function o(h){return h in t?t[h]:e[h]}var s=Object.create(null),r=[];for(var i in e)i in t?r.length&&(s[i]=r,r=[]):r.push(i);var a,d={};for(var l in t){if(s[l])for(a=0;a<s[l].length;a++){var u=s[l][a];d[s[l][a]]=o(u)}d[l]=o(l)}for(a=0;a<r.length;a++)d[r[a]]=o(r[a]);return d}function B(e,t,o){return o[t]!=null?o[t]:e.props[t]}function be(e,t){return H(e.children,function(o){return m.cloneElement(o,{onExited:t.bind(null,o),in:!0,appear:B(o,"appear",e),enter:B(o,"enter",e),exit:B(o,"exit",e)})})}function xe(e,t,o){var s=H(e.children),r=ge(t,s);return Object.keys(r).forEach(function(i){var a=r[i];if(m.isValidElement(a)){var d=i in t,l=i in s,u=t[i],h=m.isValidElement(u)&&!u.props.in;l&&(!d||h)?r[i]=m.cloneElement(a,{onExited:o.bind(null,a),in:!0,exit:B(a,"exit",e),enter:B(a,"enter",e)}):!l&&d&&!h?r[i]=m.cloneElement(a,{in:!1}):l&&d&&m.isValidElement(u)&&(r[i]=m.cloneElement(a,{onExited:o.bind(null,a),in:u.props.in,exit:B(a,"exit",e),enter:B(a,"enter",e)}))}}),r}var $e=Object.values||function(e){return Object.keys(e).map(function(t){return e[t]})},we={component:"div",childFactory:function(t){return t}},_=function(e){n._inheritsLoose(t,e);function t(s,r){var i;i=e.call(this,s,r)||this;var a=i.handleExited.bind(ye(i));return i.state={contextValue:{isMounting:!0},handleExited:a,firstRender:!0},i}var o=t.prototype;return o.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},o.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(r,i){var a=i.children,d=i.handleExited,l=i.firstRender;return{children:l?be(r,d):xe(r,a,d),firstRender:!1}},o.handleExited=function(r,i){var a=H(this.props.children);r.key in a||(r.props.onExited&&r.props.onExited(i),this.mounted&&this.setState(function(d){var l=n._extends({},d.children);return delete l[r.key],{children:l}}))},o.render=function(){var r=this.props,i=r.component,a=r.childFactory,d=n._objectWithoutPropertiesLoose(r,["component","childFactory"]),l=this.state.contextValue,u=$e(this.state.children).map(a);return delete d.appear,delete d.enter,delete d.exit,i===null?m.createElement(n.TransitionGroupContext.Provider,{value:l},u):m.createElement(n.TransitionGroupContext.Provider,{value:l},m.createElement(i,d,u))},t}(m.Component);_.propTypes=process.env.NODE_ENV!=="production"?{component:n.PropTypes.any,children:n.PropTypes.node,appear:n.PropTypes.bool,enter:n.PropTypes.bool,exit:n.PropTypes.bool,childFactory:n.PropTypes.func}:{};_.defaultProps=we;const Ce=_,G=()=>m.useContext(n.ComponentNodeContext),Se=()=>{const e=n.useComponentNode(),t=n.useComponentPlatform(),[o,s]=m.useState([]),r=n.useIsMounted(),i=m.useCallback(a=>{if(t&&r.current&&a){const d=t.getBranch(a),l=a.getChildren(d).map(u=>V(u));s(l)}},[r,t,s,e]);return m.useEffect(()=>{e&&i(e)},[e,t]),m.useEffect(()=>{if(t){const[a,d]=n.createEventSubscriber(t.events);return a("components:set-layout",(l,u)=>{(e===u.node.parent||u.node.parent===t.nodes.root)&&i(u.node.parent)}),a("components:node-appended",(l,u)=>{(e===u.node.parent||u.node.parent===t.nodes.root)&&i(u.node.parent)}),a("components:node-removed",(l,{parentNode:u})=>{(u===e||u===t.nodes.root)&&i(u)}),()=>{d()}}},[e,t,i]),o},je=()=>m.useContext(n.ColumnContext),Z=(e,t)=>{const o=G(),s=n.useContainer(),[r,i]=m.useState(void 0),a=n.useIsMounted(),d=e||o.type||"";return m.useEffect(()=>{if(d){let l;return(t||s).getAsync("componentResolver").then(u=>{if(a.current){const h=u.getComponent(d);i(h)}l=u.registerResolver(d,h=>{a.current&&i(h)})}),()=>{l&&l()}}},[a,d,t,s]),r},ee=()=>{const e=n.useComponentPlatform(),t=G(),[o,s]=m.useState([]),[r,i]=m.useState();return m.useEffect(()=>{if(e&&t){const a=new n.ComponentQuery(e).withId(t.id),d=e.actions(a,t.type||n.uuid());i(d),o!==null&&(o.forEach(l=>{d.dispatch(l.key,l.data).then(u=>l.resolve(u)).catch(u=>l.reject(u))}),s(null))}},[e,t.id]),(a,d)=>o!==null?new Promise((l,u)=>{o.push({key:a,data:d,resolve:l,reject:u})}):r.dispatch(a,d)},ve=e=>{const t=n.useComponentNode(e),o=n.useComponentPlatform(),[s,r]=m.useState({}),i=n.useIsMounted();return m.useEffect(()=>{t&&i.current&&r(t.attributes.layout)},[t,i]),m.useEffect(()=>{if(o){const a=o.events.subscribe("components:layout-changed",(d,l)=>{t===l.node&&i.current&&r(l.node.attributes.layout)});return()=>{a()}}},[o,i,t]),s},D=()=>m.useContext(n.ComponentPropertyContext);n.newStyled(n.Paragraph)`
+    ${e=>{var t;return n.headingElement(e)("h1",n.css`
+                font-weight: normal;
+                font-size: ${(t=e.theme.fonts)==null?void 0:t.medium};
+            `)}}
+`;const ke=n.newStyled(n.Html)`
+    ${n.genericHtml}
+    font-weight: 300;
+    line-height: 1.5em;
+    button:focus-visible {
+        ${n.borderTabStyle};
+    }
+
+    a:focus-visible {
+        ${n.linkTabStyle};
+    }
+`,Ne=e=>{const t=Z(e.clientName),{params:{contactCategory:o,guideCategory:s,phrase:r}}=n.useRouteData();if(typeof t>"u")return null;if(t===null)return process.env.NODE_ENV!=="production"?c.jsx(Ee,{title:`client-name: ${e.clientName}, id: ${e.id}`,className:"humany-non-resolved-contact-method",children:c.jsx(n.Typography,{variant:"h5",children:"Non resolved Contact Method type"})}):null;const i=(a={})=>{const d={...e,...a},{id:l,title:u,clientName:h,symbol:f,inline:y,onClick:g=()=>{},description:C,htmlParseInstruction:b,className:$,disabled:p,guideId:j,dispatch:T=()=>{},expanded:v}=d,w=y?{onKeyDown:S=>{S.key&&S.key==="Enter"&&(g(S,d),S.defaultPrevented||!v&&T("expand",l))},onClick:S=>{g(S,d),S.defaultPrevented||!v&&T("expand",l)}}:{onClick:S=>g(S,d),routeName:"contact-method",params:n.createParams({contactCategory:o,guideId:j,guideCategory:s,phrase:r,contactMethod:l,uriName:n.formatUrl(u)})};return c.jsxs(Te,{title:u,"aria-label":u,className:$,disabled:p,description:C,"data-client-name":h,...a,...w,children:[f&&c.jsx(n.SymbolBadge,{symbol:f}),C?c.jsxs("div",{className:"humany-contact-link-rich-content",children:[c.jsx(X,{children:u}),c.jsx(ke,{html:C,htmlParseInstruction:b})]}):c.jsx(X,{children:u})]})};return e.expanded?c.jsx(m.Suspense,{fallback:null,children:c.jsx(t,{...e,renderDefault:i})}):i()},te=e=>{var t,o,s,r,i,a,d,l;return n.css`
+  display: flex;
+  padding: ${(t=e.theme.sizes)==null?void 0:t.large};
+  ${e.description?"":"align-items: center;"}
+  text-decoration: none;
+  span {
+    display: inline-block;
+    color: ${(o=e.theme.colors)==null?void 0:o.text};
+  }
+  i {
+    font-size: ${(s=e.theme.fonts)==null?void 0:s.large};
+    margin: 0 ${(r=e.theme.sizes)==null?void 0:r.large} 0 0;
+    min-height: ${(i=e.theme.fonts)==null?void 0:i.large};
+    min-width: ${(a=e.theme.fonts)==null?void 0:a.large};
+    line-height: ${(d=e.theme.fonts)==null?void 0:d.large};
+    display: inline-block;
+    vertical-align: bottom;
+    color: ${(l=e.theme.colors)==null?void 0:l.text};
+  }
+`},X=n.newStyled(n.StyledText)`
+  line-height: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.large}};
+`,Te=n.newStyled(n.Link)`
+  ${e=>te(e)}
+
+  &:focus-visible {
+    ${n.borderTabStyle};
+  }
+`,Ee=n.newStyled.div`
+  text-align: center;
+  display: block;
+  ${e=>{var t,o;return typeof((t=e.theme.colors)==null?void 0:t.warning)<"u"&&`color: ${(o=e.theme.colors)==null?void 0:o.warning};`}}
+`,Pe=e=>{var t,o,s;return n.css`
+    ${n.itemList(e)}
+
+    > div {
+        padding: ${(t=e.theme.sizes)==null?void 0:t.large};
+
+        ${n.headingElement(e)("h1",n.css`
+                margin: 0;
+            `)}
+    }
+
+    > ul {
+        &:not(:first-child) {
+            border-top: ${e.theme.border};
+        }
+
+        > li {
+            margin: 0;
+            white-space: normal;
+
+            > a {
+                overflow: hidden;
+            }
+
+            &:first-child > a {
+                border-radius: ${`${e.theme.borderRadius} ${e.theme.borderRadius} 0 0`};
+            }
+
+            &:last-child:not(:first-child) > a {
+                border-radius: ${`0 0 ${e.theme.borderRadius} ${e.theme.borderRadius}`};
+            }
+
+            &:not(:last-child) {
+                border-bottom: ${e.theme.border};
+            }
+
+            > div {
+                padding: ${(o=e.theme.sizes)==null?void 0:o.large};
+            }
+        }
+    }
+
+    @media (hover: hover) {
+        a:hover {
+            background-color: ${(s=e.theme.colors)==null?void 0:s.accent};
+        }
+    }
+`},Le=n.newStyled(n.ItemList)`
+    ${e=>Pe(e)}
+`,ne=({contactMethods:e,children:t,guideId:o,dispatch:s,className:r="",itemRenderer:i,action:a=()=>{},header:d=""})=>e.length?c.jsx(Le,{header:d,className:n.appendClassNames(r,"humany-contact-list"),items:e,renderItem:i?l=>c.jsx("li",{"data-contact-method":l.id,children:i(l,{action:a,dispatch:s,guideId:o})},l.id):l=>c.jsx("li",{"data-contact-method":l.id,children:c.jsx(Ne,{...l,action:a,dispatch:s,guideId:o})},l.id),children:t}):null;var W=(e=>(e.back="back",e.forth="forth",e))(W||{});const ze=(e,t,o)=>typeof o[e]=="number"&&typeof o[t]=="number"&&o[e]>o[t]?"back":"forth",oe=({views:e,location:t,render:o})=>c.jsx(n.Switch,{location:t&&{...t,pathname:t.pathname.split("?")[0]},children:[...Object.keys(e).filter(s=>!!e[s].path),...Object.keys(e).filter(s=>!e[s].path)].map(s=>{const{path:r}=e[s];return r?Array.isArray(r)?r.map(i=>c.jsx(n.Route,{exact:!0,path:i,render:()=>o(s)},s)):c.jsx(n.Route,{exact:!0,path:r,render:()=>o(s)},s):c.jsx(n.Route,{render:()=>o(s)},s)})}),Be=n.newStyled.div`
+  position: relative;
+  width: 100%;
+  flex: 1;
+`,De=n.newStyled(n.Grid)`
+  position: absolute;
+  left: 0;
+  right: 0;
+  ${e=>!!e.animationCss&&e.animationCss}
+  ${e=>!!e.scrollableCss&&e.scrollableCss}
+`,Re={index:1,search:2,browse:3,guide:4,contact:5,"contact-method":6,conversation:7},Me=({className:e="",...t})=>{const[o,s]=m.useState("index"),[r,i]=m.useState(W.forth),a=n.useRouteData(),d=n.useRouter(),l=D(),u=n.useContext(),h=n.useContainer(),f=n.useComponentNode(),{gap:y="0"}=u,{columns:g=1,animation:C="none",scrollable:b=!1,...$}=l,[p,j]=n.useScroll(b);if(!f||!d)return null;const{location:T}=d;a.name!==o&&a.name!==""&&C&&(i(ze(o,a.name,Re)),s(a.name));const{views:v}=h.get("$settings");if(!Object.keys(v).length)return null;const w=(x,N,E)=>{const k=S(N,E),P=f.getChildren(x)[0];return c.jsx(De,{...t,...$,scrollableCss:p,ref:j,columns:g,gap:y,...k,className:n.appendClassNames(e,"humany-view"),children:c.jsx(M,{id:P.id,branch:"default"})})},S=(x,N)=>{if(C==="slide"||C==="fade")return{animationCss:A.composeViewTransition(x,C,N),"data-state":x}};return c.jsx(Be,{className:"humany-animated-view",children:c.jsx(Ce,{component:null,childFactory:x=>m.cloneElement(x,{direction:r}),children:c.jsx(n.Transition,{timeout:{enter:500,exit:500},onEnter:x=>x==null?void 0:x.clientHeight,unmountOnExit:!0,direction:W.forth,children:(x,{direction:N})=>c.jsx(oe,{views:v,location:T,render:E=>w(E,x,N)})},o)})})},Oe=n.newStyled(n.Grid)`
+    ${e=>!!e.scrollableCss&&e.scrollableCss}
+`,Ie=({className:e="",...t})=>{const o=D(),s=n.useContext(),r=n.useContainer(),i=n.useComponentNode(),{views:a}=r.get("$settings"),{gap:d="0"}=s,{columns:l=1,animation:u="none",scrollable:h=!1,...f}=o,[y,g]=n.useScroll(h);return i?c.jsx(Oe,{...t,...f,scrollableCss:y,ref:g,columns:l,gap:d,className:n.appendClassNames(e,"humany-view"),children:c.jsx(oe,{views:a,render:C=>{const b=i.getChildren(C)[0];return c.jsx(M,{id:b.id,node:b,branch:"default"})}})}):null},R=e=>{var t,o;return n.css`
+    outline: none;
+    box-sizing: border-box;
+    * {
+        box-sizing: border-box;
+        outline: none;
+    }
+
+    grid-column: ${e["data-indent"]?`${e["data-indent"]+1} / ${e["data-indent"]+(e["data-width"]||0)+1}`:`span ${e["data-width"]}`};
+
+    ${((t=e.theme.fonts)==null?void 0:t.type)&&`
+    font-family: ${e.theme.fonts.type};
+
+    input, textarea {
+      font-family: ${e.theme.fonts.type};
+    }
+  `}
+
+    ${((o=e.theme.fonts)==null?void 0:o.base)&&`
+    font-size: ${e.theme.fonts.base};
+  `}
+
+  &:focus-visible {
+        ${n.paddedBorderTabStyle(e)};
+    }
+`},Fe=n.newStyled(Ie)`
+    ${e=>R(e)}
+`,Ve=n.newStyled(Me)`
+    ${e=>R(e)}
+`,Ae=n.newStyled.div`
+    text-align: center;
+    ${e=>{var t,o,s;return typeof((t=e.theme.colors)==null?void 0:t.warning)<"u"&&n.css`
+            color: ${(o=e.theme.colors)==null?void 0:o.warning};
+            border: 2px dashed ${(s=e.theme.colors)==null?void 0:s.warning};
+        `}}
+    ${e=>typeof e.theme.borderRadius<"u"&&`border-radius: ${e.theme.borderRadius};`}
+  ${e=>R(e)}
+`,We=m.forwardRef(({className:e="",children:t,...o},s)=>{const r=Z(),{name:i,type:a,id:d}=G(),l=m.useMemo(()=>r?n.newStyled(r)`
+                    ${R}
+                    ${n.filterCssPropsStyle}
+                `:null,[r]);return typeof r>"u"?null:r===null||l===null?process.env.NODE_ENV!=="production"?c.jsx(Ae,{...o,title:`type: ${a}, definition-id: ${i}, instance-id: ${d}`,className:n.appendClassNames(e,"humany-non-resolved-component"),children:c.jsx(n.Typography,{variant:"h5",children:"Non Resolved Component Type"})}):null:c.jsx(m.Suspense,{fallback:null,children:c.jsx(l,{ref:s,...o,className:n.appendClassNames(e,"humany-component",`humany-component-${i}`),children:t})})}),He=e=>{const t=n.useComponentNode(e),o=n.useComponentPlatform(),[s,r]=m.useState({}),i=n.useIsMounted();return m.useEffect(()=>{t&&i.current&&r(t.attributes.properties)},[t,e,i]),m.useEffect(()=>{if(o){const a=o.events.subscribe("components:properties-changed",(d,l)=>{t===l.node&&i.current&&r(l.node.attributes.properties)});return()=>{a()}}},[o,i,e,t]),s},_e=(e,t)=>t?!0:typeof e=="string"?e==="full":e>0,M=m.forwardRef(({className:e="",id:t,branch:o,node:s,ariaLabel:r,tabIndex:i,context:a,...d},l)=>{const u=n.useComponentPlatform(),h=n.useContainer(),[f,y]=m.useState(),g=je(),C=n.useContext(t),b=He(t),{size:$="none",indent:p=0}=ve(t),j=_e($,s);if(m.useEffect(()=>{if(u){if(t&&!s){const k=u.nodes.get(t);if(k&&(y(V(k,o)),j)){const P=k.mount(h);return()=>{P()}}}else if(s){y(V(s,o));const k=s.mount(h);return()=>{k()}}}},[u,t,s,j]),!f||!j)return null;const T={...C,...a||{}},{cardinal:v,fonts:w={},accessibility:S={},...x}=T,N={type:w.type,base:w.base||"16px",small:w.small||"0.8em",normal:w.normal||"1em",medium:w.medium||"1.2em",large:w.large||"1.6em",huge:w.huge||"2.5em"},E={...x,fonts:N,accessibility:{...S}};return typeof v=="number"&&(E.sizes={cardinal:v,small:`${v}px`,normal:`${v*3}px`,medium:`${v*5}px`,large:`${v*8}px`}),c.jsx(n.ThemeProvider,{theme:E,children:c.jsx(n.ComponentNodeContext.Provider,{value:f,children:c.jsx(n.ComponentPropertyContext.Provider,{value:b,children:(()=>{const k={"data-width":$==="full"?g:Math.min($,g),"data-indent":p,"data-name":f.name,"data-node-id":f.id,"data-component-type":f.type,"aria-label":r,tabIndex:i,id:f.id,role:b&&b.role,...d};switch(f.type){case"view":return typeof b.animation=="string"&&b.animation!=="none"?c.jsx(Ve,{...k,className:e}):c.jsx(Fe,{...k,className:e});default:{const P=n.filterCssProps(b);return c.jsx(We,{ref:l,...k,...P,className:e})}}})()})})})}),Ge=m.lazy(()=>Promise.resolve().then(()=>require("./detached-component-cb6ec5d1.js"))),qe=({showSearch:e=!1})=>{const t=n.useTheme(),o=n.useContainer();return c.jsx(m.Suspense,{fallback:null,children:c.jsx(Ge,{builder:s=>o.get("settings").then(r=>{var u;const{properties:i,context:a}=Object.keys(r.components).reduce((h,f)=>(r.components[f].type==="not-found"&&(h.properties=r.components[f].properties,h.context=r.components[f].context),h),{properties:{},context:{}});i.showSearch=e;const d=s.createNode("area",{detached:!0});if(d.name="not-found-area",d.writeLayout({size:"full"}),e){const h=Object.keys(r.components).reduce((y,g)=>r.components[g].type==="search"?r.components[g].properties:y,{}),f=s.createNode("search",{detached:!0});f.writeLayout({size:"full"}),f.writeProperties({"css-margin-bottom":((u=t==null?void 0:t.sizes)==null?void 0:u.normal)||"15px",...h}),d.appendChild(f)}const l=s.createNode("not-found",{detached:!0});return l.writeLayout({size:"full"}),l.writeProperties(i),l.writeContext(a),d.appendChild(l),d})})})},Ue=({className:e,defaultAnswerVersionLabel:t,guide:{perspective:o,perspectives:s},availablePerspectives:r=[]})=>{const{name:i,params:a}=n.useRouteData(),d=m.useMemo(()=>!s||!r.length?[]:r.filter(({name:l})=>!!s[l]).map(({name:l,title:u})=>({label:u,connection:s[l]})),[s,r]);return c.jsx(Ke,{className:n.appendClassNames(e,"humany-guide-answer-version-picker"),items:d,renderItem:l=>{const u=l.label==="Default"?t:l.label,h=o===l.connection,f=h&&(!a.connection||o===a.connection);return c.jsx("li",{"data-version":l.connection,children:c.jsx(Xe,{as:f?"span":void 0,text:u,routeName:i,selected:h,"aria-label":u,title:u,params:{...a,connection:l.connection}},l.connection)},l.connection)}})},Ke=n.newStyled(n.List)`
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+
+    list-style: none;
+    padding: 0;
+    margin: 0;
+
+    li:not(:last-child) {
+        margin: 0 calc(${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}} * 2) 0 0;
+    }
+
+    li > span {
+        cursor: default;
+    }
+`,Xe=n.newStyled(n.TextLink)`
+    font-weight: 300;
+    color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
+    text-decoration: none;
+
+    ${e=>e.selected&&n.css`
+            font-weight: bold;
+            text-decoration: underline;
+        `}
+
+    &:focus-visible {
+        ${n.paddedBorderTabStyle};
+    }
+`,Ye=n.newStyled(ne)`
+    border-top: ${e=>e.theme.border};
+    ${e=>e.backButtonShown==="true"&&`border-bottom: ${e.theme.border};`}
+`,Qe=n.newStyled(n.FeedbackUi)`
+    ${e=>{var t,o;return`padding: ${(t=e.theme.sizes)==null?void 0:t.large} ${(o=e.theme.sizes)==null?void 0:o.large};`}}
+`,Je=n.newStyled(n.StyledHeaderText)`
+    ${e=>{var t,o;return`padding: ${(t=e.theme.sizes)==null?void 0:t.large} ${(o=e.theme.sizes)==null?void 0:o.large};`}}
+
+    display: block;
+    font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
+    font-weight: bold;
+`,Ze=({backButtonShown:e=!1,accordion:t=!1})=>{const o=ee(),{loading:s=!1,dialog:r=[],guide:i,handoverContactMethods:a=[],contactHeader:d,showFeedback:l,feedbackDirection:u="horizontal",feedbackRecognitionLabel:h,feedbackGiven:f,feedbackHeader:y,positiveFeedbackLabel:g,negativeFeedbackLabel:C,contactFeedbackLabel:b}=D(),[$,p]=m.useState(!1);return m.useEffect(()=>{f||p(!1)},[f]),!l||!i||!i.allowFeedback||s&&!f||r.length?null:f&&h&&!a.length&&!s?c.jsx(Je,{accordion:t?"true":"false",tabindex:-1,ref:j=>{!$&&j&&(p(!0),j.focus())},children:h}):i.hasHandover&&a.length?c.jsx(Ye,{backButtonShown:e?"true":"false",accordion:t?"true":"false",header:d,contactMethods:a,dispatch:o}):c.jsx(Qe,{accordion:t?"true":"false",positive:g,negative:i.hasHandover?b:C,header:y,selected:f,onFeedback:j=>o("feedback",j),direction:u})},et=({guide:{categories:e=[]},toolbar:{picker:t=n.PickerTypes.NONE}})=>{const[o,s]=m.useState([]),r=n.useContainer();return m.useEffect(()=>{ue("index",e.map(i=>i.toString()),r).then(i=>{s(i)})},[e]),o.length?c.jsx(n.Tooltip,{className:"humany-guide-category-tooltip",sticky:t===n.PickerTypes.DRAWER,content:c.jsx(c.Fragment,{children:o.map(i=>c.jsx(tt,{className:"humany-guide-category-trail",children:i.map((a,d)=>c.jsxs(n.Text,{className:"humany-guide-category-trail-segment",children:[a.symbol&&d===0&&c.jsx(n.SymbolBadge,{size:14,symbol:a.symbol}),a.title,d!==i.length-1&&c.jsx(nt,{className:"humany-category-separator",children:"/"})]},a.id))},i.map(a=>a.id).join(".")))}),children:t===n.PickerTypes.DRAWER?c.jsx(n.StyledListButton,{className:"humany-guide-category-tooltip-button","data-has-label":"false","data-has-symbol":"true",children:c.jsx(Y,{size:19,symbol:{type:"Svg",content:"information"}})}):c.jsx(Y,{size:19,symbol:{type:"Svg",content:"information"}})}):null},tt=n.newStyled.div`
+  i,
+  svg {
+    margin: 0 ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}} 0 0;
+  }
+
+  &:not(:last-child) {
+    margin: 0 0 ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}};
+  }
+`,nt=n.newStyled(n.Text)`
+  margin: 0 ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}};
+`,Y=n.newStyled(n.SymbolBadge)`
+  display: block;
+`,ot=({header:e,tooltip:t,printActionLabel:o,copyActionLabel:s,addFavoriteTooltip:r,removeFavoriteCancelLabel:i,removeFavoriteConfirmLabel:a,removeFavoriteHeader:d,removeFavoriteLabel:l,removeFavoriteTooltip:u,toolbarFunctionsCloseButtonAriaLabel:h,allowCopy:f=!1,allowPrint:y=!1,showFavoriteToggle:g=!1,picker:C=n.PickerTypes.NONE,guide:b,dispatch:$})=>{const[p,j]=n.useFavorites(),T=m.useCallback(N=>{b&&$("copy",b)},[b,$]),v=m.useCallback(()=>{b&&$("print")},[b,$]),w=m.useMemo(()=>{const{id:N,title:E}=b,k=[];if(f&&k.push({type:"copy",child:c.jsxs(n.StyledListButton,{"data-has-label":s?"true":"false","data-has-symbol":"true",title:s,"aria-label":o,onClick:T,children:[c.jsx(F,{size:16,symbol:{type:"Svg",content:"copy"}}),s&&c.jsx(n.StyledText,{children:s})]})}),y&&k.push({type:"print",child:c.jsxs(n.StyledListButton,{"data-has-label":o?"true":"false","data-has-symbol":"true",title:o,"aria-label":o,onClick:v,children:[c.jsx(F,{size:16,symbol:{type:"Svg",content:"print"}}),o&&c.jsx(n.StyledText,{children:o})]})}),g){const P=p.indexOf(N)>-1;k.push({type:"favorite",child:c.jsx(n.FavoriteButton,{id:N,guideTitle:E,isFavorite:P,buttonLabel:P?u:r,addFavoriteTooltip:r,removeFavoriteCancelLabel:i,removeFavoriteConfirmLabel:a,removeFavoriteHeader:d,removeFavoriteLabel:l,removeFavoriteTooltip:u,actions:j})})}return k},[p,b,f,y,g,o,s,r,i,a,d,l,u]);if(!w.length)return null;const S=c.jsx(rt,{tabIndex:0,title:t,"data-has-symbol":"true","data-has-label":"false",children:c.jsx(F,{symbol:{type:"Svg",content:"options"},size:18})}),x=({type:N,child:E})=>c.jsx("li",{"data-function-type":N,children:E},N);return C===n.PickerTypes.DROPDOWN?c.jsx(st,{className:"humany-guide-functions-dropdown-list",header:e,items:w,trigger:S,renderItem:x,closeButtonAriaLabel:h}):C===n.PickerTypes.DRAWER?c.jsx(n.DrawerList,{className:"humany-guide-functions-drawer-list",animation:{type:n.AnimationType.SlideInBottom},header:e,items:w,trigger:S,renderItem:x,closeButtonAriaLabel:h}):null},F=n.newStyled(n.SymbolBadge)`
+  circle {
+    fill: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
+  }
+
+  line,
+  path,
+  rect {
+    stroke: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
+  }
+`,st=n.newStyled(n.DropdownList)`
+  display: block;
+  min-height: auto;
+`,rt=n.newStyled(n.StyledListButton)`
+  padding: calc(${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}} * 2) 0;
+`,it=(e,t)=>{var o;return((o=t.find(s=>s.id===e.id))==null?void 0:o.label)||""},at=({header:e,tooltip:t,picker:o=n.PickerTypes.NONE,guide:s,...r})=>{const{name:i,params:a}=n.useRouteData(),d=m.useMemo(()=>Object.keys(s.translations||{}).reduce((f,y)=>{const g={};return g.key=y,g.id=(s.translations||{})[y],g.label=r[`${y}LanguageLabel`],(g.id||g.label)&&f.push(g),f},[]),[s,r]);if(!d.length)return null;const l=it(s,d),u=c.jsxs(lt,{tabIndex:0,title:t,"data-has-symbol":"true","data-has-label":o===n.PickerTypes.DROPDOWN&&l?"true":"false",children:[o===n.PickerTypes.DROPDOWN&&c.jsxs(c.Fragment,{children:[l&&c.jsx(dt,{children:l}),c.jsx(ut,{symbol:{type:"Svg",content:"caret-down"},size:11})]}),o===n.PickerTypes.DRAWER&&c.jsx(ct,{symbol:{type:"Svg",content:"language"},size:20})]}),h=({label:f,key:y,id:g})=>c.jsx("li",{"data-language":y,children:c.jsx(ht,{tabIndex:0,text:f,routeName:i,selected:s.id===g,params:n.createParams({...a,connection:void 0,guide:g})})},y);return o===n.PickerTypes.DROPDOWN?c.jsx(mt,{className:"humany-guide-languages-dropdown-list",header:e,items:d,trigger:u,renderItem:h}):o===n.PickerTypes.DRAWER?c.jsx(n.DrawerList,{className:"humany-guide-languages-drawer-list",animation:{type:n.AnimationType.SlideInBottom},header:e,items:d,trigger:u,renderItem:h}):null},lt=n.newStyled(n.StyledListButton)`
+  &&& {
+    margin: 0 ${e=>{var t;return`calc(${(t=e.theme.sizes)==null?void 0:t.small} * 2)`}} 0 0;
+  }
+`,ct=n.newStyled(n.SymbolBadge)`
+  circle {
+    fill: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
+  }
+
+  line,
+  path,
+  rect {
+    stroke: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
+  }
+`,dt=n.newStyled(n.Text)`
+  margin: 0 ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}} 0 0;
+  font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
+`,ut=n.newStyled(n.SymbolBadge)`
+  align-self: flex-end;
+  stroke-width: 2px;
+  stroke-linecap: round;
+
+  && {
+    width: 0.6em;
+    height: 1em;
+  }
+  line {
+    stroke: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
+  }
+`,mt=n.newStyled(n.DropdownList)`
+  display: block;
+  min-height: auto;
+`,ht=n.newStyled(n.TextLink)`
+  color: ${e=>{var t,o;return e.selected?(t=e.theme.colors)==null?void 0:t.primary:(o=e.theme.colors)==null?void 0:o.text}};
+  ${e=>e.selected&&"font-weight: bold;"}
+
+  outline: none;
+  &:focus-visible {
+    ${n.paddedBorderTabStyle}
+    text-decoration: underline;
+  }
+`,ft=e=>{const{allowCopy:t=!1,allowPrint:o=!1,guideCategories:s=!1,language:r=!1,showFavoriteToggle:i=!1,picker:a=n.PickerTypes.NONE}=e;return!t&&!o&&!r&&!i&&!s||a===n.PickerTypes.NONE},pt=({className:e="",dispatch:t})=>{const{toolbarLanguageHeader:o,toolbarFunctionsHeader:s,toolbarLanguageTooltip:r,toolbarFunctionsTooltip:i,toolbarFunctionsCloseButtonAriaLabel:a,printActionLabel:d,copyActionLabel:l,addFavoriteTooltip:u,removeFavoriteCancelLabel:h,removeFavoriteConfirmLabel:f,removeFavoriteHeader:y,removeFavoriteLabel:g,removeFavoriteTooltip:C,guide:b,toolbar:$,...p}=D();if(!b||!$||ft($))return null;const{language:j,guideCategories:T,allowCopy:v,allowPrint:w,showFavoriteToggle:S,picker:x}=$;return c.jsxs(yt,{className:n.appendClassNames("humany-guide-toolbar",e),children:[j&&Object.keys(b.translations||{}).length>1&&c.jsx(at,{guide:b,header:o,tooltip:r,picker:x,...p}),T&&c.jsx(et,{guide:b,toolbar:$}),(v||w||S)&&c.jsx(ot,{guide:b,header:s,tooltip:i,printActionLabel:d,copyActionLabel:l,addFavoriteTooltip:u,removeFavoriteCancelLabel:h,removeFavoriteConfirmLabel:f,removeFavoriteHeader:y,removeFavoriteLabel:g,removeFavoriteTooltip:C,toolbarFunctionsCloseButtonAriaLabel:a,allowCopy:v,allowPrint:w,showFavoriteToggle:S,picker:x,dispatch:t})]})},yt=n.newStyled.div`
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin: 0 0 0 auto;
+
+    > :not(:last-child) {
+        margin: 0 calc(${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}} * 2) 0 0;
+    }
+`,gt=m.forwardRef(({className:e,accordion:t=!1,...o},s)=>{const{loading:r=!1,dialog:i=[],contactMethods:a=[],showHeader:d=!0,showAnswerVersions:l=!1,defaultAnswerVersionLabel:u="Default",backButtonLabel:h,metadataByLabel:f,metadataModifiedLabel:y,metadataPublishedLabel:g,availablePerspectives:C,metadata:b,toolbar:$,guide:p,error:j}=D(),{params:{connection:T,guide:v}}=n.useRouteData(),w=n.useContainer(),S=Se(),x=ee(),N=m.useMemo(()=>({transform:{img:L=>c.jsx(n.Lightbox,{attrs:L,htmlBody:(p==null?void 0:p.body)||""}),a:L=>{const{children:re,...ie}=L,U=ie["data-target"];if(U&&i.length){const K=i.find(({connection:ae})=>ae===U);if(K)return c.jsx(n.DialogLink,{...K,children:re})}return n.embeddedLinkMapper(w)(L)}}}),[p,w,i]),E=m.useCallback(()=>{x("back")},[x]);if(!p&&!j&&!r)return pe(w,{...o,className:n.appendClassNames(e,"humany-guide")});const{id:k="",title:P="",body:O="",translations:q={}}=p||{};if(j&&j.status===404)return c.jsx(qe,{showSearch:!1});const I=!!t&&!!T,se=Object.keys(q).find(L=>q[L]===`${k}`);return c.jsxs(bt,{ref:s,...o,"data-loading":r,className:n.appendClassNames(e,"humany-guide"),children:[c.jsxs(St,{"data-loading":r,accordion:t?"true":"false",className:"humany-guide-content",children:[(l&&p||!!$)&&c.jsxs(Ct,{className:"humany-guide-top",children:[l&&p&&c.jsx(Ue,{defaultAnswerVersionLabel:u,availablePerspectives:C,guide:p}),!!$&&c.jsx(pt,{dispatch:x})]}),!!(P||O)&&c.jsx(xt,{className:"humany-guide-body",accordion:t?"true":"false",header:d&&P||void 0,html:O,htmlParseInstruction:N,lang:se}),i&&O.indexOf("h-option-link")===-1&&c.jsx(wt,{dialog:i}),c.jsx($t,{backButtonShown:I?"true":"false",contactMethods:a,dispatch:x,guideId:p&&p.id}),!a.length&&v===(p==null?void 0:p.id)&&c.jsx(Ze,{backButtonShown:I,accordion:t}),I&&c.jsxs(kt,{"aria-label":h,onClick:E,children:[c.jsxs(Nt,{width:"7",height:"13",viewBox:"0 0 7 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[c.jsx("line",{x1:"6.64645",y1:"12.5513",x2:"0.648357",y2:"6.55319"}),c.jsx("line",{x1:"0.646447",y1:"6.64455",x2:"6.64454",y2:"0.646465"})]}),h&&c.jsx("span",{children:h})]}),b&&c.jsx(jt,{...b,modified:p==null?void 0:p.modified,published:p==null?void 0:p.published,modifiedBy:p==null?void 0:p.modifiedBy,publishedBy:p==null?void 0:p.publishedBy,byLabel:f,modifiedLabel:y,publishedLabel:g}),S.map(L=>c.jsx(vt,{id:L.id,branch:"default",embedded:!0},L.id))]}),c.jsx(n.Loader,{loading:r})]})}),bt=n.newStyled.div`
+    ${n.loadingOpacity}
+    min-width: 0;
+`,xt=n.newStyled(n.Paragraph)`
+    ${n.genericHtml}
+    ${e=>{var t;return`padding: ${(t=e.theme.sizes)==null?void 0:t.large};`}}
+  display: block;
+    line-height: 1.6em;
+
+    ${e=>{var t,o;return n.headingElement(e)("h1",n.css`
+                font-size: ${(t=e.theme.fonts)==null?void 0:t.large};
+                font-weight: normal;
+                line-height: 1.6em;
+                line-height: 1.6em;
+                margin: 0 0 ${(o=e.theme.sizes)==null?void 0:o.small};
+            `)}}
+
+    p {
+        font-weight: 300;
+        font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
+        color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
+        a {
+            display: inline;
+        }
+    }
+`,$t=n.newStyled(ne)`
+    border-top: ${e=>e.theme.border};
+    ${e=>e.backButtonShown==="true"&&`border-bottom: ${e.theme.border};`}
+`,wt=n.newStyled(n.DialogList)`
+    ${e=>{var t,o;return`padding: 0 ${(t=e.theme.sizes)==null?void 0:t.large} ${(o=e.theme.sizes)==null?void 0:o.large};`}}
+    display: block;
+`,Ct=n.newStyled.div`
+    ${e=>{var t,o;return`padding: calc(${(t=e.theme.sizes)==null?void 0:t.normal}*2) ${(o=e.theme.sizes)==null?void 0:o.large};`}}
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border-bottom: ${e=>e.theme.border};
+    border-radius: ${e=>`${e.theme.borderRadius} ${e.theme.borderRadius}`} 0 0;
+    background-color: #ffffff;
+`,St=n.newStyled.div`
+    ${n.contentBox}
+    display: block;
+    > a {
+        ${te}
+    }
+
+    ${e=>e.accordion==="true"&&n.css`
+            white-space: normal;
+            box-shadow: none;
+            background-color: #fafafa;
+        `}
+`,jt=n.newStyled(n.Metadata)`
+    display: block;
+    ${e=>{var t,o;return`padding: calc(${(t=e.theme.sizes)==null?void 0:t.normal}*2) ${(o=e.theme.sizes)==null?void 0:o.large};`}}
+    font-weight: 300;
+    font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
+    color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
+    border-top: ${e=>e.theme.border};
+`,vt=n.newStyled(M)`
+    border-top: ${e=>e.theme.border};
+`,kt=n.newStyled(n.Button)`
+    ${e=>{var t,o;return`padding: ${(t=e.theme.sizes)==null?void 0:t.normal} calc(${(o=e.theme.sizes)==null?void 0:o.normal} * 2);`}}
+    color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
+    text-decoration: underline;
+    font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
+    span {
+        font-weight: 300;
+    }
+    &:focus-visible {
+        ${n.linkTabStyle}
+        padding: ${e=>{var t,o;return`calc(${(t=e.theme.sizes)==null?void 0:t.small} / 2) ${(o=e.theme.sizes)==null?void 0:o.small}`}};
+    }
+`,Nt=n.newStyled.svg`
+    margin-right: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}};
+    line {
+        stroke: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
+    }
+`,Tt=Object.freeze(Object.defineProperty({__proto__:null,default:gt},Symbol.toStringTag,{value:"Module"}));exports.Component=M;exports.guide=Tt;