sendbird-uikit-ios/docs/js/tutorials-overview.0dfedc70.js

/*!
 * This source file is part of the Swift.org open source project
 * 
 * Copyright (c) 2021 Apple Inc. and the Swift project authors
 * Licensed under Apache License v2.0 with Runtime Library Exception
 * 
 * See https://swift.org/LICENSE.txt for license information
 * See https://swift.org/CONTRIBUTORS.txt for Swift project authors
 */
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["tutorials-overview"],{"0175":function(t,e,n){"use strict";n("ec73")},"032c":function(t,e,n){"use strict";n("9b79")},"095b":function(t,e,n){"use strict";n("3601")},1509:function(t,e,n){},"202a":function(t,e,n){"use strict";n("5899")},3601:function(t,e,n){},"385e":function(t,e,n){},"3b96":function(t,e,n){"use strict";var s=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("SVGIcon",{staticClass:"curly-brackets-icon",attrs:{viewBox:"0 0 14 14"}},[n("path",{attrs:{d:"M9.987 14h-0.814v-0.916h0.36c0.137 0 0.253-0.038 0.349-0.116 0.099-0.080 0.179-0.188 0.239-0.318 0.064-0.134 0.11-0.298 0.139-0.483 0.031-0.186 0.045-0.38 0.045-0.58v-2.115c0-0.417 0.046-0.781 0.139-1.083 0.092-0.3 0.2-0.554 0.322-0.754 0.127-0.203 0.246-0.353 0.366-0.458 0.087-0.076 0.155-0.131 0.207-0.169-0.052-0.037-0.12-0.093-0.207-0.167-0.12-0.105-0.239-0.255-0.366-0.459-0.122-0.2-0.23-0.453-0.322-0.754-0.093-0.3-0.139-0.665-0.139-1.082v-2.13c0-0.199-0.014-0.392-0.045-0.572-0.029-0.182-0.076-0.345-0.139-0.483-0.060-0.137-0.141-0.246-0.239-0.328-0.095-0.076-0.212-0.115-0.349-0.115h-0.36v-0.916h0.814c0.442 0 0.788 0.18 1.030 0.538 0.238 0.352 0.358 0.826 0.358 1.407v2.236c0 0.3 0.015 0.597 0.044 0.886 0.030 0.287 0.086 0.544 0.164 0.765 0.077 0.216 0.184 0.392 0.318 0.522 0.129 0.124 0.298 0.188 0.503 0.188h0.058v0.916h-0.058c-0.206 0-0.374 0.064-0.503 0.188-0.134 0.129-0.242 0.305-0.318 0.521-0.078 0.223-0.134 0.48-0.164 0.766-0.029 0.288-0.044 0.587-0.044 0.884v2.236c0 0.582-0.12 1.055-0.358 1.409-0.242 0.358-0.588 0.538-1.030 0.538z"}}),n("path",{attrs:{d:"M4.827 14h-0.814c-0.442 0-0.788-0.18-1.030-0.538-0.238-0.352-0.358-0.825-0.358-1.409v-2.221c0-0.301-0.015-0.599-0.045-0.886-0.029-0.287-0.085-0.544-0.163-0.764-0.077-0.216-0.184-0.393-0.318-0.522-0.131-0.127-0.296-0.188-0.503-0.188h-0.058v-0.916h0.058c0.208 0 0.373-0.063 0.503-0.188 0.135-0.129 0.242-0.304 0.318-0.522 0.078-0.22 0.134-0.477 0.163-0.765 0.030-0.286 0.045-0.585 0.045-0.886v-2.251c0-0.582 0.12-1.055 0.358-1.407 0.242-0.358 0.588-0.538 1.030-0.538h0.814v0.916h-0.36c-0.138 0-0.252 0.038-0.349 0.116-0.099 0.079-0.179 0.189-0.239 0.327-0.064 0.139-0.11 0.302-0.141 0.483-0.029 0.18-0.044 0.373-0.044 0.572v2.13c0 0.417-0.046 0.782-0.138 1.082-0.092 0.302-0.201 0.556-0.324 0.754-0.123 0.201-0.246 0.356-0.366 0.459-0.086 0.074-0.153 0.13-0.206 0.167 0.052 0.038 0.12 0.093 0.206 0.169 0.12 0.103 0.243 0.258 0.366 0.458s0.232 0.453 0.324 0.754c0.092 0.302 0.138 0.666 0.138 1.083v2.115c0 0.2 0.015 0.394 0.044 0.58 0.030 0.186 0.077 0.349 0.139 0.482 0.062 0.132 0.142 0.239 0.241 0.32 0.096 0.079 0.21 0.116 0.349 0.116h0.36z"}})])},a=[],i=n("be08"),o={name:"CurlyBracketsIcon",components:{SVGIcon:i["a"]}},r=o,c=n("2877"),l=Object(c["a"])(r,s,a,!1,null,null,null);e["a"]=l.exports},"3f84":function(t,e,n){"use strict";n("bc48")},"54b0":function(t,e,n){},5668:function(t,e,n){"use strict";n("82d9")},5899:function(t,e,n){},"653a":function(t,e,n){"use strict";var s=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("router-link",{staticClass:"nav-title-content",attrs:{to:t.to}},[n("span",{staticClass:"title"},[t._t("default")],2),n("span",{staticClass:"subhead"},[t._v(" "),t._t("subhead")],2)])},a=[],i={name:"NavTitleContainer",props:{to:{type:[String,Object],required:!0}}},o=i,r=(n("a497"),n("2877")),c=Object(r["a"])(o,s,a,!1,null,"60ea3af8",null);e["a"]=c.exports},6962:function(t,e,n){"use strict";n("85fb")},"77e2":function(t,e,n){"use strict";n("fb73")},7839:function(t,e,n){"use strict";n("385e")},"80e4":function(t,e,n){"use strict";var s=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"asset"},[n(t.assetComponent,t._g(t._b({tag:"component"},"component",t.assetProps,!1),t.assetListeners))],1)},a=[],i=n("8bd9"),o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("video",{attrs:{controls:t.showsControls,autoplay:t.autoplays,poster:t.normalizeAssetUrl(t.defaultPosterAttributes.url),muted:"",playsinline:""},domProps:{muted:!0},on:{playing:function(e){return t.$emit("playing")},ended:function(e){return t.$emit("ended")}}},[n("source",{attrs:{src:t.normalizeAssetUrl(t.videoAttributes.url)}})])},r=[],c=n("748c"),l=n("e425"),u=n("821b"),d={name:"VideoAsset",props:{variants:{type:Array,required:!0},showsControls:{type:Boolean,default:()=>!0},autoplays:{type:Boolean,default:()=>!0},posterVariants:{type:Array,required:!1,default:()=>[]}},data:()=>({appState:l["a"].state}),computed:{preferredColorScheme:({appState:t})=>t.preferredColorScheme,systemColorScheme:({appState:t})=>t.systemColorScheme,userPrefersDark:({preferredColorScheme:t,systemColorScheme:e})=>t===u["a"].dark.value||t===u["a"].auto.value&&e===u["a"].dark.value,shouldShowDarkVariant:({darkVideoVariantAttributes:t,userPrefersDark:e})=>t&&e,defaultVideoAttributes(){return this.videoVariantsGroupedByAppearance.light[0]||this.darkVideoVariantAttributes||{}},darkVideoVariantAttributes(){return this.videoVariantsGroupedByAppearance.dark[0]},videoVariantsGroupedByAppearance(){return Object(c["d"])(this.variants)},posterVariantsGroupedByAppearance(){return Object(c["d"])(this.posterVariants)},defaultPosterAttributes:({posterVariantsGroupedByAppearance:t,userPrefersDark:e})=>e&&t.dark.length?t.dark[0]:t.light[0]||{},videoAttributes:({darkVideoVariantAttributes:t,defaultVideoAttributes:e,shouldShowDarkVariant:n})=>n?t:e},methods:{normalizeAssetUrl:c["b"]}},p=d,m=n("2877"),h=Object(m["a"])(p,o,r,!1,null,null,null),v=h.exports,f=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"video-replay-container"},[n("VideoAsset",{ref:"asset",attrs:{variants:t.variants,showsControls:t.showsControls,autoplays:t.autoplays},on:{ended:t.onVideoEnd}}),n("a",{staticClass:"replay-button",class:{visible:this.showsReplayButton},attrs:{href:"#"},on:{click:function(e){return e.preventDefault(),t.replay.apply(null,arguments)}}},[t._v(" Replay "),n("InlineReplayIcon",{staticClass:"replay-icon icon-inline"})],1)],1)},y=[],b=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("SVGIcon",{staticClass:"inline-replay-icon",attrs:{viewBox:"0 0 14 14"}},[n("path",{attrs:{d:"M2.254 10.201c-1.633-2.613-0.838-6.056 1.775-7.689 2.551-1.594 5.892-0.875 7.569 1.592l0.12 0.184-0.848 0.53c-1.34-2.145-4.166-2.797-6.311-1.457s-2.797 4.166-1.457 6.311 4.166 2.797 6.311 1.457c1.006-0.629 1.71-1.603 2.003-2.723l0.056-0.242 0.98 0.201c-0.305 1.487-1.197 2.792-2.51 3.612-2.613 1.633-6.056 0.838-7.689-1.775z"}}),n("path",{attrs:{d:"M10.76 1.355l0.984-0.18 0.851 4.651-4.56-1.196 0.254-0.967 3.040 0.796z"}})])},C=[],_=n("be08"),g={name:"InlineReplayIcon",components:{SVGIcon:_["a"]}},V=g,S=Object(m["a"])(V,b,C,!1,null,null,null),A=S.exports,T={name:"ReplayableVideoAsset",components:{InlineReplayIcon:A,VideoAsset:v},props:{variants:{type:Array,required:!0},showsControls:{type:Boolean,default:()=>!0},autoplays:{type:Boolean,default:()=>!0}},data(){return{showsReplayButton:!1}},methods:{async replay(){const t=this.$refs.asset.$el;t&&(this.showsReplayButton=!1,t.currentTime=0,await t.play())},onVideoEnd(){this.showsReplayButton=!0}}},w=T,k=(n("3f84"),Object(m["a"])(w,f,y,!1,null,"7335dbb2",null)),I=k.exports;const x={video:"video",image:"image"};var O={name:"Asset",components:{ImageAsset:i["a"],VideoAsset:v},constants:{AssetTypes:x},inject:["references"],props:{identifier:{type:String,required:!0},showsReplayButton:{type:Boolean,default:()=>!1},showsVideoControls:{type:Boolean,default:()=>!0},videoAutoplays:{type:Boolean,default:()=>!0}},computed:{rawAsset(){return this.references[this.identifier]||{}},isRawAssetVideo:({rawAsset:t})=>t.type===x.video,videoPoster(){return this.isRawAssetVideo&&this.references[this.rawAsset.poster]},asset(){return this.isRawAssetVideo&&this.prefersReducedMotion&&this.videoPoster||this.rawAsset},assetComponent(){switch(this.asset.type){case x.image:return i["a"];case x.video:return this.showsReplayButton?I:v;default:return}},prefersReducedMotion(){return window.matchMedia("(prefers-reduced-motion)").matches},assetProps(){return{[x.image]:this.imageProps,[x.video]:this.videoProps}[this.asset.type]},imageProps(){return{alt:this.asset.alt,variants:this.asset.variants}},videoProps(){return{variants:this.asset.variants,showsControls:this.showsVideoControls,autoplays:!this.prefersReducedMotion&&this.videoAutoplays,posterVariants:this.videoPoster?this.videoPoster.variants:[]}},assetListeners(){return{[x.image]:null,[x.video]:{ended:()=>this.$emit("videoEnded")}}[this.asset.type]}}},j=O,N=(n("7839"),Object(m["a"])(j,s,a,!1,null,"1b5cc854",null));e["a"]=N.exports},"82d9":function(t,e,n){},"85fb":function(t,e,n){},"8d2d":function(t,e,n){"use strict";var s=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("SVGIcon",{staticClass:"tutorial-icon",attrs:{viewBox:"0 0 14 14"}},[n("path",{attrs:{d:"M0.933 6.067h3.733v1.867h-3.733v-1.867z"}}),n("path",{attrs:{d:"M0.933 1.867h3.733v1.867h-3.733v-1.867z"}}),n("path",{attrs:{d:"M13.067 1.867v10.267h-7.467v-10.267zM12.133 2.8h-5.6v8.4h5.6z"}}),n("path",{attrs:{d:"M0.933 10.267h3.733v1.867h-3.733v-1.867z"}})])},a=[],i=n("be08"),o={name:"TutorialIcon",components:{SVGIcon:i["a"]}},r=o,c=n("2877"),l=Object(c["a"])(r,s,a,!1,null,null,null);e["a"]=l.exports},"8f86":function(t,e,n){},"9b79":function(t,e,n){},"9f56":function(t,e,n){},a497:function(t,e,n){"use strict";n("da75")},a8f9:function(t,e,n){"use strict";n("d4d0")},a9f1:function(t,e,n){"use strict";var s=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("SVGIcon",{staticClass:"article-icon",attrs:{viewBox:"0 0 14 14"}},[n("path",{attrs:{d:"M8.033 1l3.967 4.015v7.985h-10v-12zM7.615 2h-4.615v10h8v-6.574z"}}),n("path",{attrs:{d:"M7 1h1v4h-1z"}}),n("path",{attrs:{d:"M7 5h5v1h-5z"}})])},a=[],i=n("be08"),o={name:"ArticleIcon",components:{SVGIcon:i["a"]}},r=o,c=n("2877"),l=Object(c["a"])(r,s,a,!1,null,null,null);e["a"]=l.exports},b185:function(t,e,n){},b9c2:function(t,e,n){},bc48:function(t,e,n){},be3b:function(t,e,n){"use strict";n("fb27")},c4dd:function(t,e,n){"use strict";var s=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("SVGIcon",{staticClass:"play-icon",attrs:{viewBox:"0 0 14 14"}},[n("path",{attrs:{d:"M7 0.5c3.59 0 6.5 2.91 6.5 6.5s-2.91 6.5-6.5 6.5c-3.59 0-6.5-2.91-6.5-6.5v0c0-3.59 2.91-6.5 6.5-6.5v0zM7 1.5c-3.038 0-5.5 2.462-5.5 5.5s2.462 5.5 5.5 5.5c3.038 0 5.5-2.462 5.5-5.5v0c0-3.038-2.462-5.5-5.5-5.5v0z"}}),n("path",{attrs:{d:"M10.195 7.010l-5 3v-6l5 3z"}})])},a=[],i=n("be08"),o={name:"PlayIcon",components:{SVGIcon:i["a"]}},r=o,c=n("2877"),l=Object(c["a"])(r,s,a,!1,null,null,null);e["a"]=l.exports},c802:function(t,e,n){"use strict";n("f084")},c8fd:function(t,e,n){"use strict";n("1509")},d4d0:function(t,e,n){},d647:function(t,e,n){"use strict";n("b185")},da75:function(t,e,n){},dcb9:function(t,e,n){},de60:function(t,e,n){"use strict";var s=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("SVGIcon",{staticClass:"download-icon",attrs:{viewBox:"0 0 14 14"}},[n("path",{attrs:{d:"M7 0.5c3.59 0 6.5 2.91 6.5 6.5s-2.91 6.5-6.5 6.5c-3.59 0-6.5-2.91-6.5-6.5s2.91-6.5 6.5-6.5zM7 1.5c-3.038 0-5.5 2.462-5.5 5.5s2.462 5.5 5.5 5.5c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5z"}}),n("path",{attrs:{d:"M7.51 2.964l-0.001 5.431 1.308-2.041 0.842 0.539-2.664 4.162-2.633-4.164 0.845-0.534 1.303 2.059 0.001-5.452z"}})])},a=[],i=n("be08"),o={name:"DownloadIcon",components:{SVGIcon:i["a"]}},r=o,c=n("2877"),l=Object(c["a"])(r,s,a,!1,null,null,null);e["a"]=l.exports},e929:function(t,e,n){"use strict";n("54b0")},ec73:function(t,e,n){},ee29:function(t,e,n){"use strict";n("b9c2")},f025:function(t,e,n){"use strict";n.r(e);var s=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.topicData?n("Overview",t._b({key:t.topicKey},"Overview",t.overviewProps,!1)):t._e()},a=[],i=n("25a9"),o=n("bb52"),r=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"tutorials-overview"},[t.isTargetIDE?t._e():n("Nav",{staticClass:"theme-dark",attrs:{sections:t.otherSections}},[t._v(" "+t._s(t.title)+" ")]),n("main",{staticClass:"main",attrs:{id:"main",role:"main",tabindex:"0"}},[n("div",{staticClass:"radial-gradient"},[t._t("above-hero"),t.heroSection?n("Hero",{attrs:{action:t.heroSection.action,content:t.heroSection.content,estimatedTime:t.metadata.estimatedTime,image:t.heroSection.image,title:t.heroSection.title}}):t._e()],2),t.otherSections.length>0?n("LearningPath",{attrs:{sections:t.otherSections}}):t._e()],1)],1)},c=[],l={state:{activeTutorialLink:null,activeVolume:null},reset(){this.state.activeTutorialLink=null,this.state.activeVolume=null},setActiveSidebarLink(t){this.state.activeTutorialLink=t},setActiveVolume(t){this.state.activeVolume=t}},u=n("d8ce"),d=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("section",{staticClass:"hero"},[n("div",{staticClass:"copy-container"},[n("h1",{staticClass:"title"},[t._v(t._s(t.title))]),t.content?n("ContentNode",{attrs:{content:t.content}}):t._e(),t.estimatedTime?n("p",{staticClass:"meta"},[n("TimerIcon"),n("span",{staticClass:"meta-content"},[n("strong",{staticClass:"time"},[t._v(t._s(t.estimatedTime))]),n("span",[t._v(" Estimated Time")])])],1):t._e(),t.action?n("CallToActionButton",{attrs:{action:t.action,"aria-label":t.action.overridingTitle+" with "+t.title,isDark:""}}):t._e()],1),t.image?n("Asset",{attrs:{identifier:t.image}}):t._e()],1)},p=[],m=n("80e4"),h=n("c081"),v=n("5677"),f=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("SVGIcon",{staticClass:"timer-icon",attrs:{viewBox:"0 0 14 14"}},[n("path",{attrs:{d:"M7 0.5c3.59 0 6.5 2.91 6.5 6.5s-2.91 6.5-6.5 6.5c-3.59 0-6.5-2.91-6.5-6.5v0c0-3.59 2.91-6.5 6.5-6.5v0zM7 2c-2.761 0-5 2.239-5 5s2.239 5 5 5c2.761 0 5-2.239 5-5v0c0-2.761-2.239-5-5-5v0z"}}),n("path",{attrs:{d:"M6.51 3.51h1.5v3.5h-1.5v-3.5z"}}),n("path",{attrs:{d:"M6.51 7.010h4v1.5h-4v-1.5z"}})])},y=[],b=n("be08"),C={name:"TimerIcon",components:{SVGIcon:b["a"]}},_=C,g=n("2877"),V=Object(g["a"])(_,f,y,!1,null,null,null),S=V.exports,A={name:"Hero",components:{Asset:m["a"],CallToActionButton:h["a"],ContentNode:v["a"],TimerIcon:S},props:{action:{type:Object,required:!1},content:{type:Array,required:!1},estimatedTime:{type:String,required:!1},image:{type:String,required:!1},title:{type:String,required:!0}}},T=A,w=(n("f974"),Object(g["a"])(T,d,p,!1,null,"fc7f508c",null)),k=w.exports,I=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"learning-path",class:t.classes},[n("div",{staticClass:"main-container"},[t.isTargetIDE?t._e():n("div",{staticClass:"secondary-content-container"},[n("TutorialsNavigation",{attrs:{sections:t.sections,"aria-label":"On this page"}})],1),n("div",{staticClass:"primary-content-container"},[n("div",{staticClass:"content-sections-container"},[t._l(t.volumes,(function(e,s){return n("Volume",t._b({key:"volume_"+s,staticClass:"content-section"},"Volume",t.propsFor(e),!1))})),t._l(t.otherSections,(function(e,s){return n(t.componentFor(e),t._b({key:"resource_"+s,tag:"component",staticClass:"content-section"},"component",t.propsFor(e),!1))}))],2)])])])},x=[],O=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("section",{staticClass:"resources",attrs:{id:"resources",tabindex:"-1"}},[n("VolumeName",{attrs:{name:"Resources",content:t.content}}),n("TileGroup",{attrs:{tiles:t.tiles}})],1)},j=[],N=n("72e7");const E={topOneThird:"-30% 0% -70% 0%",center:"-50% 0% -50% 0%"};var M={mixins:[N["a"]],computed:{intersectionRoot(){return null},intersectionRootMargin(){return E.center}},methods:{onIntersect(t){if(!t.isIntersecting)return;const e=this.onIntersectViewport;e?e():console.warn("onIntersectViewportCenter not implemented")}}},$=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"volume-name"},[t.image?n("Asset",{staticClass:"image",attrs:{identifier:t.image,"aria-hidden":"true"}}):t._e(),n("h2",{staticClass:"name"},[t._v(" "+t._s(t.name)+" ")]),t.content?n("ContentNode",{attrs:{content:t.content}}):t._e()],1)},q=[],B={name:"VolumeName",components:{ContentNode:v["a"],Asset:m["a"]},props:{image:{type:String,required:!1},content:{type:Array,required:!1},name:{type:String,required:!1}}},R=B,z=(n("c802"),Object(g["a"])(R,$,q,!1,null,"14577284",null)),L=z.exports,D=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"tile-group",class:t.countClass},t._l(t.tiles,(function(e){return n("Tile",t._b({key:e.title},"Tile",t.propsFor(e),!1))})),1)},G=[],P=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"tile"},[t.identifier?n("div",{staticClass:"icon"},[n(t.iconComponent,{tag:"component"})],1):t._e(),n("div",{staticClass:"title"},[t._v(t._s(t.title))]),n("ContentNode",{attrs:{content:t.content}}),t.action?n("DestinationDataProvider",{attrs:{destination:t.action},scopedSlots:t._u([{key:"default",fn:function(e){var s=e.url,a=e.title;return n("Reference",{staticClass:"link",attrs:{url:s}},[t._v(" "+t._s(a)+" "),n("InlineChevronRightIcon",{staticClass:"link-icon icon-inline"})],1)}}],null,!1,3874201962)}):t._e()],1)},F=[],H=n("3b96"),K=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("SVGIcon",{staticClass:"document-icon",attrs:{viewBox:"0 0 14 14"}},[n("path",{attrs:{d:"M11.2,5.3,8,2l-.1-.1H2.8V12.1h8.5V6.3l-.1-1ZM8,3.2l2,2.1H8Zm2.4,8H3.6V2.8H7V6.3h3.4Z"}})])},U=[],Z={name:"DocumentIcon",components:{SVGIcon:b["a"]}},J=Z,Q=(n("77e2"),Object(g["a"])(J,K,U,!1,null,"56114692",null)),W=Q.exports,X=n("de60"),Y=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("SVGIcon",{staticClass:"forum-icon",attrs:{viewBox:"0 0 14 14"}},[n("path",{attrs:{d:"M13 1v9h-7l-1.5 3-1.5-3h-2v-9zM12 2h-10v7h1.616l0.884 1.763 0.88-1.763h6.62z"}}),n("path",{attrs:{d:"M3 4h8.001v1h-8.001v-1z"}}),n("path",{attrs:{d:"M3 6h8.001v1h-8.001v-1z"}})])},tt=[],et={name:"ForumIcon",components:{SVGIcon:b["a"]}},nt=et,st=Object(g["a"])(nt,Y,tt,!1,null,null,null),at=st.exports,it=n("c4dd"),ot=n("86d8"),rt=n("34b0"),ct=n("c7ea");const lt={documentation:"documentation",downloads:"downloads",featured:"featured",forums:"forums",sampleCode:"sampleCode",videos:"videos"};var ut,dt,pt={name:"Tile",constants:{Identifier:lt},components:{DestinationDataProvider:ct["a"],InlineChevronRightIcon:rt["a"],ContentNode:v["a"],CurlyBracketsIcon:H["a"],DocumentIcon:W,DownloadIcon:X["a"],ForumIcon:at,PlayIcon:it["a"],Reference:ot["a"]},props:{action:{type:Object,required:!1},content:{type:Array,required:!0},identifier:{type:String,required:!1},title:{type:String,require:!0}},computed:{iconComponent:({identifier:t})=>({[lt.documentation]:W,[lt.downloads]:X["a"],[lt.forums]:at,[lt.sampleCode]:H["a"],[lt.videos]:it["a"]}[t])}},mt=pt,ht=(n("0175"),Object(g["a"])(mt,P,F,!1,null,"86db603a",null)),vt=ht.exports,ft={name:"TileGroup",components:{Tile:vt},props:{tiles:{type:Array,required:!0}},computed:{countClass:({tiles:t})=>"count-"+t.length},methods:{propsFor:({action:t,content:e,identifier:n,title:s})=>({action:t,content:e,identifier:n,title:s})}},yt=ft,bt=(n("f0ca"),Object(g["a"])(yt,D,G,!1,null,"015f9f13",null)),Ct=bt.exports,_t={name:"Resources",mixins:[M],inject:{store:{default:()=>({setActiveSidebarLink(){},setActiveVolume(){}})}},components:{VolumeName:L,TileGroup:Ct},computed:{intersectionRootMargin:()=>E.topOneThird},props:{content:{type:Array,required:!1},tiles:{type:Array,required:!0}},methods:{onIntersectViewport(){this.store.setActiveSidebarLink("Resources"),this.store.setActiveVolume(null)}}},gt=_t,Vt=(n("5668"),Object(g["a"])(gt,O,j,!1,null,"49ba6f62",null)),St=Vt.exports,At=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("nav",{staticClass:"tutorials-navigation"},[n("TutorialsNavigationList",t._l(t.sections,(function(e,s){return n("li",{key:e.name+"_"+s,class:t.sectionClasses(e)},[t.isVolume(e)?n(t.componentForVolume(e),t._b({tag:"component",on:{"select-menu":t.onSelectMenu,"deselect-menu":t.onDeselectMenu}},"component",t.propsForVolume(e),!1),t._l(e.chapters,(function(e){return n("li",{key:e.name},[n("TutorialsNavigationLink",[t._v(" "+t._s(e.name)+" ")])],1)})),0):t.isResources(e)?n("TutorialsNavigationLink",[t._v(" Resources ")]):t._e()],1)})),0)],1)},Tt=[],wt=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("router-link",{staticClass:"tutorials-navigation-link",class:{active:t.active},attrs:{to:t.fragment},nativeOn:{click:function(e){return t.handleFocus.apply(null,arguments)}}},[t._t("default")],2)},kt=[],It=n("002d"),xt=n("8a61"),Ot={name:"TutorialsNavigationLink",mixins:[xt["a"]],inject:{store:{default:()=>({state:{}})}},data(){return{state:this.store.state}},computed:{active:({state:{activeTutorialLink:t},text:e})=>e===t,fragment:({text:t,$route:e})=>({hash:Object(It["a"])(t),query:e.query}),text:({$slots:{default:[{text:t}]}})=>t.trim()},methods:{async handleFocus(){const{hash:t}=this.fragment,e=document.getElementById(t);e&&(e.focus(),await this.scrollToElement("#"+t))}}},jt=Ot,Nt=(n("6962"),Object(g["a"])(jt,wt,kt,!1,null,"6bb99205",null)),Et=Nt.exports,Mt=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("ol",{staticClass:"tutorials-navigation-list",attrs:{role:"list"}},[t._t("default")],2)},$t=[],qt={name:"TutorialsNavigationList"},Bt=qt,Rt=(n("202a"),Object(g["a"])(Bt,Mt,$t,!1,null,"6f2800d1",null)),zt=Rt.exports,Lt=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"tutorials-navigation-menu",class:{collapsed:t.collapsed}},[n("button",{staticClass:"toggle",attrs:{"aria-expanded":t.collapsed?"false":"true",type:"button"},on:{click:function(e){return e.stopPropagation(),t.onClick.apply(null,arguments)}}},[n("span",{staticClass:"text"},[t._v(t._s(t.title))]),n("InlineCloseIcon",{staticClass:"toggle-icon icon-inline"})],1),n("transition-expand",[t.collapsed?t._e():n("div",{staticClass:"tutorials-navigation-menu-content"},[n("TutorialsNavigationList",{attrs:{"aria-label":"Chapters"}},[t._t("default")],2)],1)])],1)},Dt=[],Gt=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("SVGIcon",{staticClass:"inline-close-icon",attrs:{viewBox:"0 0 14 14"}},[n("path",{attrs:{d:"M11.91 1l1.090 1.090-4.917 4.915 4.906 4.905-1.090 1.090-4.906-4.905-4.892 4.894-1.090-1.090 4.892-4.894-4.903-4.904 1.090-1.090 4.903 4.904z"}})])},Pt=[],Ft={name:"InlineCloseIcon",components:{SVGIcon:b["a"]}},Ht=Ft,Kt=Object(g["a"])(Ht,Gt,Pt,!1,null,null,null),Ut=Kt.exports,Zt={name:"TransitionExpand",functional:!0,render(t,e){const n={props:{name:"expand"},on:{afterEnter(t){t.style.height="auto"},enter(t){const{width:e}=getComputedStyle(t);t.style.width=e,t.style.position="absolute",t.style.visibility="hidden",t.style.height="auto";const{height:n}=getComputedStyle(t);t.style.width=null,t.style.position=null,t.style.visibility=null,t.style.height=0,getComputedStyle(t).height,requestAnimationFrame(()=>{t.style.height=n})},leave(t){const{height:e}=getComputedStyle(t);t.style.height=e,getComputedStyle(t).height,requestAnimationFrame(()=>{t.style.height=0})}}};return t("transition",n,e.children)}},Jt=Zt,Qt=(n("032c"),Object(g["a"])(Jt,ut,dt,!1,null,null,null)),Wt=Qt.exports,Xt={name:"TutorialsNavigationMenu",components:{InlineCloseIcon:Ut,TransitionExpand:Wt,TutorialsNavigationList:zt},props:{collapsed:{type:Boolean,default:!0},title:{type:String,required:!0}},methods:{onClick(){this.collapsed?this.$emit("select-menu",this.title):this.$emit("deselect-menu")}}},Yt=Xt,te=(n("d647"),Object(g["a"])(Yt,Lt,Dt,!1,null,"6513d652",null)),ee=te.exports;const ne={resources:"resources",volume:"volume"};var se={name:"TutorialsNavigation",components:{TutorialsNavigationLink:Et,TutorialsNavigationList:zt,TutorialsNavigationMenu:ee},constants:{SectionKind:ne},inject:{store:{default:()=>({setActiveVolume(){}})}},data(){return{state:this.store.state}},props:{sections:{type:Array,required:!0}},computed:{activeVolume:({state:t})=>t.activeVolume},methods:{sectionClasses(t){return{volume:this.isVolume(t),"volume--named":this.isNamedVolume(t),resource:this.isResources(t)}},componentForVolume:({name:t})=>t?ee:zt,isResources:({kind:t})=>t===ne.resources,isVolume:({kind:t})=>t===ne.volume,activateFirstNamedVolume(){const{isNamedVolume:t,sections:e}=this,n=e.find(t);n&&this.store.setActiveVolume(n.name)},isNamedVolume(t){return this.isVolume(t)&&t.name},onDeselectMenu(){this.store.setActiveVolume(null)},onSelectMenu(t){this.store.setActiveVolume(t)},propsForVolume({name:t}){const{activeVolume:e}=this;return t?{collapsed:t!==e,title:t}:{"aria-label":"Chapters"}}},created(){this.activateFirstNamedVolume()}},ae=se,ie=(n("095b"),Object(g["a"])(ae,At,Tt,!1,null,"0cbd8adb",null)),oe=ie.exports,re=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("section",{staticClass:"volume"},[t.name?n("VolumeName",t._b({},"VolumeName",{name:t.name,image:t.image,content:t.content},!1)):t._e(),t._l(t.chapters,(function(e,s){return n("Chapter",{key:e.name,staticClass:"tile",attrs:{content:e.content,image:e.image,name:e.name,number:s+1,topics:t.lookupTopics(e.tutorials),volumeHasName:!!t.name}})}))],2)},ce=[],le=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("section",{staticClass:"chapter",attrs:{id:t.anchor,tabindex:"-1"}},[n("div",{staticClass:"info"},[n("Asset",{attrs:{identifier:t.image,"aria-hidden":"true"}}),n("div",{staticClass:"intro"},[n(t.volumeHasName?"h3":"h2",{tag:"component",staticClass:"name",attrs:{"aria-label":t.name+" - Chapter "+t.number}},[n("span",{staticClass:"eyebrow",attrs:{"aria-hidden":"true"}},[t._v("Chapter "+t._s(t.number))]),n("span",{staticClass:"name-text",attrs:{"aria-hidden":"true"}},[t._v(t._s(t.name))])]),t.content?n("ContentNode",{attrs:{content:t.content}}):t._e()],1)],1),n("TopicList",{attrs:{topics:t.topics}})],1)},ue=[],de=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("ol",{staticClass:"topic-list"},t._l(t.topics,(function(e){return n("li",{key:e.url,staticClass:"topic",class:t.kindClassFor(e)},[n("div",{staticClass:"topic-icon"},[n(t.iconComponent(e),{tag:"component"})],1),n("router-link",{staticClass:"container",attrs:{to:t.buildUrl(e.url,t.$route.query),"aria-label":t.ariaLabelFor(e)}},[n("div",{staticClass:"link"},[t._v(t._s(e.title))]),e.estimatedTime?n("div",{staticClass:"time"},[n("TimerIcon"),n("span",{staticClass:"time-label"},[t._v(t._s(e.estimatedTime))])],1):t._e()])],1)})),0)},pe=[],me=n("a9f1"),he=n("8d2d"),ve=n("d26a");const fe={article:"article",tutorial:"project"},ye={article:"article",tutorial:"tutorial"},be={[fe.article]:"Article",[fe.tutorial]:"Tutorial"};var Ce={name:"ChapterTopicList",components:{TimerIcon:S},constants:{TopicKind:fe,TopicKindClass:ye,TopicKindIconLabel:be},props:{topics:{type:Array,required:!0}},methods:{buildUrl:ve["b"],iconComponent:({kind:t})=>({[fe.article]:me["a"],[fe.tutorial]:he["a"]}[t]),kindClassFor:({kind:t})=>({[fe.article]:ye.article,[fe.tutorial]:ye.tutorial}[t]),formatTime:t=>t.replace("min"," minutes").replace("hrs"," hours"),ariaLabelFor({title:t,estimatedTime:e,kind:n}){const s=[t,be[n]];return e&&s.push(this.formatTime(e)+" Estimated Time"),s.join(" - ")}}},_e=Ce,ge=(n("be3b"),Object(g["a"])(_e,de,pe,!1,null,"9a8371c6",null)),Ve=ge.exports,Se={name:"Chapter",mixins:[M],inject:{store:{default:()=>({setActiveSidebarLink(){},setActiveVolume(){}})}},components:{Asset:m["a"],ContentNode:v["a"],TopicList:Ve},props:{content:{type:Array,required:!1},image:{type:String,required:!0},name:{type:String,required:!0},number:{type:Number,required:!0},topics:{type:Array,required:!0},volumeHasName:{type:Boolean,default:!1}},computed:{anchor:({name:t})=>Object(It["a"])(t),intersectionRootMargin:()=>E.topOneThird},methods:{onIntersectViewport(){this.store.setActiveSidebarLink(this.name),this.volumeHasName||this.store.setActiveVolume(null)}}},Ae=Se,Te=(n("f31c"),Object(g["a"])(Ae,le,ue,!1,null,"1d13969f",null)),we=Te.exports,ke={name:"Volume",mixins:[M],components:{VolumeName:L,Chapter:we},computed:{intersectionRootMargin:()=>E.topOneThird},inject:{references:{default:()=>({})},store:{default:()=>({setActiveVolume(){}})}},props:{chapters:{type:Array,required:!0},content:{type:Array,required:!1},image:{type:String,required:!1},name:{type:String,required:!1}},methods:{lookupTopics(t){return t.reduce((t,e)=>t.concat(this.references[e]||[]),[])},onIntersectViewport(){this.name&&this.store.setActiveVolume(this.name)}}},Ie=ke,xe=(n("ee29"),Object(g["a"])(Ie,re,ce,!1,null,"2129f58c",null)),Oe=xe.exports;const je={resources:"resources",volume:"volume"};var Ne={name:"LearningPath",components:{Resources:St,TutorialsNavigation:oe,Volume:Oe},constants:{SectionKind:je},inject:{isTargetIDE:{default:!1}},props:{sections:{type:Array,required:!0,validator:t=>t.every(t=>Object.prototype.hasOwnProperty.call(je,t.kind))}},computed:{classes:({isTargetIDE:t})=>({ide:t}),partitionedSections:({sections:t})=>t.reduce(([t,e],n)=>n.kind===je.volume?[t.concat(n),e]:[t,e.concat(n)],[[],[]]),volumes:({partitionedSections:t})=>t[0],otherSections:({partitionedSections:t})=>t[1]},methods:{componentFor:({kind:t})=>({[je.resources]:St,[je.volume]:Oe}[t]),propsFor:({chapters:t,content:e,image:n,kind:s,name:a,tiles:i})=>({[je.resources]:{content:e,tiles:i},[je.volume]:{chapters:t,content:e,image:n,name:a}}[s])}},Ee=Ne,Me=(n("e929"),Object(g["a"])(Ee,I,x,!1,null,"48bfa85c",null)),$e=Me.exports,qe=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("NavBase",[n("NavTitleContainer",{attrs:{to:t.buildUrl(t.$route.path,t.$route.query)}},[n("template",{slot:"default"},[t._t("default")],2),n("template",{slot:"subhead"},[t._v("Tutorials")])],2),n("template",{slot:"menu-items"},[n("li",[n("TutorialsNavigation",{attrs:{sections:t.sections}})],1)])],2)},Be=[],Re=n("cbcf"),ze=n("653a");const Le={resources:"resources",volume:"volume"};var De={name:"Nav",constants:{SectionKind:Le},components:{NavTitleContainer:ze["a"],TutorialsNavigation:oe,NavBase:Re["a"]},props:{sections:{type:Array,require:!0}},methods:{buildUrl:ve["b"]}},Ge=De,Pe=(n("a8f9"),Object(g["a"])(Ge,qe,Be,!1,null,"07700f98",null)),Fe=Pe.exports;const He={hero:"hero",resources:"resources",volume:"volume"};var Ke={name:"TutorialsOverview",components:{Hero:k,LearningPath:$e,Nav:Fe},mixins:[u["a"]],constants:{SectionKind:He},inject:{isTargetIDE:{default:!1}},props:{metadata:{type:Object,default:()=>({})},references:{type:Object,default:()=>({})},sections:{type:Array,default:()=>[],validator:t=>t.every(t=>Object.prototype.hasOwnProperty.call(He,t.kind))}},computed:{pageTitle:({title:t})=>[t,"Tutorials"].join(" "),partitionedSections:({sections:t})=>t.reduce(([t,e],n)=>n.kind===He.hero?[t.concat(n),e]:[t,e.concat(n)],[[],[]]),heroSections:({partitionedSections:t})=>t[0],otherSections:({partitionedSections:t})=>t[1],heroSection:({heroSections:t})=>t[0],store:()=>l,title:({metadata:{category:t=""}})=>t},provide(){return{references:this.references,store:this.store}},created(){this.store.reset()}},Ue=Ke,Ze=(n("c8fd"),Object(g["a"])(Ue,r,c,!1,null,"0c0b1eea",null)),Je=Ze.exports,Qe=n("146e"),We={name:"TutorialsOverview",components:{Overview:Je},mixins:[o["a"],Qe["a"]],data(){return{topicData:null}},computed:{overviewProps:({topicData:{metadata:t,references:e,sections:n}})=>({metadata:t,references:e,sections:n}),topicKey:({$route:t,topicData:e})=>[t.path,e.identifier.interfaceLanguage].join()},beforeRouteEnter(t,e,n){Object(i["b"])(t,e,n).then(t=>n(e=>{e.topicData=t})).catch(n)},beforeRouteUpdate(t,e,n){Object(i["c"])(t,e)?Object(i["b"])(t,e,n).then(t=>{this.topicData=t,n()}).catch(n):n()},watch:{topicData(){this.$nextTick(()=>{this.newContentMounted()})}}},Xe=We,Ye=Object(g["a"])(Xe,s,a,!1,null,null,null);e["default"]=Ye.exports},f084:function(t,e,n){},f0ca:function(t,e,n){"use strict";n("8f86")},f31c:function(t,e,n){"use strict";n("9f56")},f974:function(t,e,n){"use strict";n("dcb9")},fb27:function(t,e,n){},fb73:function(t,e,n){}}]);