@rededor/cura 0.3.2 → 0.3.4-alpha.0

package/dist/esm-es5/shadow-css-07b0c8c8.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["safeSelector","selector","placeholders","index","replace","_","keep","replaceBy","concat","push","content","pseudo","exp","ss","restoreSafeSelector","_polyfillHost","_polyfillSlotted","_polyfillHostContext","_parenSuffix","_cssColonHostRe","RegExp","_cssColonHostContextRe","_cssColonSlottedRe","_polyfillHostNoCombinator","_polyfillHostNoCombinatorRe","_shadowDOMSelectorsRe","_selectorReSuffix","_polyfillHostRe","_colonHostRe","_colonSlottedRe","_colonHostContextRe","_commentRe","stripComments","input","_commentWithHashRe","extractCommentsWithHash","match","_ruleRe","_curlyRe","_selectorPartsRe","OPEN_CURLY","CLOSE_CURLY","BLOCK_PLACEHOLDER","processRules","ruleCallback","inputWithEscapedBlocks","escapeBlocks","nextBlockIndex","escapedString","m","_i","arguments","length","suffix","contentPrefix","startsWith","blocks","substring","cssRule","rule","inputParts","split","resultParts","escapedBlocks","bracketCount","currentBlockParts","partIndex","part","join","strEscapedBlocks","insertPolyfillHostInCssText","convertColonRule","cssText","regExp","partReplacer","parts","r","i","p","trim","colonHostPartReplacer","host","convertColonHost","colonHostContextPartReplacer","indexOf","convertColonSlotted","slotScopeId","slotClass","selectors","compound","slottedSelector","prefixSelector","char","orgSelector","addedSelector","trimRight","updatedSelector","convertColonHostContext","convertShadowDOMSelectors","reduce","result","pattern","makeScopeMatcher","scopeSelector","lre","rre","selectorNeedsScoping","re","test","injectScopingSelector","scopingSelector","before","_colonGroup","colon","after","applySimpleSelectorScope","hostSelector","lastIndex","replaceBy_1","applyStrictSelectorScope","isRe","className","_scopeSelectorPart","scopedP","t","safeContent","scopedSelector","startIndex","res","sep","hasHost","shouldScope","exec","separator","part_1","slice","scopedPart","scopeSelectorText","slotSelector","map","shallowPart","scopeSelectors","commentOriginalSelector","scopeCssText","scopeId","hostScopeId","slotted","slottedSelectors","scopeCss","commentsWithHash","orgSelectors","processCommentedSelector_1","placeholder","comment","scoped","__spreadArray","forEach","_a"],"sources":["node_modules/@stencil/core/internal/client/shadow-css.js"],"sourcesContent":["/*\n Stencil Client Platform v3.3.0 | MIT Licensed | https://stenciljs.com\n */\n/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n *\n * This file is a port of shadowCSS from webcomponents.js to TypeScript.\n * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js\n * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts\n */\nconst safeSelector = (selector) => {\n    const placeholders = [];\n    let index = 0;\n    // Replaces attribute selectors with placeholders.\n    // The WS in [attr=\"va lue\"] would otherwise be interpreted as a selector separator.\n    selector = selector.replace(/(\\[[^\\]]*\\])/g, (_, keep) => {\n        const replaceBy = `__ph-${index}__`;\n        placeholders.push(keep);\n        index++;\n        return replaceBy;\n    });\n    // Replaces the expression in `:nth-child(2n + 1)` with a placeholder.\n    // WS and \"+\" would otherwise be interpreted as selector separators.\n    const content = selector.replace(/(:nth-[-\\w]+)(\\([^)]+\\))/g, (_, pseudo, exp) => {\n        const replaceBy = `__ph-${index}__`;\n        placeholders.push(exp);\n        index++;\n        return pseudo + replaceBy;\n    });\n    const ss = {\n        content,\n        placeholders,\n    };\n    return ss;\n};\nconst restoreSafeSelector = (placeholders, content) => {\n    return content.replace(/__ph-(\\d+)__/g, (_, index) => placeholders[+index]);\n};\nconst _polyfillHost = '-shadowcsshost';\nconst _polyfillSlotted = '-shadowcssslotted';\n// note: :host-context pre-processed to -shadowcsshostcontext.\nconst _polyfillHostContext = '-shadowcsscontext';\nconst _parenSuffix = ')(?:\\\\((' + '(?:\\\\([^)(]*\\\\)|[^)(]*)+?' + ')\\\\))?([^,{]*)';\nconst _cssColonHostRe = new RegExp('(' + _polyfillHost + _parenSuffix, 'gim');\nconst _cssColonHostContextRe = new RegExp('(' + _polyfillHostContext + _parenSuffix, 'gim');\nconst _cssColonSlottedRe = new RegExp('(' + _polyfillSlotted + _parenSuffix, 'gim');\nconst _polyfillHostNoCombinator = _polyfillHost + '-no-combinator';\nconst _polyfillHostNoCombinatorRe = /-shadowcsshost-no-combinator([^\\s]*)/;\nconst _shadowDOMSelectorsRe = [/::shadow/g, /::content/g];\nconst _selectorReSuffix = '([>\\\\s~+[.,{:][\\\\s\\\\S]*)?$';\nconst _polyfillHostRe = /-shadowcsshost/gim;\nconst _colonHostRe = /:host/gim;\nconst _colonSlottedRe = /::slotted/gim;\nconst _colonHostContextRe = /:host-context/gim;\nconst _commentRe = /\\/\\*\\s*[\\s\\S]*?\\*\\//g;\nconst stripComments = (input) => {\n    return input.replace(_commentRe, '');\n};\nconst _commentWithHashRe = /\\/\\*\\s*#\\s*source(Mapping)?URL=[\\s\\S]+?\\*\\//g;\nconst extractCommentsWithHash = (input) => {\n    return input.match(_commentWithHashRe) || [];\n};\nconst _ruleRe = /(\\s*)([^;\\{\\}]+?)(\\s*)((?:{%BLOCK%}?\\s*;?)|(?:\\s*;))/g;\nconst _curlyRe = /([{}])/g;\nconst _selectorPartsRe = /(^.*?[^\\\\])??((:+)(.*)|$)/;\nconst OPEN_CURLY = '{';\nconst CLOSE_CURLY = '}';\nconst BLOCK_PLACEHOLDER = '%BLOCK%';\nconst processRules = (input, ruleCallback) => {\n    const inputWithEscapedBlocks = escapeBlocks(input);\n    let nextBlockIndex = 0;\n    return inputWithEscapedBlocks.escapedString.replace(_ruleRe, (...m) => {\n        const selector = m[2];\n        let content = '';\n        let suffix = m[4];\n        let contentPrefix = '';\n        if (suffix && suffix.startsWith('{' + BLOCK_PLACEHOLDER)) {\n            content = inputWithEscapedBlocks.blocks[nextBlockIndex++];\n            suffix = suffix.substring(BLOCK_PLACEHOLDER.length + 1);\n            contentPrefix = '{';\n        }\n        const cssRule = {\n            selector,\n            content,\n        };\n        const rule = ruleCallback(cssRule);\n        return `${m[1]}${rule.selector}${m[3]}${contentPrefix}${rule.content}${suffix}`;\n    });\n};\nconst escapeBlocks = (input) => {\n    const inputParts = input.split(_curlyRe);\n    const resultParts = [];\n    const escapedBlocks = [];\n    let bracketCount = 0;\n    let currentBlockParts = [];\n    for (let partIndex = 0; partIndex < inputParts.length; partIndex++) {\n        const part = inputParts[partIndex];\n        if (part === CLOSE_CURLY) {\n            bracketCount--;\n        }\n        if (bracketCount > 0) {\n            currentBlockParts.push(part);\n        }\n        else {\n            if (currentBlockParts.length > 0) {\n                escapedBlocks.push(currentBlockParts.join(''));\n                resultParts.push(BLOCK_PLACEHOLDER);\n                currentBlockParts = [];\n            }\n            resultParts.push(part);\n        }\n        if (part === OPEN_CURLY) {\n            bracketCount++;\n        }\n    }\n    if (currentBlockParts.length > 0) {\n        escapedBlocks.push(currentBlockParts.join(''));\n        resultParts.push(BLOCK_PLACEHOLDER);\n    }\n    const strEscapedBlocks = {\n        escapedString: resultParts.join(''),\n        blocks: escapedBlocks,\n    };\n    return strEscapedBlocks;\n};\nconst insertPolyfillHostInCssText = (selector) => {\n    selector = selector\n        .replace(_colonHostContextRe, _polyfillHostContext)\n        .replace(_colonHostRe, _polyfillHost)\n        .replace(_colonSlottedRe, _polyfillSlotted);\n    return selector;\n};\nconst convertColonRule = (cssText, regExp, partReplacer) => {\n    // m[1] = :host(-context), m[2] = contents of (), m[3] rest of rule\n    return cssText.replace(regExp, (...m) => {\n        if (m[2]) {\n            const parts = m[2].split(',');\n            const r = [];\n            for (let i = 0; i < parts.length; i++) {\n                const p = parts[i].trim();\n                if (!p)\n                    break;\n                r.push(partReplacer(_polyfillHostNoCombinator, p, m[3]));\n            }\n            return r.join(',');\n        }\n        else {\n            return _polyfillHostNoCombinator + m[3];\n        }\n    });\n};\nconst colonHostPartReplacer = (host, part, suffix) => {\n    return host + part.replace(_polyfillHost, '') + suffix;\n};\nconst convertColonHost = (cssText) => {\n    return convertColonRule(cssText, _cssColonHostRe, colonHostPartReplacer);\n};\nconst colonHostContextPartReplacer = (host, part, suffix) => {\n    if (part.indexOf(_polyfillHost) > -1) {\n        return colonHostPartReplacer(host, part, suffix);\n    }\n    else {\n        return host + part + suffix + ', ' + part + ' ' + host + suffix;\n    }\n};\nconst convertColonSlotted = (cssText, slotScopeId) => {\n    const slotClass = '.' + slotScopeId + ' > ';\n    const selectors = [];\n    cssText = cssText.replace(_cssColonSlottedRe, (...m) => {\n        if (m[2]) {\n            const compound = m[2].trim();\n            const suffix = m[3];\n            const slottedSelector = slotClass + compound + suffix;\n            let prefixSelector = '';\n            for (let i = m[4] - 1; i >= 0; i--) {\n                const char = m[5][i];\n                if (char === '}' || char === ',') {\n                    break;\n                }\n                prefixSelector = char + prefixSelector;\n            }\n            const orgSelector = prefixSelector + slottedSelector;\n            const addedSelector = `${prefixSelector.trimRight()}${slottedSelector.trim()}`;\n            if (orgSelector.trim() !== addedSelector.trim()) {\n                const updatedSelector = `${addedSelector}, ${orgSelector}`;\n                selectors.push({\n                    orgSelector,\n                    updatedSelector,\n                });\n            }\n            return slottedSelector;\n        }\n        else {\n            return _polyfillHostNoCombinator + m[3];\n        }\n    });\n    return {\n        selectors,\n        cssText,\n    };\n};\nconst convertColonHostContext = (cssText) => {\n    return convertColonRule(cssText, _cssColonHostContextRe, colonHostContextPartReplacer);\n};\nconst convertShadowDOMSelectors = (cssText) => {\n    return _shadowDOMSelectorsRe.reduce((result, pattern) => result.replace(pattern, ' '), cssText);\n};\nconst makeScopeMatcher = (scopeSelector) => {\n    const lre = /\\[/g;\n    const rre = /\\]/g;\n    scopeSelector = scopeSelector.replace(lre, '\\\\[').replace(rre, '\\\\]');\n    return new RegExp('^(' + scopeSelector + ')' + _selectorReSuffix, 'm');\n};\nconst selectorNeedsScoping = (selector, scopeSelector) => {\n    const re = makeScopeMatcher(scopeSelector);\n    return !re.test(selector);\n};\nconst injectScopingSelector = (selector, scopingSelector) => {\n    return selector.replace(_selectorPartsRe, (_, before = '', _colonGroup, colon = '', after = '') => {\n        return before + scopingSelector + colon + after;\n    });\n};\nconst applySimpleSelectorScope = (selector, scopeSelector, hostSelector) => {\n    // In Android browser, the lastIndex is not reset when the regex is used in String.replace()\n    _polyfillHostRe.lastIndex = 0;\n    if (_polyfillHostRe.test(selector)) {\n        const replaceBy = `.${hostSelector}`;\n        return selector\n            .replace(_polyfillHostNoCombinatorRe, (_, selector) => injectScopingSelector(selector, replaceBy))\n            .replace(_polyfillHostRe, replaceBy + ' ');\n    }\n    return scopeSelector + ' ' + selector;\n};\nconst applyStrictSelectorScope = (selector, scopeSelector, hostSelector) => {\n    const isRe = /\\[is=([^\\]]*)\\]/g;\n    scopeSelector = scopeSelector.replace(isRe, (_, ...parts) => parts[0]);\n    const className = '.' + scopeSelector;\n    const _scopeSelectorPart = (p) => {\n        let scopedP = p.trim();\n        if (!scopedP) {\n            return '';\n        }\n        if (p.indexOf(_polyfillHostNoCombinator) > -1) {\n            scopedP = applySimpleSelectorScope(p, scopeSelector, hostSelector);\n        }\n        else {\n            // remove :host since it should be unnecessary\n            const t = p.replace(_polyfillHostRe, '');\n            if (t.length > 0) {\n                scopedP = injectScopingSelector(t, className);\n            }\n        }\n        return scopedP;\n    };\n    const safeContent = safeSelector(selector);\n    selector = safeContent.content;\n    let scopedSelector = '';\n    let startIndex = 0;\n    let res;\n    const sep = /( |>|\\+|~(?!=))\\s*/g;\n    // If a selector appears before :host it should not be shimmed as it\n    // matches on ancestor elements and not on elements in the host's shadow\n    // `:host-context(div)` is transformed to\n    // `-shadowcsshost-no-combinatordiv, div -shadowcsshost-no-combinator`\n    // the `div` is not part of the component in the 2nd selectors and should not be scoped.\n    // Historically `component-tag:host` was matching the component so we also want to preserve\n    // this behavior to avoid breaking legacy apps (it should not match).\n    // The behavior should be:\n    // - `tag:host` -> `tag[h]` (this is to avoid breaking legacy apps, should not match anything)\n    // - `tag :host` -> `tag [h]` (`tag` is not scoped because it's considered part of a\n    //   `:host-context(tag)`)\n    const hasHost = selector.indexOf(_polyfillHostNoCombinator) > -1;\n    // Only scope parts after the first `-shadowcsshost-no-combinator` when it is present\n    let shouldScope = !hasHost;\n    while ((res = sep.exec(selector)) !== null) {\n        const separator = res[1];\n        const part = selector.slice(startIndex, res.index).trim();\n        shouldScope = shouldScope || part.indexOf(_polyfillHostNoCombinator) > -1;\n        const scopedPart = shouldScope ? _scopeSelectorPart(part) : part;\n        scopedSelector += `${scopedPart} ${separator} `;\n        startIndex = sep.lastIndex;\n    }\n    const part = selector.substring(startIndex);\n    shouldScope = shouldScope || part.indexOf(_polyfillHostNoCombinator) > -1;\n    scopedSelector += shouldScope ? _scopeSelectorPart(part) : part;\n    // replace the placeholders with their original values\n    return restoreSafeSelector(safeContent.placeholders, scopedSelector);\n};\nconst scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector) => {\n    return selector\n        .split(',')\n        .map((shallowPart) => {\n        if (slotSelector && shallowPart.indexOf('.' + slotSelector) > -1) {\n            return shallowPart.trim();\n        }\n        if (selectorNeedsScoping(shallowPart, scopeSelectorText)) {\n            return applyStrictSelectorScope(shallowPart, scopeSelectorText, hostSelector).trim();\n        }\n        else {\n            return shallowPart.trim();\n        }\n    })\n        .join(', ');\n};\nconst scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector) => {\n    return processRules(cssText, (rule) => {\n        let selector = rule.selector;\n        let content = rule.content;\n        if (rule.selector[0] !== '@') {\n            selector = scopeSelector(rule.selector, scopeSelectorText, hostSelector, slotSelector);\n        }\n        else if (rule.selector.startsWith('@media') ||\n            rule.selector.startsWith('@supports') ||\n            rule.selector.startsWith('@page') ||\n            rule.selector.startsWith('@document')) {\n            content = scopeSelectors(rule.content, scopeSelectorText, hostSelector, slotSelector);\n        }\n        const cssRule = {\n            selector: selector.replace(/\\s{2,}/g, ' ').trim(),\n            content,\n        };\n        return cssRule;\n    });\n};\nconst scopeCssText = (cssText, scopeId, hostScopeId, slotScopeId, commentOriginalSelector) => {\n    cssText = insertPolyfillHostInCssText(cssText);\n    cssText = convertColonHost(cssText);\n    cssText = convertColonHostContext(cssText);\n    const slotted = convertColonSlotted(cssText, slotScopeId);\n    cssText = slotted.cssText;\n    cssText = convertShadowDOMSelectors(cssText);\n    if (scopeId) {\n        cssText = scopeSelectors(cssText, scopeId, hostScopeId, slotScopeId);\n    }\n    cssText = cssText.replace(/-shadowcsshost-no-combinator/g, `.${hostScopeId}`);\n    cssText = cssText.replace(/>\\s*\\*\\s+([^{, ]+)/gm, ' $1 ');\n    return {\n        cssText: cssText.trim(),\n        slottedSelectors: slotted.selectors,\n    };\n};\nconst scopeCss = (cssText, scopeId, commentOriginalSelector) => {\n    const hostScopeId = scopeId + '-h';\n    const slotScopeId = scopeId + '-s';\n    const commentsWithHash = extractCommentsWithHash(cssText);\n    cssText = stripComments(cssText);\n    const orgSelectors = [];\n    if (commentOriginalSelector) {\n        const processCommentedSelector = (rule) => {\n            const placeholder = `/*!@___${orgSelectors.length}___*/`;\n            const comment = `/*!@${rule.selector}*/`;\n            orgSelectors.push({ placeholder, comment });\n            rule.selector = placeholder + rule.selector;\n            return rule;\n        };\n        cssText = processRules(cssText, (rule) => {\n            if (rule.selector[0] !== '@') {\n                return processCommentedSelector(rule);\n            }\n            else if (rule.selector.startsWith('@media') ||\n                rule.selector.startsWith('@supports') ||\n                rule.selector.startsWith('@page') ||\n                rule.selector.startsWith('@document')) {\n                rule.content = processRules(rule.content, processCommentedSelector);\n                return rule;\n            }\n            return rule;\n        });\n    }\n    const scoped = scopeCssText(cssText, scopeId, hostScopeId, slotScopeId);\n    cssText = [scoped.cssText, ...commentsWithHash].join('\\n');\n    if (commentOriginalSelector) {\n        orgSelectors.forEach(({ placeholder, comment }) => {\n            cssText = cssText.replace(placeholder, comment);\n        });\n    }\n    scoped.slottedSelectors.forEach((slottedSelector) => {\n        cssText = cssText.replace(slottedSelector.orgSelector, slottedSelector.updatedSelector);\n    });\n    return cssText;\n};\n\nexport { scopeCss };\n"],"mappings":"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"}

