@quartzds/core 1.0.0-beta.56 → 1.0.0-beta.57

package/components/index.js

@@ -3,8 +3,8 @@
  * 
  * SPDX-License-Identifier: Apache-2.0
  */
-export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
-export { r as registerIconLibrary, u as unregisterIconLibrary } from './icon.js';
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-2de92f50.js';
+export { r as registerIconLibrary, u as unregisterIconLibrary } from './p-e3e95bf3.js';
 export { QdsBreadcrumbItem, defineCustomElement as defineCustomElementQdsBreadcrumbItem } from './qds-breadcrumb-item.js';
 export { QdsButton, defineCustomElement as defineCustomElementQdsButton } from './qds-button.js';
 export { QdsCheckbox, defineCustomElement as defineCustomElementQdsCheckbox } from './qds-checkbox.js';

package/components/p-16eba125.js

@@ -0,0 +1,89 @@
+/*!
+ * SPDX-FileCopyrightText: © 2024 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { p as proxyCustomElement, H, h } from './p-2de92f50.js';
+import { i as inheritAriaAttributes } from './p-d93a5610.js';
+
+const labelCss = ":host([hidden]){display:none !important}:host{display:inline-block}.qds-label{box-sizing:border-box;color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap)}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}[data-size='small']{font:var(--qds-control-small-text)}.qds-inline[data-size='small']{margin-block:var(--qds-control-small-padding-auto-height)}[data-size='standard']{font:var(--qds-control-standard-text)}.qds-inline[data-size='standard']{margin-block:var(--qds-control-standard-padding-auto-height)}[data-size='large']{font:var(--qds-control-large-text)}.qds-inline[data-size='large']{margin-block:var(--qds-control-large-padding-auto-height)}";
+const QdsLabelStyle0 = labelCss;
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (undefined && undefined.__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 _Label_instances, _Label_inheritedAttributes, _Label_computedSize_get;
+const Label = /*@__PURE__*/ proxyCustomElement(class Label extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        _Label_instances.add(this);
+        _Label_inheritedAttributes.set(this, {});
+        this.inline = false;
+        this.required = false;
+        this.size = 'standard';
+        this.text = undefined;
+    }
+    componentWillLoad() {
+        __classPrivateFieldSet(this, _Label_inheritedAttributes, inheritAriaAttributes(this.host), "f");
+    }
+    render() {
+        return (h("span", { key: '11b86c92a8fd1a7bc79ac419fcf0e62bbdff7bde', class: {
+                'qds-inline': this.inline,
+                'qds-label': true,
+            }, "data-size": __classPrivateFieldGet(this, _Label_instances, "a", _Label_computedSize_get), ...__classPrivateFieldGet(this, _Label_inheritedAttributes, "f") }, this.required && h("span", { key: 'f1613123308c8753a2d7b226ca1ef831bec49d74', class: "qds-required" }, "*"), this.text));
+    }
+    get host() { return this; }
+    static get style() { return QdsLabelStyle0; }
+}, [1, "qds-label", {
+        "inline": [4],
+        "required": [4],
+        "size": [1],
+        "text": [1]
+    }]);
+_Label_inheritedAttributes = new WeakMap(), _Label_instances = new WeakSet(), _Label_computedSize_get = function _Label_computedSize_get() {
+    switch (this.size) {
+        case 'standard':
+        case 'small':
+        case 'large': {
+            return this.size;
+        }
+        default: {
+            return 'standard';
+        }
+    }
+};
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["qds-label"];
+    components.forEach(tagName => { switch (tagName) {
+        case "qds-label":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Label);
+            }
+            break;
+    } });
+}
+
+export { Label as L, defineCustomElement as d };
+
+//# sourceMappingURL=p-16eba125.js.map

package/components/p-16eba125.js.map

