@stories-js/core/dist/core/p-7a52132a.system.entry.js

Stories web components to build stories

/*!
 * (C) StoriesJS https://storiesjs.org - GPL-2.0 License
 */
System.register(["./p-fbcb0011.system.js","./p-5d1bdeae.system.js","./p-743c979d.system.js"],(function(t){"use strict";var o,r,e,i,n,a,s,l,c;return{setters:[function(t){o=t.r;r=t.i;e=t.h;i=t.c;n=t.g},function(t){a=t.h;s=t.i},function(t){l=t.c;c=t.h}],execute:function(){var d=':host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);font-family:var(--stories-font-family, inherit);text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-solid){--background:var(--stories-color-primary, #3880ff);--color:var(--stories-color-primary-contrast, #fff)}:host(.button-outline){--border-color:var(--stories-color-primary, #3880ff);--background:transparent;--color:var(--stories-color-primary, #3880ff)}:host(.button-clear){--border-width:0;--background:transparent;--color:var(--stories-color-primary, #3880ff)}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;display:block;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;display:block;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:block;position:relative;width:100%;height:100%;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.button-native{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.button-native::-moz-focus-inner{border:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}::slotted(stories-icon){font-size:1.4em;pointer-events:none}::slotted(stories-icon[slot=start]){margin-left:-0.3em;margin-right:0.3em;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(stories-icon[slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em}}::slotted(stories-icon[slot=end]){margin-left:0.3em;margin-right:-0.2em;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){::slotted(stories-icon[slot=end]){margin-left:unset;margin-right:unset;-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em}}::slotted(stories-icon[slot=icon-only]){font-size:1.8em}stories-ripple-effect{color:var(--ripple-color)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:"";opacity:0}:host(.stories-activated){color:var(--color-activated)}:host(.stories-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.stories-focused){color:var(--color-focused)}:host(.stories-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.button-solid.stories-color) .button-native{background:var(--stories-color-base);color:var(--stories-color-contrast)}:host(.button-outline.stories-color) .button-native{border-color:var(--stories-color-base);background:transparent;color:var(--stories-color-base)}:host(.button-clear.stories-color) .button-native{background:transparent;color:var(--stories-color-base)}:host(.in-toolbar:not(.stories-color):not(.in-toolbar-color)) .button-native{color:var(--stories-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.stories-color):not(.in-toolbar-color)) .button-native{border-color:var(--stories-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.stories-color):not(.in-toolbar-color)) .button-native{background:var(--stories-toolbar-color, var(--background));color:var(--stories-toolbar-background, var(--color))}';var b=t("stories_button",function(){function t(t){var e=this;o(this,t);this.storiesFocus=r(this,"storiesFocus",7);this.storiesBlur=r(this,"storiesBlur",7);this.storiesClick=r(this,"storiesClick",7);this.inItem=false;this.inListHeader=false;this.inToolbar=false;this.inheritedAttributes={};this.buttonType="button";this.disabled=false;this.routerDirection="forward";this.type="button";this.strong=false;this.handleClick=function(t){if(e.type==="button"){e.storiesClick.emit()}else if(a(e.el)){var o=e.el.closest("form");if(o){t.preventDefault();var r=document.createElement("button");r.type=e.type;r.style.display="none";o.appendChild(r);r.click();r.remove()}}};this.onFocus=function(){e.storiesFocus.emit()};this.onBlur=function(){e.storiesBlur.emit()}}t.prototype.componentWillLoad=function(){this.inToolbar=!!this.el.closest("stories-buttons");this.inListHeader=!!this.el.closest("stories-list-header");this.inItem=!!this.el.closest("stories-item")||!!this.el.closest("stories-item-divider");this.inheritedAttributes=s(this.el,["aria-label"])};Object.defineProperty(t.prototype,"hasIconOnly",{get:function(){return!!this.el.querySelector('[slot="icon-only"]')},enumerable:false,configurable:true});t.prototype.render=function(){var t;var o=this,r=o.buttonType,n=o.type,a=o.disabled,s=o.target,d=o.size,b=o.href,u=o.color,h=o.expand,g=o.hasIconOnly,f=o.shape,p=o.strong,v=o.inheritedAttributes;var m=d===undefined&&this.inItem?"small":d;var y=b===undefined?"button":"a";var k=y==="button"?{type:n}:{href:b,target:s};var w=this.fill;if(w===undefined){w=this.inToolbar||this.inListHeader?"clear":"solid"}return e(i,{"aria-disabled":a?"true":null,class:l(u,(t={},t[r]=true,t["".concat(r,"-").concat(h)]=h!==undefined,t["".concat(r,"-").concat(m)]=m!==undefined,t["".concat(r,"-").concat(f)]=f!==undefined,t["".concat(r,"-").concat(w)]=true,t["".concat(r,"-strong")]=p,t["in-toolbar"]=c("stories-toolbar",this.el),t["in-toolbar-color"]=c("stories-toolbar[color]",this.el),t["button-has-icon-only"]=g,t["button-disabled"]=a,t["stories-activatable"]=true,t["stories-focusable"]=true,t)),onClick:this.handleClick},e(y,Object.assign({},k,{class:"button-native",disabled:a,onBlur:this.onBlur,onFocus:this.onFocus,part:"native"},v),e("span",{class:"button-inner"},e("slot",{name:"icon-only"}),e("slot",{name:"start"}),e("slot",null),e("slot",{name:"end"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());b.style=d}}}));
//# sourceMappingURL=p-7a52132a.system.entry.js.map