package/dist/types/api/theme-presets/theme-maternity.d.ts

@@ -14,6 +14,13 @@ export declare const ThemeMaternity: {
       '700': string;
       '900': string;
     };
+    accent: {
+      '100': string;
+      '300': string;
+      '500': string;
+      '700': string;
+      '900': string;
+    };
   };
   spacing: {
     base: number;

package/dist/types/api/theme-presets/theme-oncology.d.ts

@@ -14,14 +14,14 @@ export declare const ThemeOncology: {
       '700': string;
       '900': string;
     };
-    aux1: {
+    accent: {
       '100': string;
       '300': string;
       '500': string;
       '700': string;
       '900': string;
     };
-    aux2: {
+    aux: {
       '100': string;
       '300': string;
       '500': string;
@@ -29,9 +29,6 @@ export declare const ThemeOncology: {
       '900': string;
     };
   };
-  spacing: {
-    base: number;
-  };
   font: {
     size: string;
     color: string;
@@ -47,4 +44,7 @@ export declare const ThemeOncology: {
       black: number;
     };
   };
+  spacing: {
+    base: number;
+  };
 };

package/dist/types/api/theme-presets/theme-presets.d.ts

@@ -58,6 +58,13 @@ export declare const ThemePresets: {
         '700': string;
         '900': string;
       };
+      accent: {
+        '100': string;
+        '300': string;
+        '500': string;
+        '700': string;
+        '900': string;
+      };
     };
     spacing: {
       base: number;
@@ -94,14 +101,14 @@ export declare const ThemePresets: {
         '700': string;
         '900': string;
       };
-      aux1: {
+      accent: {
         '100': string;
         '300': string;
         '500': string;
         '700': string;
         '900': string;
       };
-      aux2: {
+      aux: {
         '100': string;
         '300': string;
         '500': string;
@@ -109,9 +116,6 @@ export declare const ThemePresets: {
         '900': string;
       };
     };
-    spacing: {
-      base: number;
-    };
     font: {
       size: string;
       color: string;
@@ -127,5 +131,8 @@ export declare const ThemePresets: {
         black: number;
       };
     };
+    spacing: {
+      base: number;
+    };
   };
 };

package/dist/types/components/buttons/cura-button/cura-button.d.ts

@@ -0,0 +1,49 @@
+export declare class CuraButton {
+  /**
+   * Button type: primary (default) | outline | transparent | icon.
+   */
+  type: string;
+  /**
+   * Button size: small | medium | large (default)
+   */
+  size: string;
+  /**
+   * Disabled state. Boolean.
+   */
+  disabled: boolean;
+  /**
+   * Loading state. Boolean.
+   */
+  isLoading: boolean;
+  /**
+   * Name of the icon to be used from iconset.
+   */
+  iconName: string;
+  /**
+   * Custom iconset if needed.
+   */
+  iconset: string;
+  /**
+   * Icon position: left (default) | right.
+   */
+  iconPosition: string;
+  /**
+   * Property href switch button to link.
+   */
+  href: string;
+  /**
+   * Set target if link.
+   */
+  target: string;
+  /**
+   * Color base from color scheme. Default: accent
+   */
+  color: string;
+  handleChangeColor(): void;
+  styles: {};
+  connectedCallback(): void;
+  getClasses(): {};
+  setColors(): void;
+  getIcon(): any;
+  render(): any;
+}

package/dist/types/components.d.ts

@@ -6,6 +6,48 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 export namespace Components {
+    interface CuraButton {
+        /**
+          * Color base from color scheme. Default: accent
+         */
+        "color": string;
+        /**
+          * Disabled state. Boolean.
+         */
+        "disabled": boolean;
+        /**
+          * Property href switch button to link.
+         */
+        "href": string;
+        /**
+          * Name of the icon to be used from iconset.
+         */
+        "iconName": string;
+        /**
+          * Icon position: left (default) | right.
+         */
+        "iconPosition": string;
+        /**
+          * Custom iconset if needed.
+         */
+        "iconset": string;
+        /**
+          * Loading state. Boolean.
+         */
+        "isLoading": boolean;
+        /**
+          * Button size: small | medium | large (default)
+         */
+        "size": string;
+        /**
+          * Set target if link.
+         */
+        "target": string;
+        /**
+          * Button type: primary (default) | outline | transparent | icon.
+         */
+        "type": string;
+    }
     interface CuraDisplay {
         /**
           * Apply light color to text in dark background. Values: boolean.
@@ -74,6 +116,12 @@ export namespace Components {
     }
 }
 declare global {
+    interface HTMLCuraButtonElement extends Components.CuraButton, HTMLStencilElement {
+    }
+    var HTMLCuraButtonElement: {
+        prototype: HTMLCuraButtonElement;
+        new (): HTMLCuraButtonElement;
+    };
     interface HTMLCuraDisplayElement extends Components.CuraDisplay, HTMLStencilElement {
     }
     var HTMLCuraDisplayElement: {
@@ -111,6 +159,7 @@ declare global {
         new (): HTMLCuraParagraphElement;
     };
     interface HTMLElementTagNameMap {
+        "cura-button": HTMLCuraButtonElement;
         "cura-display": HTMLCuraDisplayElement;
         "cura-heading": HTMLCuraHeadingElement;
         "cura-icon": HTMLCuraIconElement;
@@ -120,6 +169,48 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    interface CuraButton {
+        /**
+          * Color base from color scheme. Default: accent
+         */
+        "color"?: string;
+        /**
+          * Disabled state. Boolean.
+         */
+        "disabled"?: boolean;
+        /**
+          * Property href switch button to link.
+         */
+        "href"?: string;
+        /**
+          * Name of the icon to be used from iconset.
+         */
+        "iconName"?: string;
+        /**
+          * Icon position: left (default) | right.
+         */
+        "iconPosition"?: string;
+        /**
+          * Custom iconset if needed.
+         */
+        "iconset"?: string;
+        /**
+          * Loading state. Boolean.
+         */
+        "isLoading"?: boolean;
+        /**
+          * Button size: small | medium | large (default)
+         */
+        "size"?: string;
+        /**
+          * Set target if link.
+         */
+        "target"?: string;
+        /**
+          * Button type: primary (default) | outline | transparent | icon.
+         */
+        "type"?: string;
+    }
     interface CuraDisplay {
         /**
           * Apply light color to text in dark background. Values: boolean.
@@ -187,6 +278,7 @@ declare namespace LocalJSX {
         "spotColor"?: string;
     }
     interface IntrinsicElements {
+        "cura-button": CuraButton;
         "cura-display": CuraDisplay;
         "cura-heading": CuraHeading;
         "cura-icon": CuraIcon;
@@ -199,6 +291,7 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "cura-button": LocalJSX.CuraButton & JSXBase.HTMLAttributes<HTMLCuraButtonElement>;
             "cura-display": LocalJSX.CuraDisplay & JSXBase.HTMLAttributes<HTMLCuraDisplayElement>;
             "cura-heading": LocalJSX.CuraHeading & JSXBase.HTMLAttributes<HTMLCuraHeadingElement>;
             "cura-icon": LocalJSX.CuraIcon & JSXBase.HTMLAttributes<HTMLCuraIconElement>;

package/dist/types/stencil-public-runtime.d.ts

@@ -133,7 +133,7 @@ export interface ListenOptions {
      */
     passive?: boolean;
 }
-export declare type ListenTargetOptions = 'body' | 'document' | 'window';
+export type ListenTargetOptions = 'body' | 'document' | 'window';
 export interface StateDecorator {
     (): PropertyDecorator;
 }
@@ -214,8 +214,8 @@ export declare const State: StateDecorator;
  * https://stenciljs.com/docs/reactive-data#watch-decorator
  */
 export declare const Watch: WatchDecorator;
-export declare type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
-export declare type ErrorHandler = (err: any, element?: HTMLElement) => void;
+export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
+export type ErrorHandler = (err: any, element?: HTMLElement) => void;
 /**
  * `setMode()` is used for libraries which provide multiple "modes" for styles.
  */
@@ -223,6 +223,7 @@ export declare const setMode: (handler: ResolutionHandler) => void;
 /**
  * `getMode()` is used for libraries which provide multiple "modes" for styles.
  * @param ref a reference to the node to get styles for
+ * @returns the current mode or undefined, if not found
  */
 export declare function getMode<T = string | undefined>(ref: any): T;
 export declare function setPlatformHelpers(helpers: {
@@ -237,6 +238,7 @@ export declare function setPlatformHelpers(helpers: {
  * if the path needs to be customized.
  * @param path the path to use in calculating the asset path. this value will be
  * used in conjunction with the base asset path
+ * @returns the base path
  */
 export declare function getAssetPath(path: string): string;
 /**
@@ -252,11 +254,22 @@ export declare function getAssetPath(path: string): string;
  * bundling, and where your assets can be loaded from. Additionally custom bundling
  * will have to ensure the static assets are copied to its build directory.
  * @param path the asset path to set
+ * @returns the set path
  */
 export declare function setAssetPath(path: string): string;
+/**
+ * Used to specify a nonce value that corresponds with an application's
+ * [Content Security Policy (CSP)](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP).
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a `meta` tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) and will result in the same behavior.
+ * @param nonce The value to be used for the nonce attribute.
+ */
+export declare function setNonce(nonce: string): void;
 /**
  * Retrieve a Stencil element for a given reference
  * @param ref the ref to get the Stencil element for
+ * @returns a reference to the element
  */
 export declare function getElement(ref: any): HTMLStencilElement;
 /**
@@ -269,6 +282,7 @@ export declare function getElement(ref: any): HTMLStencilElement;
 export declare function forceUpdate(ref: any): void;
 /**
  * getRenderingRef
+ * @returns the rendering ref
  */
 export declare function getRenderingRef(): any;
 export interface HTMLStencilElement extends HTMLElement {
@@ -428,13 +442,57 @@ interface HostAttributes {
     ref?: (el: HTMLElement | null) => void;
     [prop: string]: any;
 }
+/**
+ * Utilities for working with functional Stencil components. An object
+ * conforming to this interface is passed by the Stencil runtime as the third
+ * argument to a functional component, allowing component authors to work with
+ * features like children.
+ *
+ * The children of a functional component will be passed as the second
+ * argument, so a functional component which uses these utils to transform its
+ * children might look like the following:
+ *
+ * ```ts
+ * export const AddClass: FunctionalComponent = (_, children, utils) => (
+ *  utils.map(children, child => ({
+ *    ...child,
+ *    vattrs: {
+ *      ...child.vattrs,
+ *      class: `${child.vattrs.class} add-class`
+ *    }
+ *  }))
+ * );
+ * ```
+ *
+ * For more see the Stencil documentation, here:
+ * https://stenciljs.com/docs/functional-components
+ */
 export interface FunctionalUtilities {
+    /**
+     * Utility for reading the children of a functional component at runtime.
+     * Since the Stencil runtime uses a different interface for children it is
+     * not recommendeded to read the children directly, and is preferable to use
+     * this utility to, for instance, perform a side effect for each child.
+     */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
+    /**
+     * Utility for transforming the children of a functional component. Given an
+     * array of children and a callback this will return a list of the results of
+     * passing each child to the supplied callback.
+     */
     map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
 }
 export interface FunctionalComponent<T = {}> {
     (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
 }
+/**
+ * A Child VDOM node
+ *
+ * This has most of the same properties as {@link VNode} but friendlier names
+ * (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
+ * order to provide a friendlier public interface for users of the
+ * {@link FunctionalUtilities}).
+ */
 export interface ChildNode {
     vtag?: string | number | Function;
     vkey?: string | number;
@@ -481,6 +539,9 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+/**
+ * A virtual DOM node
+ */
 export interface VNode {
     $flags$: number;
     $tag$: string | number | Function;
@@ -751,6 +812,7 @@ export declare namespace JSXBase {
         datetime?: string;
     }
     interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
+        onCancel?: (event: Event) => void;
         onClose?: (event: Event) => void;
         open?: boolean;
         returnValue?: string;
@@ -831,8 +893,8 @@ export declare namespace JSXBase {
         accept?: string;
         allowdirs?: boolean;
         alt?: string;
-        autoCapitalize?: any;
-        autocapitalize?: any;
+        autoCapitalize?: string;
+        autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
         autoFocus?: boolean;
@@ -1156,8 +1218,8 @@ export declare namespace JSXBase {
         resource?: string;
         typeof?: string;
         vocab?: string;
-        autoCapitalize?: any;
-        autocapitalize?: any;
+        autoCapitalize?: string;
+        autocapitalize?: string;
         autoCorrect?: string;
         autocorrect?: string;
         autoSave?: string;
@@ -1448,12 +1510,12 @@ export declare namespace JSXBase {
         onCutCapture?: (event: ClipboardEvent) => void;
         onPaste?: (event: ClipboardEvent) => void;
         onPasteCapture?: (event: ClipboardEvent) => void;
-        onCompositionEnd?: (event: CompositionEvent) => void;
-        onCompositionEndCapture?: (event: CompositionEvent) => void;
-        onCompositionStart?: (event: CompositionEvent) => void;
-        onCompositionStartCapture?: (event: CompositionEvent) => void;
-        onCompositionUpdate?: (event: CompositionEvent) => void;
-        onCompositionUpdateCapture?: (event: CompositionEvent) => void;
+        onCompositionend?: (event: CompositionEvent) => void;
+        onCompositionendCapture?: (event: CompositionEvent) => void;
+        onCompositionstart?: (event: CompositionEvent) => void;
+        onCompositionstartCapture?: (event: CompositionEvent) => void;
+        onCompositionupdate?: (event: CompositionEvent) => void;
+        onCompositionupdateCapture?: (event: CompositionEvent) => void;
         onFocus?: (event: FocusEvent) => void;
         onFocusCapture?: (event: FocusEvent) => void;
         onFocusin?: (event: FocusEvent) => void;
@@ -1464,8 +1526,8 @@ export declare namespace JSXBase {
         onBlurCapture?: (event: FocusEvent) => void;
         onChange?: (event: Event) => void;
         onChangeCapture?: (event: Event) => void;
-        onInput?: (event: Event) => void;
-        onInputCapture?: (event: Event) => void;
+        onInput?: (event: InputEvent) => void;
+        onInputCapture?: (event: InputEvent) => void;
         onReset?: (event: Event) => void;
         onResetCapture?: (event: Event) => void;
         onSubmit?: (event: Event) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rededor/cura",
-  "version": "0.3.2",
+  "version": "0.3.4-alpha.0",
   "description": "Cura Design System",
   "author": "Rede D`Or São Luiz",
   "license": "MIT",
@@ -25,18 +25,18 @@
     "build:iconset": "node ./node/iconset-builder.js"
   },
   "dependencies": {
-    "@stencil/core": "^2.14.2"
+    "@stencil/core": "^3.3.0"
   },
   "devDependencies": {
-    "@stencil/angular-output-target": "^0.4.0",
-    "@stencil/react-output-target": "^0.3.0",
-    "@stencil/sass": "^1.5.2",
-    "@stencil/vue-output-target": "^0.6.1",
+    "@stencil/angular-output-target": "^0.5.0",
+    "@stencil/react-output-target": "^0.4.0",
+    "@stencil/sass": "^2.0.3",
+    "@stencil/vue-output-target": "^0.7.0",
     "@types/jest": "^27.0.3",
     "jest": "^27.4.5",
     "jest-cli": "^27.4.5",
     "puppeteer": "^10.0.0",
     "svgo": "^3.0.1"
   },
-  "gitHead": "75485d32368d9661633819142ab6590622f2e8fb"
+  "gitHead": "9fec75ddff29c689224bbef366663b8fcd515db6"
 }

package/dist/cjs/cura-icon.cjs.entry.js

@@ -1,59 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-8686299e.js');
-
-const curaIconCss = ":host{width:var(--size);height:var(--size)}:host svg{display:inline-block;stroke:var(--color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";
-
-const CuraIcon = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.name = '';
-    this.color = 'neutral-base';
-    this.iconset = 'default';
-    this.disabled = false;
-    this.sizes = {
-      "128": { size: 128, stroke: 5.25 },
-      "72": { size: 72, stroke: 3.5 },
-      "64": { size: 64, stroke: 3.25 },
-      "48": { size: 48, stroke: 2.75 },
-      "40": { size: 40, stroke: 2.5 },
-      "32": { size: 32, stroke: 2.25 },
-      "24": { size: 24, stroke: 2 },
-      "20": { size: 20, stroke: 1.75 },
-      "16": { size: 16, stroke: 1.5 },
-      "default": { size: 24, stroke: 2 }
-    };
-  }
-  sizeHandler(size) {
-    const scaledStroke = (iconSize) => {
-      return `${this.sizes[iconSize].stroke * (this.sizes.default.size / this.sizes[iconSize].size)}px`;
-    };
-    this.setHostProperty('--size', this.sizes[`${size}`] ? `${this.sizes[size].size}px` : `${this.sizes.default.size}px`);
-    this.setHostProperty('--stroke', this.sizes[`${size}`] ? scaledStroke(size) : scaledStroke("default"));
-  }
-  colorHandler() {
-    this.setHostProperty('--color', window.CuraAPI.theme.colors.getColor(this.disabled ? 'neutral-light' : this.color));
-  }
-  connectedCallback() {
-    this.assetsPath = window.CuraAPI.localAssetsPath;
-    this.sizeHandler(this.size);
-    this.colorHandler();
-  }
-  setHostProperty(prop, value) {
-    this.host.style.setProperty(prop, value);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("svg", { version: "1.1", viewBox: "0 0 24 24", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg" }, index.h("use", { xlinkHref: `${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}` }))));
-  }
-  get host() { return index.getElement(this); }
-  static get watchers() { return {
-    "size": ["sizeHandler"],
-    "color": ["colorHandler"],
-    "disabled": ["colorHandler"]
-  }; }
-};
-CuraIcon.style = curaIconCss;
-
-exports.cura_icon = CuraIcon;

package/dist/cura/p-22290742.entry.js

@@ -1 +0,0 @@
-import{r as s,h as t,H as e,g as i}from"./p-a50716bc.js";const r=class{constructor(t){s(this,t),this.name="",this.color="neutral-base",this.iconset="default",this.disabled=!1,this.sizes={128:{size:128,stroke:5.25},72:{size:72,stroke:3.5},64:{size:64,stroke:3.25},48:{size:48,stroke:2.75},40:{size:40,stroke:2.5},32:{size:32,stroke:2.25},24:{size:24,stroke:2},20:{size:20,stroke:1.75},16:{size:16,stroke:1.5},default:{size:24,stroke:2}}}sizeHandler(s){this.setHostProperty("--size",this.sizes[`${s}`]?`${this.sizes[s].size}px`:`${this.sizes.default.size}px`),this.setHostProperty("--stroke",(s=>this.sizes[s].stroke*(this.sizes.default.size/this.sizes[s].size)+"px")(this.sizes[`${s}`]?s:"default"))}colorHandler(){this.setHostProperty("--color",window.CuraAPI.theme.colors.getColor(this.disabled?"neutral-light":this.color))}connectedCallback(){this.assetsPath=window.CuraAPI.localAssetsPath,this.sizeHandler(this.size),this.colorHandler()}setHostProperty(s,t){this.host.style.setProperty(s,t)}render(){return t(e,null,t("svg",{version:"1.1",viewBox:"0 0 24 24",preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg"},t("use",{xlinkHref:`${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}`})))}get host(){return i(this)}static get watchers(){return{size:["sizeHandler"],color:["colorHandler"],disabled:["colorHandler"]}}};r.style=":host{width:var(--size);height:var(--size)}:host svg{display:inline-block;stroke:var(--color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";export{r as cura_icon}

package/dist/cura/p-32769783.system.js

@@ -1 +0,0 @@
-System.register([],(function(t){"use strict";return{execute:function(){var e={color:{primary:{100:"#71C5E8",300:"#449CD5",500:"#005EB8",700:"#004890",900:"#002855"},secondary:{100:"#F5ECE3",300:"#DDC0A2",500:"#CCA074",700:"#886B4D",900:"#292017"},accent:{100:"#F9E8D5",300:"#E4A04F",500:"#DF8D2C",700:"#955E1D",900:"#2D1C09"}},spacing:{base:4},font:{size:"14px",color:"#4A4A4A",body:"'Roboto', Arial, Helvetica, sans-serif",heading:"'Roboto', Arial, Helvetica, sans-serif",display:"'Roboto', Arial, Helvetica, sans-serif",weights:{thin:100,light:300,regular:400,medium:500,bold:700,black:900}}};var r=Object.assign(Object.assign({},e),{color:{primary:{100:"#FCEFF6",300:"#FFBFE5",500:"#CD4D9A",700:"#99126C",900:"#00133B"},secondary:{100:"#EDF3FF",300:"#BDD2FF",500:"#189AB4",700:"#001C58",900:"#430E31"}}});var o=Object.assign(Object.assign({},e),{color:{primary:{100:"#99CFFF",300:"#47A9FF",500:"#0083F5",700:"#006DCC",900:"#0058A4"},secondary:{100:"#CDD7E3",300:"#9BAFC7",500:"#6886AB",700:"#365E8F",900:"#043673"},aux1:{100:"#AABEE1",300:"#557EC4",500:"#003DA6",700:"#00296F",900:"#000C21"},aux2:{100:"#DAF2EF",300:"#84D4CA",500:"#47BFB0",700:"#2F7F75",900:"#0E2623"}}});var i={default:e,maternidade:r,oncologia:o};var n={color:{success:{lighter:"#DFF6E9",light:"#94E1B5",base:"#5FD290",dark:"#3F8C60",darker:"#132A1D",depth100:"#DFF6E9",depth300:"#94E1B5",depth500:"#5FD290",depth700:"#3F8C60",depth900:"#132A1D"},info:{lighter:"#CFE2FF",light:"#95BFFF",base:"#6EA8FF",dark:"#517BBB",darker:"#253855",depth100:"#CFE2FF",depth300:"#95BFFF",depth500:"#6EA8FF",depth700:"#517BBB",depth900:"#253855"},error:{lighter:"#FBDDDD",light:"#F28F8F",base:"#EB5757",dark:"#9D3A3A",darker:"#2F1111",depth100:"#FBDDDD",depth300:"#F28F8F",depth500:"#EB5757",depth700:"#9D3A3A",depth900:"#2F1111"},warning:{lighter:"#FCFAC4",light:"#F8F489",base:"#F5EF4E",dark:"#A39F34",darker:"#313010",depth100:"#FCFAC4",depth300:"#F8F489",depth500:"#F5EF4E",depth700:"#A39F34",depth900:"#313010"},neutral:{0:"#FFFFFF",100:"#F6F6F6",200:"#E9E9E9",300:"#E2E2E2",400:"#D4D4D4",500:"#B7B7B7",600:"#929292",700:"#6E6E6E",800:"#4A4A4A",900:"#262626"}}};var a=function(){function t(){this.NeutralDepthAlias={purewhite:"0",white:"100",pale:"200",lighter:"300",light:"400",base:"500",medium:"600",dark:"700",darker:"800",black:"900"};this.ColorDepthAlias={lighter:"100",light:"300",base:"500",dark:"700",darker:"900"}}t.prototype.getColor=function(t){if(t===void 0){t="primary-base"}var e=this.splitColorDepth(t),r=e.color,o=e.depth;var i=this.getStatic(r,o);if(i)return i;return this.getDynamic(r,o)};t.prototype.getStatic=function(t,e){var r,o;return((r=n.color[t])===null||r===void 0?void 0:r[e])||((o=n.color[t])===null||o===void 0?void 0:o[this.NeutralDepthAlias[e]])||null};t.prototype.getDynamic=function(t,e){var r=this.ColorDepthAlias[e]?"--cura-color-".concat(t,"-").concat(this.ColorDepthAlias[e]):"--cura-color-".concat(t,"-").concat(e);return getComputedStyle(document.body).getPropertyValue(r)?"var(".concat(r,")"):"var(--cura-color-primary-500)"};t.prototype.splitColorDepth=function(t){var e=t.toLowerCase().split(/-(.*)/),r=e[0],o=e[1];return{color:r!==null&&r!==void 0?r:"primary",depth:o!==null&&o!==void 0?o:"base"}};return t}();var s=function(){function t(){this.curaSpacing="--cura-spacing-base"}t.prototype.getSpacing=function(){if(getComputedStyle(document.body).getPropertyValue(this.curaSpacing)){return"var(".concat(this.curaSpacing,")")}return"4"};return t}();var c=function(){function t(){this.getSize=function(){return"var(--cura-font-size)"};this.getColor=function(){return"var(--cura-font-color)"}}t.prototype.getFamily=function(t){if(t===void 0){t="body"}var e="--cura-font-".concat(t.toLowerCase());return getComputedStyle(document.body).getPropertyValue(e)?"var(".concat(e,")"):"var(--cura-font-body)"};t.prototype.getWeights=function(){var t={};Object.keys(e.font.weights).forEach((function(e){return t[e]="var(--cura-font-weights-".concat(e,")")}));return t};return t}();var u=function(){function t(){var t=this;this.prefix="--cura";this.colors=new a;this.spacing=new s;this.fonts=new c;this.setCssVar=function(e,r){var o=t.groupPath(r,e[0]);t.body.style.setProperty(o,e[1])};this.groupPath=function(t,e){return"".concat(t,"-").concat(e)};this.isObject=function(t){return t&&typeof t==="object"&&!Array.isArray(t)};this.mergeObject=function(e,r){var o=Object.entries(e);for(var i=0,n=o;i<n.length;i++){var a=n[i];if(t.isObject(a[1])){t.mergeObject(a[1],r[a[0]])}else{r[a[0]]=a[1]}}};this.buildCssVars=function(e,r){var o=Object.entries(r);for(var i=0,n=o;i<n.length;i++){var a=n[i];if(t.isObject(a[1])){t.buildCssVars(t.groupPath(e,a[0]),a[1])}else{t.setCssVar(a,e)}}};this.body=window.document.documentElement.querySelector("body")}t.prototype.load=function(t){if(t===void 0){t="default"}var e=i[t]?i[t]:i.default;this.buildCssVars(this.prefix,e)};t.prototype.setCustom=function(t){var e=t.name;if(e in i){console.log("Error building custom theme. Theme %s already exists. Loading default theme.",e);this.load("default")}else{var r=t.fromPreset&&t.fromPreset in i?i[t.fromPreset]:i.default;var o=Object.assign({},JSON.parse(JSON.stringify(r)));this.mergeObject(t.definitions,o);i[e]=o;this.load(e)}};return t}();var l=function(){function t(t){this.localAssetsPath=t&&t.localAssetsPath?t.localAssetsPath:"/assets";var e=new u;this.theme={load:function(t){e.load(t)},setCustom:function(t){e.setCustom(t)},colors:{getColor:function(t){return e.colors.getColor(t)}},fonts:{getFamily:function(t){return e.fonts.getFamily(t)},getWeights:function(){return e.fonts.getWeights()},getSize:function(){return e.fonts.getSize()},getColor:function(){return e.fonts.getColor()}},spacing:{getSpacing:function(){return e.spacing.getSpacing()}}};if(t&&t.customTheme){this.theme.setCustom(t.customTheme)}else{var r=t&&t.theme?t.theme:"default";this.theme.load(r)}}return t}();function h(){var t=window.CuraInit;window.CuraAPI=t?new l(t):new l;var e=window.CuraAPI;window.dispatchEvent(new CustomEvent("CuraAPIReady",{detail:{api:e}}));if(t&&typeof t.onReady==="function")t.onReady(e)}var d=t("g",h)}}}));