@stories-js/core/dist/esm-es5/stories-col.entry.js

Stories web components to build stories

/*!
 * (C) StoriesJS https://storiesjs.org - GPL-2.0 License
 */
import{r as registerInstance,f as forceUpdate,h,c as Host}from"./index-49238f69.js";import{m as matchBreakpoint}from"./utils-c1c54ef8.js";var colCss=":host{padding-left:var(--stories-grid-column-padding-xs, var(--stories-grid-column-padding, 5px));padding-right:var(--stories-grid-column-padding-xs, var(--stories-grid-column-padding, 5px));padding-top:var(--stories-grid-column-padding-xs, var(--stories-grid-column-padding, 5px));padding-bottom:var(--stories-grid-column-padding-xs, var(--stories-grid-column-padding, 5px));margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;width:100%;max-width:100%;min-height:1px}@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-grid-column-padding-xs, var(--stories-grid-column-padding, 5px));padding-inline-start:var(--stories-grid-column-padding-xs, var(--stories-grid-column-padding, 5px));-webkit-padding-end:var(--stories-grid-column-padding-xs, var(--stories-grid-column-padding, 5px));padding-inline-end:var(--stories-grid-column-padding-xs, var(--stories-grid-column-padding, 5px))}}@media (min-width: 576px){:host{padding-left:var(--stories-grid-column-padding-sm, var(--stories-grid-column-padding, 5px));padding-right:var(--stories-grid-column-padding-sm, var(--stories-grid-column-padding, 5px));padding-top:var(--stories-grid-column-padding-sm, var(--stories-grid-column-padding, 5px));padding-bottom:var(--stories-grid-column-padding-sm, var(--stories-grid-column-padding, 5px))}@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-grid-column-padding-sm, var(--stories-grid-column-padding, 5px));padding-inline-start:var(--stories-grid-column-padding-sm, var(--stories-grid-column-padding, 5px));-webkit-padding-end:var(--stories-grid-column-padding-sm, var(--stories-grid-column-padding, 5px));padding-inline-end:var(--stories-grid-column-padding-sm, var(--stories-grid-column-padding, 5px))}}}@media (min-width: 768px){:host{padding-left:var(--stories-grid-column-padding-md, var(--stories-grid-column-padding, 5px));padding-right:var(--stories-grid-column-padding-md, var(--stories-grid-column-padding, 5px));padding-top:var(--stories-grid-column-padding-md, var(--stories-grid-column-padding, 5px));padding-bottom:var(--stories-grid-column-padding-md, var(--stories-grid-column-padding, 5px))}@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-grid-column-padding-md, var(--stories-grid-column-padding, 5px));padding-inline-start:var(--stories-grid-column-padding-md, var(--stories-grid-column-padding, 5px));-webkit-padding-end:var(--stories-grid-column-padding-md, var(--stories-grid-column-padding, 5px));padding-inline-end:var(--stories-grid-column-padding-md, var(--stories-grid-column-padding, 5px))}}}@media (min-width: 992px){:host{padding-left:var(--stories-grid-column-padding-lg, var(--stories-grid-column-padding, 5px));padding-right:var(--stories-grid-column-padding-lg, var(--stories-grid-column-padding, 5px));padding-top:var(--stories-grid-column-padding-lg, var(--stories-grid-column-padding, 5px));padding-bottom:var(--stories-grid-column-padding-lg, var(--stories-grid-column-padding, 5px))}@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-grid-column-padding-lg, var(--stories-grid-column-padding, 5px));padding-inline-start:var(--stories-grid-column-padding-lg, var(--stories-grid-column-padding, 5px));-webkit-padding-end:var(--stories-grid-column-padding-lg, var(--stories-grid-column-padding, 5px));padding-inline-end:var(--stories-grid-column-padding-lg, var(--stories-grid-column-padding, 5px))}}}@media (min-width: 1200px){:host{padding-left:var(--stories-grid-column-padding-xl, var(--stories-grid-column-padding, 5px));padding-right:var(--stories-grid-column-padding-xl, var(--stories-grid-column-padding, 5px));padding-top:var(--stories-grid-column-padding-xl, var(--stories-grid-column-padding, 5px));padding-bottom:var(--stories-grid-column-padding-xl, var(--stories-grid-column-padding, 5px))}@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-grid-column-padding-xl, var(--stories-grid-column-padding, 5px));padding-inline-start:var(--stories-grid-column-padding-xl, var(--stories-grid-column-padding, 5px));-webkit-padding-end:var(--stories-grid-column-padding-xl, var(--stories-grid-column-padding, 5px));padding-inline-end:var(--stories-grid-column-padding-xl, var(--stories-grid-column-padding, 5px))}}}";var win=window;var SUPPORTS_VARS=!!(win.CSS&&win.CSS.supports&&win.CSS.supports("--a: 0"));var BREAKPOINTS=["","xs","sm","md","lg","xl"];var Col=function(){function i(i){registerInstance(this,i)}i.prototype.onResize=function(){forceUpdate(this)};i.prototype.getColumns=function(i){var r;for(var d=0,n=BREAKPOINTS;d<n.length;d++){var t=n[d];var a=matchBreakpoint(t);var s=this[i+t.charAt(0).toUpperCase()+t.slice(1)];if(a&&s!==undefined){r=s}}return r};i.prototype.calculateSize=function(){var i=this.getColumns("size");if(!i||i===""){return}var r=i==="auto"?"auto":SUPPORTS_VARS?"calc(calc(".concat(i," / var(--stories-grid-columns, 12)) * 100%)"):i/12*100+"%";return{flex:"0 0 ".concat(r),width:"".concat(r),"max-width":"".concat(r)}};i.prototype.calculatePosition=function(i,r){var d;var n=this.getColumns(i);if(!n){return}var t=SUPPORTS_VARS?"calc(calc(".concat(n," / var(--stories-grid-columns, 12)) * 100%)"):n>0&&n<12?n/12*100+"%":"auto";return d={},d[r]=t,d};i.prototype.calculateOffset=function(i){return this.calculatePosition("offset",i?"margin-right":"margin-left")};i.prototype.calculatePull=function(i){return this.calculatePosition("pull",i?"left":"right")};i.prototype.calculatePush=function(i){return this.calculatePosition("push",i?"right":"left")};i.prototype.render=function(){var i=document.dir==="rtl";return h(Host,{style:Object.assign(Object.assign(Object.assign(Object.assign({},this.calculateOffset(i)),this.calculatePull(i)),this.calculatePush(i)),this.calculateSize())},h("slot",null))};return i}();Col.style=colCss;export{Col as stories_col};
//# sourceMappingURL=stories-col.entry.js.map