@duetds/components/lib/duet/p-ukhcocwc.system.entry.js

This package includes Duet Core Components and related tools.

var __awaiter=this&&this.__awaiter||function(t,e,n,r){function u(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,i){function a(t){try{s(r.next(t))}catch(e){i(e)}}function o(t){try{s(r["throw"](t))}catch(e){i(e)}}function s(t){t.done?n(t.value):u(t.value).then(a,o)}s((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,u,i,a;return a={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function o(t){return function(e){return s([t,e])}}function s(a){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,u&&(i=a[0]&2?u["return"]:a[0]?u["throw"]||((i=u["return"])&&i.call(u),0):u.next)&&!(i=i.call(u,a[1])).done)return i;if(u=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;u=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){n.label=a[1];break}if(a[0]===6&&n.label<i[1]){n.label=i[1];i=a;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(a);break}if(i[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(o){a=[6,o];u=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-2c514bc6.system.js"],(function(t){"use strict";var e,n,r,u;return{setters:[function(t){e=t.r;n=t.h;r=t.d;u=t.c}],execute:function(){var i=t("duet_tab",function(){function t(t){e(this,t)}t.prototype.render=function(){{return n("div",{role:"tabpanel",class:{"duet-tab":true,selected:this.selected}},n("slot",null))}};Object.defineProperty(t,"style",{get:function(){return".sc-duet-tab-h{display:block}.duet-tab.sc-duet-tab, .sc-duet-tab-h{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;width:100%}.duet-tab.sc-duet-tab{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:none}.duet-tab.selected.sc-duet-tab{display:block}"},enumerable:true,configurable:true});return t}());var a=t("duet_tab_group",function(){function t(t){var n=this;e(this,t);this.tabs=[];this.selected=0;this.theme="";this.margin="auto";this.padding="auto";this.handleKeyDown=function(t){var e=t.target.previousElementSibling;var n=t.target.nextElementSibling;if(e){if(t.keyCode===37){t.preventDefault();e.click();e.focus()}if(t.keyCode===38){t.preventDefault();e.click();e.focus()}}if(n){if(t.keyCode===39){t.preventDefault();n.click();n.focus()}if(t.keyCode===40){t.preventDefault();n.click();n.focus()}}};this.refreshTabs=function(){n.tabs=Array.from(n.element.querySelectorAll("duet-tab"));if(n.tabs.length===0){throw new Error("[duet-tabs] Must have at least one tab")}else{n.tabs.map((function(t,e){t.id="duet-tab-"+e;t.setAttribute("aria-labelledby","duet-tab-button-"+e);if(t.selected){n.selected=e}}))}};this.duetChange=r(this,"duetChange",3)}t.prototype.openTab=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(t>=this.tabs.length){throw new Error("[duet-tabs] Index "+t+" is out of bounds of tabs length")}this.tabs=this.tabs.map((function(e,n){e.selected=n===t;return e}));this.selected=t;this.duetChange.emit({value:t,component:"duet-tab-group"});return[2]}))}))};t.prototype.componentWillLoad=function(){if(this.theme!=="default"&&document.documentElement.classList.contains("duet-theme-turva")){this.theme="turva"}this.refreshTabs();this.element.forceUpdate()};t.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.refreshTabs();return[2]}))}))};t.prototype.render=function(){var t=this;{return n("div",{class:{"duet-tab-group":true,"duet-theme-turva":this.theme==="turva"}},this.tabs.length>3?n("duet-select",{value:this.selected.toString(),expand:true,"label-hidden":true,theme:this.theme,onDuetChange:function(e){return t.openTab(Number(e.detail.value))},items:this.tabs.map((function(t,e){return{label:t.label,value:e}}))}):"",n("div",{role:"tablist",class:{"duet-m-0":this.margin==="none","duet-tab-group-tabs":true,"duet-tab-group-hidden":this.tabs.length>3}},this.tabs.map((function(e,r){return n("button",{role:"tab",id:"duet-tab-button-"+r,"aria-controls":"duet-tab-"+r,"aria-selected":e.selected?"true":"false",class:{"duet-p-0":t.padding==="none","duet-tab-button":true,selected:e.selected},onClick:function(){return t.openTab(r)},onKeyDown:function(e){return t.handleKeyDown(e)}},e.label)}))),n("div",{class:{"duet-tab-group-content":true,"duet-m-0":this.margin==="none"}},n("slot",null)))}};Object.defineProperty(t.prototype,"element",{get:function(){return u(this)},enumerable:true,configurable:true});Object.defineProperty(t,"style",{get:function(){return".sc-duet-tab-group-h{-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.duet-tab-group-tabs.sc-duet-tab-group, .sc-duet-tab-group-h{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;display:block;width:100%}.duet-tab-group-tabs.sc-duet-tab-group{margin-bottom:28px!important;padding-top:2px;list-style:none;max-width:100%}.duet-tab-group-tabs.duet-m-0.sc-duet-tab-group{margin:0!important}.duet-tab-group-tabs.duet-tab-group-hidden.sc-duet-tab-group{display:none}\@media only screen and (min-width:36em){.duet-tab-group-tabs.duet-tab-group-hidden.sc-duet-tab-group{display:block}}\@media only screen and (min-width:36em){duet-select.sc-duet-tab-group{display:none!important}}.duet-tab-button.sc-duet-tab-group{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:20px;border:2px solid #e1e3e6;font-family:localtapiola-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;background:#fff;color:#00294d!important;border-radius:0;font-weight:600;line-height:1.1;width:100%;-webkit-transition:.15s ease;transition:.15s ease;margin-top:-2px;border-style:solid;position:relative;text-align:left;text-decoration:none;cursor:pointer;z-index:100;display:block}.duet-tab-button.duet-m-0.sc-duet-tab-group{margin:0!important}.duet-theme-turva.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group{font-family:turva-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;color:#111!important;border-color:#e6e6e6}.duet-tab-button.duet-p-0.sc-duet-tab-group{padding:0!important}\@media only screen and (min-width:36em){.duet-tab-button.sc-duet-tab-group{border-right:2px solid #e1e3e6;margin-left:-2px;border-radius:0;display:inline-block;width:auto}}.duet-tab-button.sc-duet-tab-group:hover{border-color:#909599;z-index:200}.duet-theme-turva.sc-duet-tab-group .duet-tab-button.sc-duet-tab-group:hover{border-color:#757575!important}.duet-tab-button.sc-duet-tab-group:active{-webkit-transition:none;transition:none;opacity:.75}.duet-tab-button.sc-duet-tab-group:focus{outline:none;z-index:200}.user-is-tabbing.sc-duet-tab-group-h .duet-tab-button.sc-duet-tab-group:focus{outline:1px dotted #0077b3;outline:5px auto -webkit-focus-ring-color}.duet-tab-button.selected.sc-duet-tab-group{-webkit-box-shadow:none!important;box-shadow:none!important;border-color:#00294d;z-index:201;background:#00294d;color:#fff!important;outline:0}.duet-theme-turva.sc-duet-tab-group .duet-tab-button.selected.sc-duet-tab-group{color:#fff!important;border-color:#454545!important;background-color:#454545}.duet-tab-button.sc-duet-tab-group:first-child{border-top-left-radius:4px;border-top-right-radius:4px}\@media only screen and (min-width:36em){.duet-tab-button.sc-duet-tab-group:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}.duet-tab-button.sc-duet-tab-group:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}\@media only screen and (min-width:36em){.duet-tab-button.sc-duet-tab-group:last-child{border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}.duet-tab-group-content.sc-duet-tab-group{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;font-family:localtapiola-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;color:#00294d;font-weight:400;line-height:1.5;width:100%;position:relative;text-align:left}.duet-theme-turva.sc-duet-tab-group .duet-tab-group-content.sc-duet-tab-group{font-family:turva-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;color:#111}"},enumerable:true,configurable:true});return t}())}}}));