https://infiniteautomation.com.au/assets/AppControlDemo-K_ArPk-B.js

1import{r as e}from"./rolldown-runtime-S-ySWqyJ.js";import{a as t,i as n}from"./framework-DC_sNd-Z.js";import{t as r}from"./createLucideIcon-ChPu-klF.js";import{a as i,i as a,n as o,r as s,t as c}from"./thermometer-D_3CfWQ2.js";import{a as l,t as u}from"./experience-C7YZySpJ.js";import{i as d,n as f,t as p}from"./site-CtxEg_mN.js";import{t as m}from"./sliders-horizontal-CXFJAYI1.js";var h=r(`apple`,[[`path`,{d:`M12 6.528V3a1 1 0 0 1 1-1h0`,key:`11qiee`}],[`path`,{d:`M18.237 21A15 15 0 0 0 22 11a6 6 0 0 0-10-4.472A6 6 0 0 0 2 11a15.1 15.1 0 0 0 3.763 10 3 3 0 0 0 3.648.648 5.5 5.5 0 0 1 5.178 0A3 3 0 0 0 18.237 21`,key:`110c12`}]]),g=r(`chart-column`,[[`path`,{d:`M3 3v16a2 2 0 0 0 2 2h16`,key:`c24i48`}],[`path`,{d:`M18 17V9`,key:`2bz60n`}],[`path`,{d:`M13 17V5`,key:`1frdt8`}],[`path`,{d:`M8 17v-3`,key:`17ska0`}]]),_=r(`clock-3`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 6v6h4`,key:`135r8i`}]]),v=r(`grid-2x2`,[[`path`,{d:`M12 3v18`,key:`108xh3`}],[`path`,{d:`M3 12h18`,key:`1i2n21`}],[`rect`,{x:`3`,y:`3`,width:`18`,height:`18`,rx:`2`,key:`h1oib`}]]),y=r(`lock-keyhole`,[[`circle`,{cx:`12`,cy:`16`,r:`1`,key:`1au0dj`}],[`rect`,{x:`3`,y:`10`,width:`18`,height:`12`,rx:`2`,key:`6s8ecr`}],[`path`,{d:`M7 10V7a5 5 0 0 1 10 0v3`,key:`1pqi11`}]]),b=r(`play`,[[`path`,{d:`M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z`,key:`10ikf1`}]]),x=r(`users`,[[`path`,{d:`M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2`,key:`1yyitq`}],[`path`,{d:`M16 3.128a4 4 0 0 1 0 7.744`,key:`16gr8j`}],[`path`,{d:`M22 21v-2a4 4 0 0 0-3-3.87`,key:`kshegd`}],[`circle`,{cx:`9`,cy:`7`,r:`4`,key:`nufk8`}]]),S=e(t(),1),C=n();function w({compact:e=!1}){return(0,C.jsxs)(`div`,{className:`app-downloads ${e?`app-downloads-compact`:``}`,children:[(0,C.jsxs)(`div`,{className:`app-download-links`,"aria-label":`Download the Infinite Automation app`,children:[(0,C.jsxs)(`a`,{href:p,target:`_blank`,rel:`noreferrer`,"aria-label":`Download Infinite Automation on the Apple App Store`,children:[(0,C.jsx)(h,{"aria-hidden":`true`}),(0,C.jsxs)(`span`,{children:[(0,C.jsx)(`small`,{children:`Download on the`}),(0,C.jsx)(`strong`,{children:`App Store`})]})]}),(0,C.jsxs)(`a`,{href:f,target:`_blank`,rel:`noreferrer`,"aria-label":`Get Infinite Automation on Google Play`,children:[(0,C.jsx)(b,{"aria-hidden":`true`}),(0,C.jsxs)(`span`,{children:[(0,C.jsx)(`small`,{children:`Get it on`}),(0,C.jsx)(`strong`,{children:`Google Play`})]})]})]}),(0,C.jsx)(`p`,{children:`App available for active IA installations. Download and request access from your IA representative.`})]})}var T=[{id:`control`,label:`Control`,icon:m},{id:`scenes`,label:`Scenes`,icon:o},{id:`energy`,label:`Energy`,icon:g},{id:`access`,label:`Access`,icon:y}];function E(){let[e,t]=(0,S.useState)(`control`),[n,r]=(0,S.useState)(`Welcome home`),[f,p]=(0,S.useState)(!0),[m,h]=(0,S.useState)(!0);return(0,C.jsxs)(`section`,{className:`section app-experience-band`,id:`app-control-demo`,children:[(0,C.jsxs)(`div`,{className:`shell app-experience-heading`,children:[(0,C.jsxs)(`div`,{children:[(0,C.jsxs)(`div`,{className:`eyebrow eyebrow-light`,children:[(0,C.jsx)(`span`,{}),`Infinite Automation app`]}),(0,C.jsx)(`h2`,{children:`The operating layer for every connected space.`})]}),(0,C.jsx)(`p`,{children:`Move from a whole-property view to the control that matters, then build scenes, schedules, groups and permissions around the people using it.`})]}),(0,C.jsxs)(`div`,{className:`shell app-demo`,children:[(0,C.jsx)(`div`,{className:`app-demo-nav`,role:`tablist`,"aria-label":`App feature view`,children:T.map(({id:n,label:r,icon:i})=>(0,C.jsxs)(`button`,{type:`button`,role:`tab`,"aria-selected":e===n,onClick:()=>t(n),children:[(0,C.jsx)(i,{}),(0,C.jsx)(`span`,{children:r})]},n))}),(0,C.jsxs)(`div`,{className:`app-demo-screen`,children:[(0,C.jsxs)(`div`,{className:`app-screen-top`,children:[(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`small`,{children:`Good evening`}),(0,C.jsx)(`strong`,{children:`Melbourne Residence`})]}),(0,C.jsxs)(`span`,{children:[(0,C.jsx)(i,{}),`All systems online`]})]}),e===`control`&&(0,C.jsxs)(`div`,{className:`app-control-view`,children:[(0,C.jsxs)(`div`,{className:`app-zone-heading`,children:[(0,C.jsxs)(`span`,{children:[(0,C.jsx)(v,{}),`Living zone`]}),(0,C.jsx)(`small`,{children:`4 connected systems`})]}),(0,C.jsxs)(`div`,{className:`app-device-grid`,children:[(0,C.jsxs)(`button`,{className:f?`is-active`:``,type:`button`,"aria-pressed":f,onClick:()=>p(e=>!e),children:[(0,C.jsx)(s,{}),(0,C.jsxs)(`span`,{children:[(0,C.jsx)(`strong`,{children:`Living lights`}),(0,C.jsx)(`small`,{children:`IA DIM4V1 / 4 zones`})]}),(0,C.jsx)(`em`,{children:f?`68%`:`Off`})]}),(0,C.jsxs)(`button`,{className:m?`is-active`:``,type:`button`,"aria-pressed":m,onClick:()=>h(e=>!e),children:[(0,C.jsx)(c,{}),(0,C.jsxs)(`span`,{children:[(0,C.jsx)(`strong`,{children:`Climate`}),(0,C.jsx)(`small`,{children:`IA HVAC / single zone`})]}),(0,C.jsx)(`em`,{children:m?`22 C`:`Off`})]}),(0,C.jsxs)(`button`,{className:`is-active`,type:`button`,children:[(0,C.jsx)(a,{}),(0,C.jsxs)(`span`,{children:[(0,C.jsx)(`strong`,{children:`Blinds`}),(0,C.jsx)(`small`,{children:`IA BC Controller`})]}),(0,C.jsx)(`em`,{children:`Open`})]}),(0,C.jsxs)(`button`,{type:`button`,children:[(0,C.jsx)(y,{}),(0,C.jsxs)(`span`,{children:[(0,C.jsx)(`strong`,{children:`Entry`}),(0,C.jsx)(`small`,{children:`IA DRY2V1`})]}),(0,C.jsx)(`em`,{children:`Secured`})]})]})]}),e===`scenes`&&(0,C.jsxs)(`div`,{className:`app-scene-view`,children:[(0,C.jsxs)(`div`,{className:`app-zone-heading`,children:[(0,C.jsxs)(`span`,{children:[(0,C.jsx)(o,{}),`Property scenes`]}),(0,C.jsx)(`small`,{children:`One action / multiple systems`})]}),(0,C.jsx)(`div`,{className:`app-scene-grid`,children:[`Welcome home`,`Entertain`,`Movie night`,`Goodnight`,`Away`,`Holiday`].map((e,t)=>(0,C.jsxs)(`button`,{className:n===e?`is-active`:``,type:`button`,onClick:()=>r(e),children:[(0,C.jsxs)(`small`,{children:[`0`,t+1]}),(0,C.jsx)(`strong`,{children:e}

1),(0,C.jsx)(`span`,{children:n===e?(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(l,{}),`Active`]}):(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(d,{}),`Recall`]})})]},e))})]}),e===`energy`&&(0,C.jsxs)(`div`,{className:`app-energy-view`,children:[(0,C.jsxs)(`div`,{className:`app-zone-heading`,children:[(0,C.jsxs)(`span`,{children:[(0,C.jsx)(g,{}),`Power overview`]}),(0,C.jsx)(`small`,{children:`Illustrative connected load view`})]}),(0,C.jsxs)(`div`,{className:`energy-summary`,children:[(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`small`,{children:`Today`}),(0,C.jsx)(`strong`,{children:`18.4 kWh`}),(0,C.jsx)(`span`,{children:`12% below typical Tuesday`})]}),(0,C.jsx)(`div`,{className:`energy-bars`,children:[42,68,51,79,63,46,30].map((e,t)=>(0,C.jsx)(`span`,{style:{height:`${e}%`},children:(0,C.jsx)(`small`,{children:[`M`,`T`,`W`,`T`,`F`,`S`,`S`][t]})},t))})]}),(0,C.jsxs)(`div`,{className:`energy-actions`,children:[(0,C.jsxs)(`span`,{children:[(0,C.jsx)(_,{}),(0,C.jsx)(`strong`,{children:`After-hours rule`}),(0,C.jsx)(`small`,{children:`3 circuits switched off at 10:30 pm`})]}),(0,C.jsxs)(`span`,{children:[(0,C.jsx)(s,{}),(0,C.jsx)(`strong`,{children:`Lighting opportunity`}),(0,C.jsx)(`small`,{children:`Living zone remained on 46 minutes longer`})]})]})]}),e===`access`&&(0,C.jsxs)(`div`,{className:`app-access-view`,children:[(0,C.jsxs)(`div`,{className:`app-zone-heading`,children:[(0,C.jsxs)(`span`,{children:[(0,C.jsx)(x,{}),`Access activity`]}),(0,C.jsx)(`small`,{children:`Authorised property actions`})]}),[{time:`6:42 pm`,title:`Front gate opened`,meta:`Owner / mobile app`},{time:`4:18 pm`,title:`Garage closed`,meta:`Away scene`},{time:`10:05 am`,title:`Service access ended`,meta:`Temporary permission`}].map(e=>(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`span`,{children:e.time}),(0,C.jsx)(`strong`,{children:e.title}),(0,C.jsx)(`small`,{children:e.meta}),(0,C.jsx)(l,{})]},e.time))]})]}),(0,C.jsxs)(`aside`,{className:`app-capability-index`,children:[(0,C.jsx)(`small`,{children:`Platform capabilities`}),u.map((e,t)=>(0,C.jsxs)(`div`,{children:[(0,C.jsxs)(`span`,{children:[`0`,t+1]}),(0,C.jsxs)(`p`,{children:[(0,C.jsx)(`strong`,{children:e.title}),(0,C.jsx)(`small`,{children:e.description})]})]},e.id))]})]}),(0,C.jsx)(w,{})]})}export{E as AppControlDemo};