@@ -0,0 +1 @@
+{"file":"p-16eba125.js","mappings":";;;;;;;;AAAA,MAAM,QAAQ,GAAG,uuBAAuuB,CAAC;AACzvB,uBAAe,QAAQ;;ACDvB;AACA;AACA;;;;;;;;;;;;;;;;;;MAmBa,KAAK;;;;;;QA0BhB,qCAAmC,EAAE,EAAA;sBAnBK,KAAK;wBAKH,KAAK;oBAKX,UAAU;;;IAwBzC,iBAAiB;QACtB,uBAAA,IAAI,8BAAwB,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,MAAM;QACX,QACE,6DACE,KAAK,EAAE;gBACL,YAAY,EAAE,IAAI,CAAC,MAAM;gBACzB,WAAW,EAAE,IAAI;aAClB,eACU,uBAAA,IAAI,iDAAc,KAEzB,uBAAA,IAAI,kCAAqB,IAE5B,IAAI,CAAC,QAAQ,IAAI,6DAAM,KAAK,EAAC,cAAc,QAAS,EACpD,IAAI,CAAC,IAAI,CACL,EACR;KACF;;;;;;;;;;IA/BC,QAAQ,IAAI,CAAC,IAAI;QACf,KAAK,UAAU,CAAC;QAChB,KAAK,OAAO,CAAC;QACb,KAAK,OAAO,EAAE;YACZ,OAAO,IAAI,CAAC,IAAI,CAAA;SACjB;QACD,SAAS;YACP,OAAO,UAAU,CAAA;SAClB;KACF;AACH,CAAC;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/label/label.css?tag=qds-label&encapsulation=shadow","src/components/label/label.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: inline-block;\n}\n\n.qds-label {\n  box-sizing: border-box;\n  color: var(--qds-theme-control-text-standard);\n  display: inline-flex;\n  gap: var(--qds-text-icon-gap);\n}\n\n.qds-required {\n  color: var(--qds-theme-feedback-field-required);\n  user-select: none;\n}\n\n[data-size='small'] {\n  font: var(--qds-control-small-text);\n\n  &.qds-inline {\n    margin-block: var(--qds-control-small-padding-auto-height);\n  }\n}\n\n[data-size='standard'] {\n  font: var(--qds-control-standard-text);\n\n  &.qds-inline {\n    margin-block: var(--qds-control-standard-padding-auto-height);\n  }\n}\n\n[data-size='large'] {\n  font: var(--qds-control-large-text);\n\n  &.qds-inline {\n    margin-block: var(--qds-control-large-padding-auto-height);\n  }\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h, Prop } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\nimport type { Size } from '../shared'\n\n/**\n * `<qds-label>` elements represent a caption for an item in a user interface.\n *\n * @see https://quartz.se.com/build/components/label\n */\n@Component({\n  tag: 'qds-label',\n  shadow: true,\n  styleUrl: 'label.css',\n})\nexport class Label implements ComponentInterface {\n  /**\n   * Adds vertical margin to the label for alignment.\n   *\n   * This is useful when creating inline layouts so that the first lines have\n   * the correct vertical centering.\n   */\n  @Prop() public readonly inline: boolean = false\n\n  /**\n   * Specify the labelled item as required by appending a red asterisk (*).\n   */\n  @Prop() public readonly required: boolean = false\n\n  /**\n   * The label's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * The label's text.\n   */\n  @Prop() public readonly text?: string\n\n  @Element() private readonly host!: HTMLQdsLabelElement\n\n  #inheritedAttributes: Attributes = {}\n\n  get #computedSize(): Size {\n    switch (this.size) {\n      case 'standard':\n      case 'small':\n      case 'large': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    return (\n      <span\n        class={{\n          'qds-inline': this.inline,\n          'qds-label': true,\n        }}\n        data-size={this.#computedSize}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      >\n        {this.required && <span class=\"qds-required\">*</span>}\n        {this.text}\n      </span>\n    )\n  }\n}\n"],"version":3}