@aquera/nile-elements 0.0.4-5 → 0.0.4-7

package/dist/src/nile-link/nile-link.js

@@ -0,0 +1,87 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __decorate } from "tslib";
+import { html, property } from 'lit-element';
+import { customElement, state } from 'lit/decorators.js';
+import { styles } from './nile-link.css';
+import { HasSlotController } from '../slot';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { classMap } from 'lit/directives/class-map.js';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-link
+ *
+ */
+let NileLink = class NileLink extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.hasSlotController = new HasSlotController(this, '[default]', 'prefix', 'suffix');
+        this.hasFocus = false;
+        /** Disables the button. */
+        this.disabled = false;
+        this.button = false;
+        /* #endregion */
+    }
+    /**
+     * The styles for Link
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles() {
+        return [styles];
+    }
+    handleBlur() {
+        this.hasFocus = false;
+        this.emit('nile-blur');
+    }
+    handleFocus() {
+        this.hasFocus = true;
+        this.emit('nile-focus');
+    }
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render() {
+        return html `
+      <div
+        part="base"
+        class=${classMap({
+            link: true,
+            'link--disabled': this.disabled,
+            'link__button': this.button
+        })}
+        ?disabled=${ifDefined(this.disabled)}
+        title=${this.title /* An empty title prevents browser validation tooltips from appearing on hover */}
+        aria-disabled=${this.disabled ? 'true' : 'false'}
+        tabindex=${this.disabled ? '-1' : '0'}
+        @blur=${this.handleBlur}
+        @focus=${this.handleFocus}
+      >
+        <slot name="prefix" part="prefix" class="link__prefix"></slot>
+        <slot part="label" class="link__label"></slot>
+        <slot name="suffix" part="suffix" class="link__suffix"></slot>
+      </div>
+    `;
+    }
+};
+__decorate([
+    state()
+], NileLink.prototype, "hasFocus", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileLink.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], NileLink.prototype, "button", void 0);
+NileLink = __decorate([
+    customElement('nile-link')
+], NileLink);
+export { NileLink };
+export default NileLink;
+//# sourceMappingURL=nile-link.js.map

package/dist/src/nile-link/nile-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-link.js","sourceRoot":"","sources":["../../../src/nile-link/nile-link.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAa,IAAI,EAAE,QAAQ,EAAiC,MAAM,aAAa,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAC,MAAM,EAAC,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAGnD;;;;;GAKG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,WAAW;IAAlC;;QAUY,sBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAEjF,aAAQ,GAAG,KAAK,CAAC;QAElC,2BAA2B;QACiB,aAAQ,GAAG,KAAK,CAAC;QAEhC,WAAM,GAAG,KAAK,CAAC;QAyC7C,gBAAgB;IACjB,CAAC;IAzDA;;;OAGG;IACI,MAAM,KAAK,MAAM;QACvB,OAAO,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC;IAYQ,UAAU;QAChB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACzB,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC1B,CAAC;IAEF;;;OAGG;IACI,MAAM;QACV,OAAO,IAAI,CAAA;;;gBAGC,QAAQ,CAAC;YACf,IAAI,EAAE,IAAI;YACV,gBAAgB,EAAE,IAAI,CAAC,QAAQ;YAC/B,cAAc,EAAE,IAAI,CAAC,MAAM;SAC5B,CAAC;oBACU,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAC5B,IAAI,CAAC,KAAK,CAAC,iFAAiF;wBACpF,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;mBACrC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG;gBAC7B,IAAI,CAAC,UAAU;iBACd,IAAI,CAAC,WAAW;;;;;;KAM5B,CAAC;IACJ,CAAC;CAIF,CAAA;AA/CU;IAAR,KAAK,EAAE;0CAA0B;AAGU;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAkB;AAEhC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCAAgB;AAjBjC,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CA2DpB;SA3DY,QAAQ;AA6DrB,eAAe,QAAQ,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement, state } from 'lit/decorators.js';\nimport {styles} from './nile-link.css';\nimport { HasSlotController } from '../slot';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../internal/watch';\n\n/**\n * Nile icon component.\n *\n * @tag nile-link\n *\n */\n@customElement('nile-link')\nexport class NileLink extends NileElement {\n\n\t/**\n\t * The styles for Link\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n  private readonly hasSlotController = new HasSlotController(this, '[default]', 'prefix', 'suffix');\n\n  @state() private hasFocus = false;\n\n  /** Disables the button. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  @property({ type: Boolean }) button = false;\n\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('nile-blur');\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('nile-focus');\n  }\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          link: true,\n          'link--disabled': this.disabled,\n          'link__button': this.button\n        })}\n        ?disabled=${ifDefined(this.disabled)}\n        title=${this.title /* An empty title prevents browser validation tooltips from appearing on hover */}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        tabindex=${this.disabled ? '-1' : '0'}\n        @blur=${this.handleBlur}\n        @focus=${this.handleFocus}\n      >\n        <slot name=\"prefix\" part=\"prefix\" class=\"link__prefix\"></slot>\n        <slot part=\"label\" class=\"link__label\"></slot>\n        <slot name=\"suffix\" part=\"suffix\" class=\"link__suffix\"></slot>\n      </div>\n    `;\n  }\n\n\n\t/* #endregion */\n}\n\nexport default NileLink;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n     'nile-link': NileLink;\n   }\n }\n"]}