UNPKG

@stories-js/core

Version:

Stories web components to build stories

5 lines 2.55 kB
/*! * (C) StoriesJS https://storiesjs.org - GPL-2.0 License */ System.register(["./p-fbcb0011.system.js","./p-743c979d.system.js"],(function(t){"use strict";var e,r,s,o,a,n;return{setters:[function(t){e=t.r;r=t.i;s=t.h;o=t.c;a=t.g},function(t){n=t.c}],execute:function(){var i=":host{padding-left:var(--stories-safe-area-left);padding-right:var(--stories-safe-area-right);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;width:auto;height:40px;padding-bottom:var(--stories-safe-area-bottom, 0);border-top:var(--border);background:var(--background);color:var(--color);text-align:center;contain:strict;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--stories-safe-area-left);padding-inline-start:var(--stories-safe-area-left);-webkit-padding-end:var(--stories-safe-area-right);padding-inline-end:var(--stories-safe-area-right)}}:host(.stories-color) ::slotted(stories-tab-button){--background-focused:var(--stories-color-shade);--color-selected:var(--stories-color-contrast)}:host(.stories-color) ::slotted(.tab-selected){color:var(--stories-color-contrast)}:host(.stories-color),:host(.stories-color) ::slotted(stories-tab-button){color:rgba(var(--stories-color-contrast-rgb), 0.7)}:host(.stories-color),:host(.stories-color) ::slotted(stories-tab-button){background:var(--stories-color-base)}:host(.stories-color) ::slotted(stories-tab-button.stories-focused){background:var(--background-focused)}:host(.tab-bar-hidden){display:none !important}";var c=t("stories_tab_bar",function(){function t(t){e(this,t);this.storiesTabBarChange=r(this,"storiesTabBarChange",7)}t.prototype.selectedTabChanged=function(){if(this.selectedTab!==undefined){this.storiesTabBarChange.emit({tab:this.selectedTab})}};t.prototype.componentWillLoad=function(){this.selectedTabChanged()};t.prototype.render=function(){var t=this.color;return s(o,{class:n(t,{}),role:"tablist"},s("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selectedTab:["selectedTabChanged"]}},enumerable:false,configurable:true});return t}());c.style=i}}})); //# sourceMappingURL=p-5d4e6431.system.entry.js.map