@stories-js/core/dist/esm/stories-label.entry.js

Stories web components to build stories

/*!
 * (C) StoriesJS https://storiesjs.org - GPL-2.0 License
 */
import { r as registerInstance, h, c as Host, g as getElement } from './index-49238f69.js';
import { c as createColorClasses } from './utils-c1c54ef8.js';

const labelCss = ":host-context(.item){--color:initial;display:block;color:var(--color);font-family:var(--stories-font-family, inherit);font-size:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.stories-color){color:var(--stories-color-base)}:host(.stories-text-wrap),:host([text-wrap]){white-space:normal}:host-context(.item-interactive-disabled:not(.item-multiple-inputs)){cursor:default;opacity:0.3;pointer-events:none}:host-context(.item-input){-ms-flex:initial;flex:initial;max-width:200px;pointer-events:none}:host-context(.item-textarea){-ms-flex-item-align:baseline;align-self:baseline}:host(.label-fixed){-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.label-stacked),:host(.label-floating){margin-bottom:0;-ms-flex-item-align:stretch;align-self:stretch;width:auto;max-width:100%}:host(.label-no-animate.label-floating){-webkit-transition:none;transition:none}::slotted(*) h1,::slotted(*) h2,::slotted(*) h3,::slotted(*) h4,::slotted(*) h5,::slotted(*) h6{text-overflow:inherit;overflow:inherit}";

const Label = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    /**
     * The position determines where and how the label behaves inside an item.
     */
    this.position = 'fixed';
  }
  render() {
    const position = this.position;
    return (h(Host, { class: createColorClasses(this.color, {
        [`label-${position}`]: position !== undefined,
        'label-rtl': document.dir === 'rtl'
      }) }, h("slot", null)));
  }
  get el() { return getElement(this); }
};
Label.style = labelCss;

export { Label as stories_label };

//# sourceMappingURL=stories-label.entry.js.map