Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@duetds/components
Advanced tools
@duetds/components - npm Package Compare versions
Comparing version 0.0.1-alpha.38 to 0.0.1-alpha.39
| "use strict"; | ||
| Object.defineProperty(exports, "__esModule", { value: true }); | ||
| var duet_core_js_1 = require("../duet.core.js"); | ||
| var chunk_c2992f71_js_1 = require("./chunk-c2992f71.js"); | ||
| var chunk_e639420f_js_1 = require("./chunk-e639420f.js"); | ||
| var chunk_c3aeb3ca_js_1 = require("./chunk-c3aeb3ca.js"); | ||
| var DuetButton = /** @class */ (function () { | ||
@@ -77,7 +78,7 @@ function DuetButton() { | ||
| // When component loads, check if global Turva theme exists. | ||
| chunk_c2992f71_js_1.a(this.element); | ||
| chunk_e639420f_js_1.a(this.element); | ||
| // Create mutation observer and apply needed theme classes | ||
| // inside Shadow DOM when necessary. | ||
| this.mutationObserver = new MutationObserver(function () { | ||
| chunk_c2992f71_js_1.a(_this.element); | ||
| chunk_e639420f_js_1.a(_this.element); | ||
| }); | ||
@@ -109,6 +110,6 @@ // Observe for className changes in <html> element. | ||
| var type = this.submit ? "submit" : "button"; | ||
| var containerClasses = chunk_c2992f71_js_1.b("duet-button-container", { | ||
| var containerClasses = chunk_e639420f_js_1.b("duet-button-container", { | ||
| "duet-theme-turva": this.theme === "turva", | ||
| }); | ||
| var buttonClasses = chunk_c2992f71_js_1.b("duet-button", "" + this.variation, { | ||
| var buttonClasses = chunk_e639420f_js_1.b("duet-button", "" + this.variation, { | ||
| disabled: this.disabled, | ||
@@ -119,7 +120,7 @@ icon: this.icon !== "", | ||
| if (this.url) { | ||
| return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("a", { href: this.url, class: buttonClasses, target: this.external ? "_blank" : "_self", "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, id: this.identifier }, this.icon !== "" ? duet_core_js_1.h("span", { innerHTML: chunk_c2992f71_js_1.c[this.icon].svg }) : "", duet_core_js_1.h("slot", null)), this.variation === "loading" ? duet_core_js_1.h("duet-spinner", null) : "")); | ||
| return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("a", { href: this.url, class: buttonClasses, target: this.external ? "_blank" : "_self", "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, id: this.identifier }, this.icon !== "" ? duet_core_js_1.h("span", { innerHTML: chunk_c3aeb3ca_js_1.a[this.icon].svg }) : "", duet_core_js_1.h("slot", null)), this.variation === "loading" ? duet_core_js_1.h("duet-spinner", null) : "")); | ||
| // If URL prop doesn’t exist, render a regular button. | ||
| } | ||
| else { | ||
| return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("button", { type: type, class: buttonClasses, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, disabled: this.disabled, id: this.identifier }, this.icon !== "" ? duet_core_js_1.h("span", { innerHTML: chunk_c2992f71_js_1.c[this.icon].svg }) : "", duet_core_js_1.h("slot", null)), this.variation === "loading" ? duet_core_js_1.h("duet-spinner", null) : "")); | ||
| return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("button", { type: type, class: buttonClasses, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, disabled: this.disabled, id: this.identifier }, this.icon !== "" ? duet_core_js_1.h("span", { innerHTML: chunk_c3aeb3ca_js_1.a[this.icon].svg }) : "", duet_core_js_1.h("slot", null)), this.variation === "loading" ? duet_core_js_1.h("duet-spinner", null) : "")); | ||
| } | ||
@@ -469,3 +470,3 @@ }; | ||
| DuetSpinner.prototype.render = function () { | ||
| var classes = chunk_c2992f71_js_1.b("duet-spinner", "" + this.size); | ||
| var classes = chunk_e639420f_js_1.b("duet-spinner", "" + this.size); | ||
| var styles = { | ||
@@ -472,0 +473,0 @@ color: this.color, |
| "use strict"; | ||
| Object.defineProperty(exports, "__esModule", { value: true }); | ||
| var duet_core_js_1 = require("../duet.core.js"); | ||
| var chunk_c2992f71_js_1 = require("./chunk-c2992f71.js"); | ||
| var chunk_e639420f_js_1 = require("./chunk-e639420f.js"); | ||
| var chunk_c3aeb3ca_js_1 = require("./chunk-c3aeb3ca.js"); | ||
| var DuetButton = /** @class */ (function () { | ||
@@ -77,7 +78,7 @@ function DuetButton() { | ||
| // When component loads, check if global Turva theme exists. | ||
| chunk_c2992f71_js_1.a(this.element); | ||
| chunk_e639420f_js_1.a(this.element); | ||
| // Create mutation observer and apply needed theme classes | ||
| // inside Shadow DOM when necessary. | ||
| this.mutationObserver = new MutationObserver(function () { | ||
| chunk_c2992f71_js_1.a(_this.element); | ||
| chunk_e639420f_js_1.a(_this.element); | ||
| }); | ||
@@ -109,6 +110,6 @@ // Observe for className changes in <html> element. | ||
| var type = this.submit ? "submit" : "button"; | ||
| var containerClasses = chunk_c2992f71_js_1.b("duet-button-container", { | ||
| var containerClasses = chunk_e639420f_js_1.b("duet-button-container", { | ||
| "duet-theme-turva": this.theme === "turva", | ||
| }); | ||
| var buttonClasses = chunk_c2992f71_js_1.b("duet-button", "" + this.variation, { | ||
| var buttonClasses = chunk_e639420f_js_1.b("duet-button", "" + this.variation, { | ||
| disabled: this.disabled, | ||
@@ -119,7 +120,7 @@ icon: this.icon !== "", | ||
| if (this.url) { | ||
| return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("a", { href: this.url, class: buttonClasses, target: this.external ? "_blank" : "_self", "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, id: this.identifier }, this.icon !== "" ? duet_core_js_1.h("span", { innerHTML: chunk_c2992f71_js_1.c[this.icon].svg }) : "", duet_core_js_1.h("slot", null)), this.variation === "loading" ? duet_core_js_1.h("duet-spinner", null) : "")); | ||
| return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("a", { href: this.url, class: buttonClasses, target: this.external ? "_blank" : "_self", "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, id: this.identifier }, this.icon !== "" ? duet_core_js_1.h("span", { innerHTML: chunk_c3aeb3ca_js_1.a[this.icon].svg }) : "", duet_core_js_1.h("slot", null)), this.variation === "loading" ? duet_core_js_1.h("duet-spinner", null) : "")); | ||
| // If URL prop doesn’t exist, render a regular button. | ||
| } | ||
| else { | ||
| return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("button", { type: type, class: buttonClasses, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, disabled: this.disabled, id: this.identifier }, this.icon !== "" ? duet_core_js_1.h("span", { innerHTML: chunk_c2992f71_js_1.c[this.icon].svg }) : "", duet_core_js_1.h("slot", null)), this.variation === "loading" ? duet_core_js_1.h("duet-spinner", null) : "")); | ||
| return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("button", { type: type, class: buttonClasses, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, disabled: this.disabled, id: this.identifier }, this.icon !== "" ? duet_core_js_1.h("span", { innerHTML: chunk_c3aeb3ca_js_1.a[this.icon].svg }) : "", duet_core_js_1.h("slot", null)), this.variation === "loading" ? duet_core_js_1.h("duet-spinner", null) : "")); | ||
| } | ||
@@ -469,3 +470,3 @@ }; | ||
| DuetSpinner.prototype.render = function () { | ||
| var classes = chunk_c2992f71_js_1.b("duet-spinner", "" + this.size); | ||
| var classes = chunk_e639420f_js_1.b("duet-spinner", "" + this.size); | ||
| var styles = { | ||
@@ -472,0 +473,0 @@ color: this.color, |
| "use strict"; | ||
| Object.defineProperty(exports, "__esModule", { value: true }); | ||
| var duet_core_js_1 = require("../duet.core.js"); | ||
| var chunk_c2992f71_js_1 = require("./chunk-c2992f71.js"); | ||
| var chunk_e639420f_js_1 = require("./chunk-e639420f.js"); | ||
| var chunk_c3aeb3ca_js_1 = require("./chunk-c3aeb3ca.js"); | ||
| var DuetInput = /** @class */ (function () { | ||
@@ -90,7 +91,7 @@ function DuetInput() { | ||
| // When component loads, check if global Turva theme exists. | ||
| chunk_c2992f71_js_1.a(this.element); | ||
| chunk_e639420f_js_1.a(this.element); | ||
| // Create mutation observer and apply needed theme classes | ||
| // inside Shadow DOM when necessary. | ||
| this.mutationObserver = new MutationObserver(function () { | ||
| chunk_c2992f71_js_1.a(_this.element); | ||
| chunk_e639420f_js_1.a(_this.element); | ||
| }); | ||
@@ -121,3 +122,3 @@ // Observe for className changes in <html> element. | ||
| // Set constants for input type and classes used. | ||
| var containerClasses = chunk_c2992f71_js_1.b("duet-input-container", { | ||
| var containerClasses = chunk_e639420f_js_1.b("duet-input-container", { | ||
| "duet-theme-turva": this.theme === "turva", | ||
@@ -127,3 +128,3 @@ "duet-label-hidden": this.labelHidden, | ||
| }); | ||
| var inputClasses = chunk_c2992f71_js_1.b("duet-input", { | ||
| var inputClasses = chunk_e639420f_js_1.b("duet-input", { | ||
| disabled: this.disabled, | ||
@@ -137,3 +138,3 @@ }); | ||
| var regex = this.pattern ? this.pattern : regexType; | ||
| return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("label", { class: "duet-label", htmlFor: this.identifier || "item" }, this.label), duet_core_js_1.h("input", { type: this.type, class: inputClasses, value: this.value, autofocus: this.autofocus, disabled: this.disabled, "label-hidden": this.labelHidden, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-active-descendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, maxlength: this.maxLength, minlength: this.minLength, pattern: regex, placeholder: this.placeholder, spellcheck: this.spellCheck, autocomplete: this.autoComplete, onClick: function (ev) { return _this.handleClick(ev); }, onInput: function (ev) { return _this.handleInput(ev); }, onBlur: function (ev) { return _this.handleBlur(ev); }, onFocus: function (ev) { return _this.handleFocus(ev); }, required: this.required, role: this.role, name: this.name, id: this.identifier || "item" }), this.type !== "text" && this.type !== "number" && this.type !== "password" ? (duet_core_js_1.h("div", { class: "duet-input-icon", innerHTML: chunk_c2992f71_js_1.c["form-" + this.type].svg })) : (""), duet_core_js_1.h("span", { class: "duet-input-help" }, this.helpText))); | ||
| return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("label", { class: "duet-label", htmlFor: this.identifier || "item" }, this.label), duet_core_js_1.h("input", { type: this.type, class: inputClasses, value: this.value, autofocus: this.autofocus, disabled: this.disabled, "label-hidden": this.labelHidden, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-active-descendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, maxlength: this.maxLength, minlength: this.minLength, pattern: regex, placeholder: this.placeholder, spellcheck: this.spellCheck, autocomplete: this.autoComplete, onClick: function (ev) { return _this.handleClick(ev); }, onInput: function (ev) { return _this.handleInput(ev); }, onBlur: function (ev) { return _this.handleBlur(ev); }, onFocus: function (ev) { return _this.handleFocus(ev); }, required: this.required, role: this.role, name: this.name, id: this.identifier || "item" }), this.type !== "text" && this.type !== "number" && this.type !== "password" ? (duet_core_js_1.h("div", { class: "duet-input-icon", innerHTML: chunk_c3aeb3ca_js_1.a["form-" + this.type].svg })) : (""), duet_core_js_1.h("span", { class: "duet-input-help" }, this.helpText))); | ||
| }; | ||
@@ -140,0 +141,0 @@ Object.defineProperty(DuetInput, "is", { |
| "use strict"; | ||
| Object.defineProperty(exports, "__esModule", { value: true }); | ||
| var duet_core_js_1 = require("../duet.core.js"); | ||
| var chunk_c2992f71_js_1 = require("./chunk-c2992f71.js"); | ||
| var chunk_e639420f_js_1 = require("./chunk-e639420f.js"); | ||
| var chunk_c3aeb3ca_js_1 = require("./chunk-c3aeb3ca.js"); | ||
| var DuetInput = /** @class */ (function () { | ||
@@ -90,7 +91,7 @@ function DuetInput() { | ||
| // When component loads, check if global Turva theme exists. | ||
| chunk_c2992f71_js_1.a(this.element); | ||
| chunk_e639420f_js_1.a(this.element); | ||
| // Create mutation observer and apply needed theme classes | ||
| // inside Shadow DOM when necessary. | ||
| this.mutationObserver = new MutationObserver(function () { | ||
| chunk_c2992f71_js_1.a(_this.element); | ||
| chunk_e639420f_js_1.a(_this.element); | ||
| }); | ||
@@ -121,3 +122,3 @@ // Observe for className changes in <html> element. | ||
| // Set constants for input type and classes used. | ||
| var containerClasses = chunk_c2992f71_js_1.b("duet-input-container", { | ||
| var containerClasses = chunk_e639420f_js_1.b("duet-input-container", { | ||
| "duet-theme-turva": this.theme === "turva", | ||
@@ -127,3 +128,3 @@ "duet-label-hidden": this.labelHidden, | ||
| }); | ||
| var inputClasses = chunk_c2992f71_js_1.b("duet-input", { | ||
| var inputClasses = chunk_e639420f_js_1.b("duet-input", { | ||
| disabled: this.disabled, | ||
@@ -137,3 +138,3 @@ }); | ||
| var regex = this.pattern ? this.pattern : regexType; | ||
| return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("label", { class: "duet-label", htmlFor: this.identifier || "item" }, this.label), duet_core_js_1.h("input", { type: this.type, class: inputClasses, value: this.value, autofocus: this.autofocus, disabled: this.disabled, "label-hidden": this.labelHidden, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-active-descendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, maxlength: this.maxLength, minlength: this.minLength, pattern: regex, placeholder: this.placeholder, spellcheck: this.spellCheck, autocomplete: this.autoComplete, onClick: function (ev) { return _this.handleClick(ev); }, onInput: function (ev) { return _this.handleInput(ev); }, onBlur: function (ev) { return _this.handleBlur(ev); }, onFocus: function (ev) { return _this.handleFocus(ev); }, required: this.required, role: this.role, name: this.name, id: this.identifier || "item" }), this.type !== "text" && this.type !== "number" && this.type !== "password" ? (duet_core_js_1.h("div", { class: "duet-input-icon", innerHTML: chunk_c2992f71_js_1.c["form-" + this.type].svg })) : (""), duet_core_js_1.h("span", { class: "duet-input-help" }, this.helpText))); | ||
| return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("label", { class: "duet-label", htmlFor: this.identifier || "item" }, this.label), duet_core_js_1.h("input", { type: this.type, class: inputClasses, value: this.value, autofocus: this.autofocus, disabled: this.disabled, "label-hidden": this.labelHidden, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-active-descendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, maxlength: this.maxLength, minlength: this.minLength, pattern: regex, placeholder: this.placeholder, spellcheck: this.spellCheck, autocomplete: this.autoComplete, onClick: function (ev) { return _this.handleClick(ev); }, onInput: function (ev) { return _this.handleInput(ev); }, onBlur: function (ev) { return _this.handleBlur(ev); }, onFocus: function (ev) { return _this.handleFocus(ev); }, required: this.required, role: this.role, name: this.name, id: this.identifier || "item" }), this.type !== "text" && this.type !== "number" && this.type !== "password" ? (duet_core_js_1.h("div", { class: "duet-input-icon", innerHTML: chunk_c3aeb3ca_js_1.a["form-" + this.type].svg })) : (""), duet_core_js_1.h("span", { class: "duet-input-help" }, this.helpText))); | ||
| }; | ||
@@ -140,0 +141,0 @@ Object.defineProperty(DuetInput, "is", { |
| "use strict"; | ||
| Object.defineProperty(exports, "__esModule", { value: true }); | ||
| // Duet: Host Data, ES Module/es5 Target | ||
| exports.COMPONENTS = [["duet-button", "duet-button", 1, [["accessibleControls", 1, 0, "accessible-controls", 2], ["accessibleExpanded", 1, 0, "accessible-expanded", 4], ["accessibleLabel", 1, 0, "accessible-label", 2], ["accessiblePressed", 1, 0, "accessible-pressed", 4], ["disabled", 1, 0, 1, 4], ["element", 64], ["expand", 1, 0, 1, 4], ["external", 1, 0, 1, 4], ["icon", 1, 0, 1, 2], ["identifier", 1, 0, 1, 2], ["submit", 1, 0, 1, 4], ["theme", 1, 0, 1, 2], ["url", 1, 0, 1, 2], ["variation", 1, 0, 1, 2]], 1], ["duet-input", "duet-input", 1, [["accessibleActiveDescendant", 1, 0, "accessible-active-descendant", 2], ["accessibleAutocomplete", 1, 0, "accessible-autocomplete", 2], ["accessibleControls", 1, 0, "accessible-controls", 2], ["accessibleOwns", 1, 0, "accessible-owns", 2], ["autoComplete", 1, 0, "auto-complete", 2], ["autofocus", 1, 0, 1, 4], ["disabled", 1, 0, 1, 4], ["element", 64], ["expand", 1, 0, 1, 4], ["helpText", 1, 0, "help-text", 2], ["identifier", 1, 0, 1, 2], ["inputPrefix", 1, 0, "input-prefix", 2], ["inputSuffix", 1, 0, "input-suffix", 2], ["label", 1, 0, 1, 2], ["labelHidden", 1, 0, "label-hidden", 4], ["maxLength", 1, 0, "max-length", 8], ["minLength", 1, 0, "min-length", 8], ["name", 1, 0, 1, 2], ["pattern", 1, 0, 1, 2], ["placeholder", 1, 0, 1, 2], ["required", 1, 0, 1, 4], ["role", 1, 0, 1, 2], ["spellCheck", 1, 0, "spell-check", 4], ["theme", 1, 0, 1, 2], ["type", 1, 0, 1, 2], ["value", 2, 1, 1, 2]], 1], ["duet-spinner", "duet-button", 1, [["accessibleLabel", 1, 0, "accessible-label", 2], ["color", 1, 0, 1, 2], ["size", 1, 0, 1, 2]], 1]]; | ||
| exports.COMPONENTS = [["duet-button", "duet-button", 1, [["accessibleControls", 1, 0, "accessible-controls", 2], ["accessibleExpanded", 1, 0, "accessible-expanded", 4], ["accessibleLabel", 1, 0, "accessible-label", 2], ["accessiblePressed", 1, 0, "accessible-pressed", 4], ["disabled", 1, 0, 1, 4], ["element", 64], ["expand", 1, 0, 1, 4], ["external", 1, 0, 1, 4], ["icon", 1, 0, 1, 2], ["identifier", 1, 0, 1, 2], ["submit", 1, 0, 1, 4], ["theme", 1, 0, 1, 2], ["url", 1, 0, 1, 2], ["variation", 1, 0, 1, 2]], 1], ["duet-card", "duet-card", 1, [["element", 64], ["theme", 1, 0, 1, 2], ["title", 1, 0, 1, 2]], 1], ["duet-input", "duet-input", 1, [["accessibleActiveDescendant", 1, 0, "accessible-active-descendant", 2], ["accessibleAutocomplete", 1, 0, "accessible-autocomplete", 2], ["accessibleControls", 1, 0, "accessible-controls", 2], ["accessibleOwns", 1, 0, "accessible-owns", 2], ["autoComplete", 1, 0, "auto-complete", 2], ["autofocus", 1, 0, 1, 4], ["disabled", 1, 0, 1, 4], ["element", 64], ["expand", 1, 0, 1, 4], ["helpText", 1, 0, "help-text", 2], ["identifier", 1, 0, 1, 2], ["inputPrefix", 1, 0, "input-prefix", 2], ["inputSuffix", 1, 0, "input-suffix", 2], ["label", 1, 0, 1, 2], ["labelHidden", 1, 0, "label-hidden", 4], ["maxLength", 1, 0, "max-length", 8], ["minLength", 1, 0, "min-length", 8], ["name", 1, 0, 1, 2], ["pattern", 1, 0, 1, 2], ["placeholder", 1, 0, 1, 2], ["required", 1, 0, 1, 4], ["role", 1, 0, 1, 2], ["spellCheck", 1, 0, "spell-check", 4], ["theme", 1, 0, 1, 2], ["type", 1, 0, 1, 2], ["value", 2, 1, 1, 2]], 1], ["duet-spinner", "duet-button", 1, [["accessibleLabel", 1, 0, "accessible-label", 2], ["color", 1, 0, 1, 2], ["size", 1, 0, 1, 2]], 1]]; |
@@ -101,2 +101,31 @@ { | ||
| { | ||
| "tag": "duet-card", | ||
| "dependencies": [], | ||
| "componentClass": "DuetCard", | ||
| "componentPath": "components/duet-card/duet-card.js", | ||
| "styles": { | ||
| "$": { | ||
| "stylePaths": [ | ||
| "components/duet-card/duet-card.scss" | ||
| ] | ||
| } | ||
| }, | ||
| "props": [ | ||
| { | ||
| "name": "theme", | ||
| "type": "String", | ||
| "attr": "theme" | ||
| }, | ||
| { | ||
| "name": "title", | ||
| "type": "String", | ||
| "attr": "title" | ||
| } | ||
| ], | ||
| "hostElement": { | ||
| "name": "element" | ||
| }, | ||
| "shadow": true | ||
| }, | ||
| { | ||
| "tag": "duet-input", | ||
@@ -103,0 +132,0 @@ "dependencies": [], |
@@ -134,2 +134,2 @@ | ||
| })(window, document, "Duet","duet",0,"duet.core.js","duet.core.pf.js","hydrated","duet-button,duet-input,duet-spinner",HTMLElement.prototype); | ||
| })(window, document, "Duet","duet",0,"duet.core.js","duet.core.pf.js","hydrated","duet-button,duet-card,duet-input,duet-spinner",HTMLElement.prototype); |
| const h = window.Duet.h; | ||
| import { a as applyThemeClasses, b as classNames, c as duetIcons } from './chunk-c2992f71.js'; | ||
| import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js'; | ||
| import { a as duetIcons } from './chunk-c3aeb3ca.js'; | ||
@@ -5,0 +6,0 @@ class DuetButton { |
@@ -1,2 +0,2 @@ | ||
| Duet.loadBundle('duet-button', ['exports', './chunk-701dc2a6.js'], function (exports, __chunk_1) { | ||
| Duet.loadBundle('duet-button', ['exports', './chunk-fdfae928.js', './chunk-ac2b915b.js'], function (exports, __chunk_1, __chunk_2) { | ||
| var h = window.Duet.h; | ||
@@ -115,7 +115,7 @@ var DuetButton = /** @class */ (function () { | ||
| if (this.url) { | ||
| return (h("div", { class: containerClasses }, h("a", { href: this.url, class: buttonClasses, target: this.external ? "_blank" : "_self", "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, id: this.identifier }, this.icon !== "" ? h("span", { innerHTML: __chunk_1.duetIcons[this.icon].svg }) : "", h("slot", null)), this.variation === "loading" ? h("duet-spinner", null) : "")); | ||
| return (h("div", { class: containerClasses }, h("a", { href: this.url, class: buttonClasses, target: this.external ? "_blank" : "_self", "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, id: this.identifier }, this.icon !== "" ? h("span", { innerHTML: __chunk_2.duetIcons[this.icon].svg }) : "", h("slot", null)), this.variation === "loading" ? h("duet-spinner", null) : "")); | ||
| // If URL prop doesn’t exist, render a regular button. | ||
| } | ||
| else { | ||
| return (h("div", { class: containerClasses }, h("button", { type: type, class: buttonClasses, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, disabled: this.disabled, id: this.identifier }, this.icon !== "" ? h("span", { innerHTML: __chunk_1.duetIcons[this.icon].svg }) : "", h("slot", null)), this.variation === "loading" ? h("duet-spinner", null) : "")); | ||
| return (h("div", { class: containerClasses }, h("button", { type: type, class: buttonClasses, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, disabled: this.disabled, id: this.identifier }, this.icon !== "" ? h("span", { innerHTML: __chunk_2.duetIcons[this.icon].svg }) : "", h("slot", null)), this.variation === "loading" ? h("duet-spinner", null) : "")); | ||
| } | ||
@@ -122,0 +122,0 @@ }; |
| const h = window.Duet.h; | ||
| import { a as applyThemeClasses, b as classNames, c as duetIcons } from './chunk-c2992f71.js'; | ||
| import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js'; | ||
| import { a as duetIcons } from './chunk-c3aeb3ca.js'; | ||
@@ -5,0 +6,0 @@ class DuetButton { |
@@ -1,2 +0,2 @@ | ||
| Duet.loadBundle('duet-button', ['exports', './chunk-701dc2a6.js'], function (exports, __chunk_1) { | ||
| Duet.loadBundle('duet-button', ['exports', './chunk-fdfae928.js', './chunk-ac2b915b.js'], function (exports, __chunk_1, __chunk_2) { | ||
| var h = window.Duet.h; | ||
@@ -115,7 +115,7 @@ var DuetButton = /** @class */ (function () { | ||
| if (this.url) { | ||
| return (h("div", { class: containerClasses }, h("a", { href: this.url, class: buttonClasses, target: this.external ? "_blank" : "_self", "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, id: this.identifier }, this.icon !== "" ? h("span", { innerHTML: __chunk_1.duetIcons[this.icon].svg }) : "", h("slot", null)), this.variation === "loading" ? h("duet-spinner", null) : "")); | ||
| return (h("div", { class: containerClasses }, h("a", { href: this.url, class: buttonClasses, target: this.external ? "_blank" : "_self", "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, id: this.identifier }, this.icon !== "" ? h("span", { innerHTML: __chunk_2.duetIcons[this.icon].svg }) : "", h("slot", null)), this.variation === "loading" ? h("duet-spinner", null) : "")); | ||
| // If URL prop doesn’t exist, render a regular button. | ||
| } | ||
| else { | ||
| return (h("div", { class: containerClasses }, h("button", { type: type, class: buttonClasses, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, disabled: this.disabled, id: this.identifier }, this.icon !== "" ? h("span", { innerHTML: __chunk_1.duetIcons[this.icon].svg }) : "", h("slot", null)), this.variation === "loading" ? h("duet-spinner", null) : "")); | ||
| return (h("div", { class: containerClasses }, h("button", { type: type, class: buttonClasses, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, disabled: this.disabled, id: this.identifier }, this.icon !== "" ? h("span", { innerHTML: __chunk_2.duetIcons[this.icon].svg }) : "", h("slot", null)), this.variation === "loading" ? h("duet-spinner", null) : "")); | ||
| } | ||
@@ -122,0 +122,0 @@ }; |
| const h = window.Duet.h; | ||
| import { a as applyThemeClasses, b as classNames, c as duetIcons } from './chunk-c2992f71.js'; | ||
| import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js'; | ||
| import { a as duetIcons } from './chunk-c3aeb3ca.js'; | ||
@@ -5,0 +6,0 @@ class DuetInput { |
@@ -1,2 +0,2 @@ | ||
| Duet.loadBundle('duet-input', ['exports', './chunk-701dc2a6.js'], function (exports, __chunk_1) { | ||
| Duet.loadBundle('duet-input', ['exports', './chunk-fdfae928.js', './chunk-ac2b915b.js'], function (exports, __chunk_1, __chunk_2) { | ||
| var h = window.Duet.h; | ||
@@ -132,3 +132,3 @@ var DuetInput = /** @class */ (function () { | ||
| var regex = this.pattern ? this.pattern : regexType; | ||
| return (h("div", { class: containerClasses }, h("label", { class: "duet-label", htmlFor: this.identifier || "item" }, this.label), h("input", { type: this.type, class: inputClasses, value: this.value, autofocus: this.autofocus, disabled: this.disabled, "label-hidden": this.labelHidden, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-active-descendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, maxlength: this.maxLength, minlength: this.minLength, pattern: regex, placeholder: this.placeholder, spellcheck: this.spellCheck, autocomplete: this.autoComplete, onClick: function (ev) { return _this.handleClick(ev); }, onInput: function (ev) { return _this.handleInput(ev); }, onBlur: function (ev) { return _this.handleBlur(ev); }, onFocus: function (ev) { return _this.handleFocus(ev); }, required: this.required, role: this.role, name: this.name, id: this.identifier || "item" }), this.type !== "text" && this.type !== "number" && this.type !== "password" ? (h("div", { class: "duet-input-icon", innerHTML: __chunk_1.duetIcons["form-" + this.type].svg })) : (""), h("span", { class: "duet-input-help" }, this.helpText))); | ||
| return (h("div", { class: containerClasses }, h("label", { class: "duet-label", htmlFor: this.identifier || "item" }, this.label), h("input", { type: this.type, class: inputClasses, value: this.value, autofocus: this.autofocus, disabled: this.disabled, "label-hidden": this.labelHidden, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-active-descendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, maxlength: this.maxLength, minlength: this.minLength, pattern: regex, placeholder: this.placeholder, spellcheck: this.spellCheck, autocomplete: this.autoComplete, onClick: function (ev) { return _this.handleClick(ev); }, onInput: function (ev) { return _this.handleInput(ev); }, onBlur: function (ev) { return _this.handleBlur(ev); }, onFocus: function (ev) { return _this.handleFocus(ev); }, required: this.required, role: this.role, name: this.name, id: this.identifier || "item" }), this.type !== "text" && this.type !== "number" && this.type !== "password" ? (h("div", { class: "duet-input-icon", innerHTML: __chunk_2.duetIcons["form-" + this.type].svg })) : (""), h("span", { class: "duet-input-help" }, this.helpText))); | ||
| }; | ||
@@ -135,0 +135,0 @@ Object.defineProperty(DuetInput, "is", { |
| const h = window.Duet.h; | ||
| import { a as applyThemeClasses, b as classNames, c as duetIcons } from './chunk-c2992f71.js'; | ||
| import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js'; | ||
| import { a as duetIcons } from './chunk-c3aeb3ca.js'; | ||
@@ -5,0 +6,0 @@ class DuetInput { |
@@ -1,2 +0,2 @@ | ||
| Duet.loadBundle('duet-input', ['exports', './chunk-701dc2a6.js'], function (exports, __chunk_1) { | ||
| Duet.loadBundle('duet-input', ['exports', './chunk-fdfae928.js', './chunk-ac2b915b.js'], function (exports, __chunk_1, __chunk_2) { | ||
| var h = window.Duet.h; | ||
@@ -132,3 +132,3 @@ var DuetInput = /** @class */ (function () { | ||
| var regex = this.pattern ? this.pattern : regexType; | ||
| return (h("div", { class: containerClasses }, h("label", { class: "duet-label", htmlFor: this.identifier || "item" }, this.label), h("input", { type: this.type, class: inputClasses, value: this.value, autofocus: this.autofocus, disabled: this.disabled, "label-hidden": this.labelHidden, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-active-descendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, maxlength: this.maxLength, minlength: this.minLength, pattern: regex, placeholder: this.placeholder, spellcheck: this.spellCheck, autocomplete: this.autoComplete, onClick: function (ev) { return _this.handleClick(ev); }, onInput: function (ev) { return _this.handleInput(ev); }, onBlur: function (ev) { return _this.handleBlur(ev); }, onFocus: function (ev) { return _this.handleFocus(ev); }, required: this.required, role: this.role, name: this.name, id: this.identifier || "item" }), this.type !== "text" && this.type !== "number" && this.type !== "password" ? (h("div", { class: "duet-input-icon", innerHTML: __chunk_1.duetIcons["form-" + this.type].svg })) : (""), h("span", { class: "duet-input-help" }, this.helpText))); | ||
| return (h("div", { class: containerClasses }, h("label", { class: "duet-label", htmlFor: this.identifier || "item" }, this.label), h("input", { type: this.type, class: inputClasses, value: this.value, autofocus: this.autofocus, disabled: this.disabled, "label-hidden": this.labelHidden, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-active-descendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, maxlength: this.maxLength, minlength: this.minLength, pattern: regex, placeholder: this.placeholder, spellcheck: this.spellCheck, autocomplete: this.autoComplete, onClick: function (ev) { return _this.handleClick(ev); }, onInput: function (ev) { return _this.handleInput(ev); }, onBlur: function (ev) { return _this.handleBlur(ev); }, onFocus: function (ev) { return _this.handleFocus(ev); }, required: this.required, role: this.role, name: this.name, id: this.identifier || "item" }), this.type !== "text" && this.type !== "number" && this.type !== "password" ? (h("div", { class: "duet-input-icon", innerHTML: __chunk_2.duetIcons["form-" + this.type].svg })) : (""), h("span", { class: "duet-input-help" }, this.helpText))); | ||
| }; | ||
@@ -135,0 +135,0 @@ Object.defineProperty(DuetInput, "is", { |
| import { h } from '../duet.core.js'; | ||
| import { a as applyThemeClasses, b as classNames, c as duetIcons } from './chunk-c2992f71.js'; | ||
| import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js'; | ||
| import { a as duetIcons } from './chunk-c3aeb3ca.js'; | ||
@@ -5,0 +6,0 @@ class DuetButton { |
| import { h } from '../duet.core.js'; | ||
| import { a as applyThemeClasses, b as classNames, c as duetIcons } from './chunk-c2992f71.js'; | ||
| import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js'; | ||
| import { a as duetIcons } from './chunk-c3aeb3ca.js'; | ||
@@ -5,0 +6,0 @@ class DuetButton { |
| import { h } from '../duet.core.js'; | ||
| import { a as applyThemeClasses, b as classNames, c as duetIcons } from './chunk-c2992f71.js'; | ||
| import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js'; | ||
| import { a as duetIcons } from './chunk-c3aeb3ca.js'; | ||
@@ -5,0 +6,0 @@ class DuetInput { |
| import { h } from '../duet.core.js'; | ||
| import { a as applyThemeClasses, b as classNames, c as duetIcons } from './chunk-c2992f71.js'; | ||
| import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js'; | ||
| import { a as duetIcons } from './chunk-c3aeb3ca.js'; | ||
@@ -5,0 +6,0 @@ class DuetInput { |
| // Duet: Host Data, ES Module/es2017 Target | ||
| export const COMPONENTS = [["duet-button","duet-button",1,[["accessibleControls",1,0,"accessible-controls",2],["accessibleExpanded",1,0,"accessible-expanded",4],["accessibleLabel",1,0,"accessible-label",2],["accessiblePressed",1,0,"accessible-pressed",4],["disabled",1,0,1,4],["element",64],["expand",1,0,1,4],["external",1,0,1,4],["icon",1,0,1,2],["identifier",1,0,1,2],["submit",1,0,1,4],["theme",1,0,1,2],["url",1,0,1,2],["variation",1,0,1,2]],1],["duet-input","duet-input",1,[["accessibleActiveDescendant",1,0,"accessible-active-descendant",2],["accessibleAutocomplete",1,0,"accessible-autocomplete",2],["accessibleControls",1,0,"accessible-controls",2],["accessibleOwns",1,0,"accessible-owns",2],["autoComplete",1,0,"auto-complete",2],["autofocus",1,0,1,4],["disabled",1,0,1,4],["element",64],["expand",1,0,1,4],["helpText",1,0,"help-text",2],["identifier",1,0,1,2],["inputPrefix",1,0,"input-prefix",2],["inputSuffix",1,0,"input-suffix",2],["label",1,0,1,2],["labelHidden",1,0,"label-hidden",4],["maxLength",1,0,"max-length",8],["minLength",1,0,"min-length",8],["name",1,0,1,2],["pattern",1,0,1,2],["placeholder",1,0,1,2],["required",1,0,1,4],["role",1,0,1,2],["spellCheck",1,0,"spell-check",4],["theme",1,0,1,2],["type",1,0,1,2],["value",2,1,1,2]],1],["duet-spinner","duet-button",1,[["accessibleLabel",1,0,"accessible-label",2],["color",1,0,1,2],["size",1,0,1,2]],1]] | ||
| export const COMPONENTS = [["duet-button","duet-button",1,[["accessibleControls",1,0,"accessible-controls",2],["accessibleExpanded",1,0,"accessible-expanded",4],["accessibleLabel",1,0,"accessible-label",2],["accessiblePressed",1,0,"accessible-pressed",4],["disabled",1,0,1,4],["element",64],["expand",1,0,1,4],["external",1,0,1,4],["icon",1,0,1,2],["identifier",1,0,1,2],["submit",1,0,1,4],["theme",1,0,1,2],["url",1,0,1,2],["variation",1,0,1,2]],1],["duet-card","duet-card",1,[["element",64],["theme",1,0,1,2],["title",1,0,1,2]],1],["duet-input","duet-input",1,[["accessibleActiveDescendant",1,0,"accessible-active-descendant",2],["accessibleAutocomplete",1,0,"accessible-autocomplete",2],["accessibleControls",1,0,"accessible-controls",2],["accessibleOwns",1,0,"accessible-owns",2],["autoComplete",1,0,"auto-complete",2],["autofocus",1,0,1,4],["disabled",1,0,1,4],["element",64],["expand",1,0,1,4],["helpText",1,0,"help-text",2],["identifier",1,0,1,2],["inputPrefix",1,0,"input-prefix",2],["inputSuffix",1,0,"input-suffix",2],["label",1,0,1,2],["labelHidden",1,0,"label-hidden",4],["maxLength",1,0,"max-length",8],["minLength",1,0,"min-length",8],["name",1,0,1,2],["pattern",1,0,1,2],["placeholder",1,0,1,2],["required",1,0,1,4],["role",1,0,1,2],["spellCheck",1,0,"spell-check",4],["theme",1,0,1,2],["type",1,0,1,2],["value",2,1,1,2]],1],["duet-spinner","duet-button",1,[["accessibleLabel",1,0,"accessible-label",2],["color",1,0,1,2],["size",1,0,1,2]],1]] |
| import { h } from '../duet.core.js'; | ||
| import { a as applyThemeClasses, b as classNames, c as duetIcons } from './chunk-c2992f71.js'; | ||
| import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js'; | ||
| import { a as duetIcons } from './chunk-c3aeb3ca.js'; | ||
| var DuetButton = /** @class */ (function () { | ||
@@ -4,0 +5,0 @@ function DuetButton() { |
| import { h } from '../duet.core.js'; | ||
| import { a as applyThemeClasses, b as classNames, c as duetIcons } from './chunk-c2992f71.js'; | ||
| import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js'; | ||
| import { a as duetIcons } from './chunk-c3aeb3ca.js'; | ||
| var DuetButton = /** @class */ (function () { | ||
@@ -4,0 +5,0 @@ function DuetButton() { |
| import { h } from '../duet.core.js'; | ||
| import { a as applyThemeClasses, b as classNames, c as duetIcons } from './chunk-c2992f71.js'; | ||
| import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js'; | ||
| import { a as duetIcons } from './chunk-c3aeb3ca.js'; | ||
| var DuetInput = /** @class */ (function () { | ||
@@ -4,0 +5,0 @@ function DuetInput() { |
| import { h } from '../duet.core.js'; | ||
| import { a as applyThemeClasses, b as classNames, c as duetIcons } from './chunk-c2992f71.js'; | ||
| import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js'; | ||
| import { a as duetIcons } from './chunk-c3aeb3ca.js'; | ||
| var DuetInput = /** @class */ (function () { | ||
@@ -4,0 +5,0 @@ function DuetInput() { |
| // Duet: Host Data, ES Module/es5 Target | ||
| export var COMPONENTS = [["duet-button","duet-button",1,[["accessibleControls",1,0,"accessible-controls",2],["accessibleExpanded",1,0,"accessible-expanded",4],["accessibleLabel",1,0,"accessible-label",2],["accessiblePressed",1,0,"accessible-pressed",4],["disabled",1,0,1,4],["element",64],["expand",1,0,1,4],["external",1,0,1,4],["icon",1,0,1,2],["identifier",1,0,1,2],["submit",1,0,1,4],["theme",1,0,1,2],["url",1,0,1,2],["variation",1,0,1,2]],1],["duet-input","duet-input",1,[["accessibleActiveDescendant",1,0,"accessible-active-descendant",2],["accessibleAutocomplete",1,0,"accessible-autocomplete",2],["accessibleControls",1,0,"accessible-controls",2],["accessibleOwns",1,0,"accessible-owns",2],["autoComplete",1,0,"auto-complete",2],["autofocus",1,0,1,4],["disabled",1,0,1,4],["element",64],["expand",1,0,1,4],["helpText",1,0,"help-text",2],["identifier",1,0,1,2],["inputPrefix",1,0,"input-prefix",2],["inputSuffix",1,0,"input-suffix",2],["label",1,0,1,2],["labelHidden",1,0,"label-hidden",4],["maxLength",1,0,"max-length",8],["minLength",1,0,"min-length",8],["name",1,0,1,2],["pattern",1,0,1,2],["placeholder",1,0,1,2],["required",1,0,1,4],["role",1,0,1,2],["spellCheck",1,0,"spell-check",4],["theme",1,0,1,2],["type",1,0,1,2],["value",2,1,1,2]],1],["duet-spinner","duet-button",1,[["accessibleLabel",1,0,"accessible-label",2],["color",1,0,1,2],["size",1,0,1,2]],1]] | ||
| export var COMPONENTS = [["duet-button","duet-button",1,[["accessibleControls",1,0,"accessible-controls",2],["accessibleExpanded",1,0,"accessible-expanded",4],["accessibleLabel",1,0,"accessible-label",2],["accessiblePressed",1,0,"accessible-pressed",4],["disabled",1,0,1,4],["element",64],["expand",1,0,1,4],["external",1,0,1,4],["icon",1,0,1,2],["identifier",1,0,1,2],["submit",1,0,1,4],["theme",1,0,1,2],["url",1,0,1,2],["variation",1,0,1,2]],1],["duet-card","duet-card",1,[["element",64],["theme",1,0,1,2],["title",1,0,1,2]],1],["duet-input","duet-input",1,[["accessibleActiveDescendant",1,0,"accessible-active-descendant",2],["accessibleAutocomplete",1,0,"accessible-autocomplete",2],["accessibleControls",1,0,"accessible-controls",2],["accessibleOwns",1,0,"accessible-owns",2],["autoComplete",1,0,"auto-complete",2],["autofocus",1,0,1,4],["disabled",1,0,1,4],["element",64],["expand",1,0,1,4],["helpText",1,0,"help-text",2],["identifier",1,0,1,2],["inputPrefix",1,0,"input-prefix",2],["inputSuffix",1,0,"input-suffix",2],["label",1,0,1,2],["labelHidden",1,0,"label-hidden",4],["maxLength",1,0,"max-length",8],["minLength",1,0,"min-length",8],["name",1,0,1,2],["pattern",1,0,1,2],["placeholder",1,0,1,2],["required",1,0,1,4],["role",1,0,1,2],["spellCheck",1,0,"spell-check",4],["theme",1,0,1,2],["type",1,0,1,2],["value",2,1,1,2]],1],["duet-spinner","duet-button",1,[["accessibleLabel",1,0,"accessible-label",2],["color",1,0,1,2],["size",1,0,1,2]],1]] |
@@ -140,2 +140,23 @@ /* tslint:disable */ | ||
| interface DuetCard { | ||
| /** | ||
| * Theme of the card. Can be one of: default, turva. | ||
| */ | ||
| 'theme': string; | ||
| /** | ||
| * The content for the card title | ||
| */ | ||
| 'title': string; | ||
| } | ||
| interface DuetCardAttributes extends StencilHTMLAttributes { | ||
| /** | ||
| * Theme of the card. Can be one of: default, turva. | ||
| */ | ||
| 'theme'?: string; | ||
| /** | ||
| * The content for the card title | ||
| */ | ||
| 'title'?: string; | ||
| } | ||
| interface DuetInput { | ||
@@ -395,2 +416,3 @@ /** | ||
| 'DuetButton': Components.DuetButton; | ||
| 'DuetCard': Components.DuetCard; | ||
| 'DuetInput': Components.DuetInput; | ||
@@ -402,2 +424,3 @@ 'DuetSpinner': Components.DuetSpinner; | ||
| 'duet-button': Components.DuetButtonAttributes; | ||
| 'duet-card': Components.DuetCardAttributes; | ||
| 'duet-input': Components.DuetInputAttributes; | ||
@@ -414,2 +437,8 @@ 'duet-spinner': Components.DuetSpinnerAttributes; | ||
| interface HTMLDuetCardElement extends Components.DuetCard, HTMLStencilElement {} | ||
| var HTMLDuetCardElement: { | ||
| prototype: HTMLDuetCardElement; | ||
| new (): HTMLDuetCardElement; | ||
| }; | ||
| interface HTMLDuetInputElement extends Components.DuetInput, HTMLStencilElement {} | ||
@@ -429,2 +458,3 @@ var HTMLDuetInputElement: { | ||
| 'duet-button': HTMLDuetButtonElement | ||
| 'duet-card': HTMLDuetCardElement | ||
| 'duet-input': HTMLDuetInputElement | ||
@@ -436,2 +466,3 @@ 'duet-spinner': HTMLDuetSpinnerElement | ||
| 'duet-button': HTMLDuetButtonElement; | ||
| 'duet-card': HTMLDuetCardElement; | ||
| 'duet-input': HTMLDuetInputElement; | ||
@@ -438,0 +469,0 @@ 'duet-spinner': HTMLDuetSpinnerElement; |
@@ -75,2 +75,18 @@ { | ||
| { | ||
| "label": "duet-card", | ||
| "description": "---\ntitle: Card\nname: duet-card\nstatus: prototype\nslot: Card\nreleased: N/A\nintro: Card it is\ndescription: Card\nplatforms: Web only\ntags:\n - docs-components\n---", | ||
| "attributes": [ | ||
| { | ||
| "label": "theme", | ||
| "description": "Theme of the card. Can be one of: default, turva.", | ||
| "required": false | ||
| }, | ||
| { | ||
| "label": "title", | ||
| "description": "The content for the card title", | ||
| "required": false | ||
| } | ||
| ] | ||
| }, | ||
| { | ||
| "label": "duet-input", | ||
@@ -77,0 +93,0 @@ "description": "---\ntitle: Input\nname: duet-input\nstatus: prototype\nslot: Input\nreleased: 0.0.1-alpha.25\nplatforms: Web only\nintro: Inputs are used to allow users to provide text input when the expected input is short. Input component has a range of options and supports several text formats including numbers.\ndescription: You can use native HTML5 validation with Input component via validation properties. This allows you to specify rules like whether a value needs to be filled in, the minimum and maximum length of the data, whether it needs to be a number, and a pattern that it must match.\ntypes:\n - text\n - tel\n - time\n - email\n - search\ntags:\n - docs-components\n---", |
| { | ||
| "name": "@duetds/components", | ||
| "version": "0.0.1-alpha.38", | ||
| "version": "0.0.1-alpha.39", | ||
| "description": "This package includes Duet Components and related tools.", | ||
@@ -42,7 +42,7 @@ "author": "Viljami Salminen <ext-viljami.salminen@lahitapiola.fi>", | ||
| }, | ||
| "gitHead": "2f02aafd13f28fe5ed97fce8565e453e29dc516c", | ||
| "gitHead": "b64607b9b87b0f88a6ff986a0b199c1ad3f2b5cc", | ||
| "devDependencies": { | ||
| "@duetds/fonts": "^1.1.0", | ||
| "@duetds/icons": "^1.0.3", | ||
| "@duetds/tokens": "^1.1.10", | ||
| "@duetds/tokens": "^1.1.11", | ||
| "@stencil/core": "^0.18.1", | ||
@@ -49,0 +49,0 @@ "@stencil/sass": "^0.2.1", |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by1.38%
2938591
- Number of package files
- increased by15.83%
139
- Lines of code
- increased by3.64%
28294
No dependency changes