duoyun-ui/elements/help-text.js

var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
};
var _DuoyunHelpTextElement_instances, _DuoyunHelpTextElement_status_get;
import { adoptedStyle, customElement, attribute } from '@mantou/gem/lib/decorators';
import { GemElement, html } from '@mantou/gem/lib/element';
import { createCSSSheet, css } from '@mantou/gem/lib/utils';
import { getStatusColor } from './status-light';
const style = createCSSSheet(css `
  :host {
    margin-block: 0.2em;
    font-size: 0.875em;
    line-height: 1.5;
  }
`);
/**
 * @customElement dy-help-text
 * @attr status
 */
let DuoyunHelpTextElement = class DuoyunHelpTextElement extends GemElement {
    constructor() {
        super(...arguments);
        _DuoyunHelpTextElement_instances.add(this);
        this.render = () => {
            return html `
      <style>
        :host {
          color: ${getStatusColor(__classPrivateFieldGet(this, _DuoyunHelpTextElement_instances, "a", _DuoyunHelpTextElement_status_get))};
        }
      </style>
      <slot></slot>
    `;
        };
    }
};
_DuoyunHelpTextElement_instances = new WeakSet(), _DuoyunHelpTextElement_status_get = function _DuoyunHelpTextElement_status_get() {
    return this.status || 'neutral';
};
__decorate([
    attribute
], DuoyunHelpTextElement.prototype, "status", void 0);
DuoyunHelpTextElement = __decorate([
    customElement('dy-help-text'),
    adoptedStyle(style)
], DuoyunHelpTextElement);
export { DuoyunHelpTextElement };
//# sourceMappingURL=help-text.js.map