q2-tecton-elements 1.20.0 → 1.21.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{icons-47b9bd3f.js → icons-2d056aad.js} +50 -75
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/q2-avatar.cjs.entry.js +1 -1
- package/dist/cjs/q2-badge_2.cjs.entry.js +3 -3
- package/dist/cjs/q2-calendar.cjs.entry.js +54 -56
- package/dist/cjs/q2-carousel.cjs.entry.js +1 -1
- package/dist/cjs/q2-icon.cjs.entry.js +3 -2
- package/dist/cjs/q2-section.cjs.entry.js +3 -5
- package/dist/cjs/q2-stepper-vertical.cjs.entry.js +12 -5
- package/dist/cjs/q2-stepper.cjs.entry.js +3 -3
- package/dist/cjs/q2-tab-container.cjs.entry.js +1 -1
- package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
- package/dist/collection/components/q2-btn/index.js +2 -2
- package/dist/collection/components/q2-calendar/helpers.js +1 -1
- package/dist/collection/components/q2-carousel/styles.css +5 -3
- package/dist/collection/components/q2-icon/icons.js +25 -25
- package/dist/collection/components/q2-icon/index.js +18 -0
- package/dist/collection/components/q2-icon/styles.css +5 -0
- package/dist/collection/components/q2-input/index.js +2 -2
- package/dist/collection/components/q2-input/styles.css +1 -0
- package/dist/collection/components/q2-section/index.js +3 -5
- package/dist/collection/components/q2-stepper/index.js +2 -2
- package/dist/collection/components/q2-stepper/styles.css +13 -3
- package/dist/collection/components/q2-stepper-vertical/index.js +11 -4
- package/dist/collection/components/q2-stepper-vertical/styles.css +19 -3
- package/dist/collection/components/q2-tab-container/styles.css +1 -0
- package/dist/esm/{icons-869de05b.js → icons-e2bbe4b0.js} +50 -75
- package/dist/esm/loader.js +1 -1
- package/dist/esm/q2-avatar.entry.js +1 -1
- package/dist/esm/q2-badge_2.entry.js +3 -3
- package/dist/esm/q2-calendar.entry.js +54 -56
- package/dist/esm/q2-carousel.entry.js +1 -1
- package/dist/esm/q2-icon.entry.js +3 -2
- package/dist/esm/q2-section.entry.js +3 -5
- package/dist/esm/q2-stepper-vertical.entry.js +12 -5
- package/dist/esm/q2-stepper.entry.js +3 -3
- package/dist/esm/q2-tab-container.entry.js +1 -1
- package/dist/esm/q2-tecton-elements.js +1 -1
- package/dist/q2-tecton-elements/{p-315fdb74.entry.js → p-041b3a82.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-0766a694.entry.js +1 -0
- package/dist/q2-tecton-elements/p-18cc4758.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-5f61bb6d.entry.js → p-35177f6c.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-9281adaa.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-4ed63393.entry.js → p-9ebb283a.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-cbd1289a.entry.js +1 -0
- package/dist/q2-tecton-elements/p-db873db2.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-8d7ad8cc.entry.js → p-e4aa271e.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-1bee154c.js → p-f23bcb4b.js} +1 -1
- package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
- package/dist/types/components/q2-btn/index.d.ts +1 -1
- package/dist/types/components/q2-icon/index.d.ts +1 -0
- package/dist/types/components/q2-stepper-vertical/index.d.ts +1 -0
- package/dist/types/components.d.ts +4 -2
- package/dist/types/workspace/workspace/{Tecton_tecton-production_master → tecton-production_release_1.21.x}/packages/q2-tecton-elements/.stencil/test/helpers.d.ts +0 -0
- package/package.json +2 -2
- package/dist/q2-tecton-elements/p-0a155257.entry.js +0 -1
- package/dist/q2-tecton-elements/p-2e832e42.entry.js +0 -1
- package/dist/q2-tecton-elements/p-30263b82.entry.js +0 -1
- package/dist/q2-tecton-elements/p-54e792bd.entry.js +0 -1
- package/dist/q2-tecton-elements/p-74136b15.entry.js +0 -1
|
@@ -1099,79 +1099,79 @@ const icons = {
|
|
|
1099
1099
|
markup: () => (h("g", null, h("g", { class: "stroke-secondary" }, h("path", { d: "M14.179 11.036H7.893" })), h("g", { class: "stroke-primary", transform: "translate(2.393 2.393)" }, h("path", { d: "M21.214 21.214l-3.928-3.928" }), h("circle", { cx: "8.643", cy: "8.643", r: "8.643" })))),
|
|
1100
1100
|
},
|
|
1101
1101
|
'filetype-pdf': {
|
|
1102
|
-
markup: () => (h("g",
|
|
1102
|
+
markup: () => (h("g", { class: "fill-primary" }, h("path", { d: "m15.75 4.369 4.584 4.583v4.583H18.5v-2.75H13V6.202H7.5v7.333H5.667V4.37H15.75Zm1.833 4.583-2.75-2.75v2.75h2.75Zm-10.455 5.5c.844 0 1.476.225 1.9.677.423.451.635 1.093.635 1.925 0 .406-.052.784-.157 1.132a2.55 2.55 0 0 1-.481.913 2.177 2.177 0 0 1-.822.605c-.332.143-.725.214-1.176.214h-.379v2.713H4.7v-8.179h2.428Zm-.184 1.65h-.297v2.166h.174a.898.898 0 0 0 .47-.121.77.77 0 0 0 .31-.385c.073-.178.11-.41.11-.697 0-.32-.065-.562-.191-.722-.127-.16-.32-.24-.576-.24v-.001Zm9.315 2.266c0 .907-.137 1.677-.411 2.31-.274.635-.67 1.12-1.19 1.453-.517.334-1.148.5-1.89.5h-2.109v-8.179h2.243c.716 0 1.324.151 1.825.453.5.302.88.744 1.14 1.326.261.582.392 1.295.392 2.137Zm-2.014.079c0-.552-.051-.998-.154-1.338-.102-.339-.255-.586-.458-.741-.204-.154-.458-.232-.765-.232h-.263v4.8h.152c.515 0 .892-.201 1.13-.605.238-.402.357-1.03.357-1.884h.001Zm5.086 4.184h-1.947v-8.179H21.3v1.65h-1.969v1.75h1.824v1.652h-1.824v3.127Z" }))),
|
|
1103
1103
|
},
|
|
1104
1104
|
'filetype-xls': {
|
|
1105
|
-
markup: () => (h("g",
|
|
1105
|
+
markup: () => (h("g", { class: "fill-primary" }, h("path", { d: "M11.851 22.135H9.752l-.916-2.362-.941 2.362H5.847l1.87-4.09-1.758-4.09h2.02l.8 2.265.744-2.266h2.064l-1.695 4.023 1.958 4.158h.001Zm.654 0v-8.18h1.947v6.507h2.132v1.673h-4.079Zm9.148-2.485c0 .507-.106.956-.316 1.345a2.3 2.3 0 0 1-.893.918c-.384.223-.837.333-1.36.333a4.93 4.93 0 0 1-.685-.047 3.685 3.685 0 0 1-.663-.16 4.167 4.167 0 0 1-.683-.308v-1.969c.321.217.651.385.989.506.337.121.646.182.925.182a.868.868 0 0 0 .395-.078.525.525 0 0 0 .229-.216.644.644 0 0 0 .076-.316.888.888 0 0 0-.062-.333c-.04-.102-.132-.216-.275-.34a5.3 5.3 0 0 0-.66-.468 7.695 7.695 0 0 1-.649-.462 2.711 2.711 0 0 1-.495-.509 2.072 2.072 0 0 1-.313-.64 2.994 2.994 0 0 1-.11-.857c0-.485.096-.905.287-1.265a1.99 1.99 0 0 1 .839-.833c.369-.197.822-.296 1.359-.296.34 0 .681.049 1.024.146.344.096.69.243 1.04.441l-.52 1.706a4.006 4.006 0 0 0-.788-.396 2.038 2.038 0 0 0-.678-.129.719.719 0 0 0-.338.07.446.446 0 0 0-.193.187.57.57 0 0 0-.061.268c0 .147.024.27.073.376.048.104.147.215.299.333.15.117.381.271.69.461.328.202.605.414.832.638.225.224.396.474.511.75.122.306.18.633.174.962ZM16.5 3.754l4.583 4.583v4.583H19.25v-2.75h-5.5V5.587h-5.5v7.333H6.416V3.754h10.083Zm1.833 4.583-2.75-2.75v2.75h2.75Z" }))),
|
|
1106
1106
|
},
|
|
1107
1107
|
'filetype-doc': {
|
|
1108
|
-
markup: () => (h("g",
|
|
1108
|
+
markup: () => (h("g", { class: "fill-primary" }, h("path", { d: "M9.252 17.877c0 .906-.138 1.676-.412 2.31-.275.634-.67 1.118-1.189 1.452-.519.334-1.148.501-1.89.501H3.65v-8.18h2.244c.715 0 1.324.15 1.824.453.5.303.88.745 1.14 1.326.262.582.393 1.294.393 2.138Zm-2.015.078c0-.552-.051-.998-.153-1.337-.103-.34-.257-.587-.46-.742-.203-.154-.458-.231-.763-.231h-.263v4.8h.151c.514 0 .891-.202 1.13-.605.239-.403.358-1.031.358-1.885Zm9.13.084c0 .686-.065 1.291-.197 1.815-.133.524-.33.964-.593 1.32a2.53 2.53 0 0 1-.974.807c-.387.18-.833.27-1.34.27-.504 0-.95-.09-1.337-.274a2.567 2.567 0 0 1-.98-.808c-.264-.356-.464-.797-.598-1.323-.135-.526-.202-1.132-.202-1.818 0-.91.12-1.678.356-2.3.237-.623.587-1.095 1.051-1.415.465-.321 1.034-.482 1.71-.482.678 0 1.249.159 1.709.476.46.317.808.788 1.044 1.412.235.625.352 1.399.352 2.319Zm-4.195 0c0 .555.04 1.02.123 1.393.083.373.204.651.367.836a.77.77 0 0 0 .601.277.77.77 0 0 0 .607-.269c.159-.178.276-.453.353-.825.076-.37.114-.842.114-1.412 0-.865-.088-1.504-.265-1.916-.177-.412-.447-.619-.809-.619a.763.763 0 0 0-.601.283c-.163.188-.284.47-.367.845-.082.375-.123.843-.123 1.407Zm8.308-2.524a.801.801 0 0 0-.509.176c-.15.119-.275.288-.375.51a3.26 3.26 0 0 0-.229.808 6.653 6.653 0 0 0-.079 1.075c0 .552.048 1.012.143 1.381.096.37.239.646.428.829.19.182.43.274.716.274.265 0 .52-.05.764-.151.245-.101.49-.222.736-.364v1.745a3.17 3.17 0 0 1-.848.342 4.04 4.04 0 0 1-.965.112c-.65 0-1.196-.16-1.642-.481-.445-.321-.784-.793-1.013-1.416-.229-.623-.344-1.384-.344-2.282 0-.63.07-1.206.21-1.724.122-.478.327-.931.607-1.338a2.82 2.82 0 0 1 .96-.863c.391-.208.83-.313 1.272-.306.362 0 .71.047 1.044.14.334.094.665.239.993.437l-.515 1.6a3.387 3.387 0 0 0-.655-.367 1.806 1.806 0 0 0-.699-.137ZM15.75 3.748l4.584 4.583v4.584h-1.833v-2.75H13V5.58H7.5v7.334H5.668V3.748H15.75Zm1.834 4.583-2.75-2.75v2.75h2.75Z" }))),
|
|
1109
1109
|
},
|
|
1110
1110
|
'filetype-ppt': {
|
|
1111
|
-
markup: () => (h("g",
|
|
1111
|
+
markup: () => (h("g", { class: "fill-primary" }, h("path", { d: "M8.02 13.952c.843 0 1.475.225 1.899.677.423.451.635 1.093.635 1.925 0 .406-.052.784-.157 1.132a2.55 2.55 0 0 1-.481.913 2.177 2.177 0 0 1-.822.605c-.332.143-.724.214-1.175.214h-.38v2.713H5.59v-8.179h2.43Zm-.185 1.65h-.297v2.166h.174a.898.898 0 0 0 .47-.121.77.77 0 0 0 .31-.385c.073-.178.11-.41.11-.697 0-.32-.065-.562-.191-.722-.127-.16-.32-.24-.576-.24v-.001Zm6.143-1.65c.843 0 1.476.225 1.899.677.423.451.635 1.093.635 1.925 0 .406-.052.784-.156 1.132a2.567 2.567 0 0 1-.482.913 2.177 2.177 0 0 1-.822.605c-.332.143-.724.214-1.175.214h-.38v2.713h-1.948v-8.179h2.43-.001Zm-.185 1.65h-.297v2.166h.175a.898.898 0 0 0 .469-.121.77.77 0 0 0 .31-.385c.074-.178.11-.41.11-.697 0-.32-.064-.562-.19-.722-.127-.16-.319-.24-.577-.24v-.001Zm6.646 6.53h-1.935v-6.496h-1.477v-1.684h4.879v1.684h-1.467v6.495ZM16.5 3.868l4.584 4.583v4.583H19.25v-2.75h-5.5V5.702h-5.5v7.333H6.416V3.87H16.5Zm1.833 4.583-2.75-2.75v2.75h2.75Z" }))),
|
|
1112
1112
|
},
|
|
1113
1113
|
'filetype-png': {
|
|
1114
|
-
markup: () => (h("g",
|
|
1114
|
+
markup: () => (h("g", { class: "fill-primary" }, h("path", { d: "M6.665 14.454c.843 0 1.475.226 1.899.678.424.45.635 1.092.635 1.925 0 .406-.052.783-.156 1.132a2.55 2.55 0 0 1-.482.912 2.177 2.177 0 0 1-.822.605c-.332.143-.724.214-1.175.214h-.38v2.714H4.235v-8.18h2.429Zm-.185 1.65h-.297v2.166h.175a.898.898 0 0 0 .469-.12.77.77 0 0 0 .31-.387c.073-.177.11-.408.11-.696 0-.321-.064-.561-.19-.722-.127-.16-.32-.24-.577-.24Zm9.88 6.53h-2.27l-2.132-5.086h-.044c.038.508.065 1.016.081 1.525.006.207.008.389.008.546v3.016h-1.807v-8.18h2.255l2.12 4.946h.045a98.107 98.107 0 0 1-.067-1.433 15.194 15.194 0 0 1-.011-.548v-2.966h1.824v8.18Zm4.052-4.789h2.853v4.41c-.417.165-.849.29-1.29.37a7.413 7.413 0 0 1-1.346.121c-.67 0-1.241-.165-1.709-.493-.468-.328-.825-.806-1.072-1.437-.246-.63-.368-1.395-.368-2.295 0-.876.14-1.626.42-2.248.279-.623.681-1.102 1.208-1.436.526-.333 1.16-.5 1.902-.5a4.507 4.507 0 0 1 2.131.516l-.542 1.593a2.808 2.808 0 0 0-1.522-.436c-.347 0-.637.1-.87.299-.233.2-.408.49-.526.87-.117.38-.177.847-.177 1.398 0 .538.047.99.14 1.36.094.37.233.65.418.84.178.187.426.29.684.285.101 0 .203-.009.306-.025.102-.017.201-.039.3-.064v-1.5h-.941v-1.628Zm-3.91-13.591 4.583 4.583v4.583H19.25v-2.75h-5.5V6.087h-5.5v7.333H6.418V4.254h10.083Zm1.832 4.583-2.75-2.75v2.75h2.75Z" }))),
|
|
1115
1115
|
},
|
|
1116
1116
|
'filetype-jpg': {
|
|
1117
|
-
markup: () => (h("g",
|
|
1117
|
+
markup: () => (h("g", { class: "fill-primary" }, h("path", { d: "M12.769 14.454c.843 0 1.476.226 1.9.678.423.45.635 1.092.635 1.925 0 .406-.052.783-.157 1.132a2.55 2.55 0 0 1-.48.912 2.177 2.177 0 0 1-.823.605c-.332.143-.724.214-1.175.214h-.38v2.714H10.34v-8.18h2.429-.001Zm-.184 1.65h-.297v2.166h.174a.898.898 0 0 0 .47-.12.77.77 0 0 0 .31-.387c.073-.177.11-.408.11-.696 0-.321-.065-.561-.191-.722-.127-.16-.32-.24-.577-.24h.001Zm6.417 1.741h2.854v4.41c-.417.165-.85.29-1.29.37a7.413 7.413 0 0 1-1.346.121c-.67 0-1.241-.165-1.709-.493-.468-.328-.825-.806-1.072-1.437-.246-.63-.369-1.395-.369-2.295 0-.876.14-1.626.42-2.248.28-.623.682-1.102 1.208-1.436.527-.333 1.16-.5 1.902-.5a4.515 4.515 0 0 1 2.132.516l-.542 1.593a2.808 2.808 0 0 0-1.522-.436c-.347 0-.637.1-.87.299-.233.2-.408.49-.526.87-.117.38-.177.847-.177 1.398 0 .538.047.99.14 1.36.094.37.233.65.418.84.178.187.426.29.684.285.101 0 .203-.009.306-.025.102-.017.201-.039.3-.064v-1.5h-.941v-1.628ZM8.987 19.528c0 .824-.094 1.47-.282 1.935-.189.468-.461.794-.817.983-.356.188-.788.282-1.295.282-.165 0-.326-.01-.487-.027a3.098 3.098 0 0 1-.465-.09v-1.65c.202.08.417.12.633.116.197 0 .353-.043.468-.13.112-.089.192-.237.24-.448.045-.211.07-.504.07-.877v-5.148h1.935v5.054ZM16.5 4.254l4.584 4.583v4.583H19.25v-2.75h-5.5V6.087h-5.5v7.333H6.416V4.254H16.5Zm1.834 4.583-2.75-2.75v2.75h2.75Z" }))),
|
|
1118
1118
|
},
|
|
1119
1119
|
'filetype-txt': {
|
|
1120
|
-
markup: () => (h("g",
|
|
1120
|
+
markup: () => (h("g", { class: "fill-primary" }, h("path", { d: "M8.358 22.131H6.422v-6.495H4.946v-1.684h4.878v1.684H8.358v6.495Zm7.644 0h-2.098l-.917-2.36-.94 2.36h-2.05l1.87-4.089-1.758-4.09h2.02l.8 2.266.744-2.266h2.065l-1.695 4.022 1.958 4.157Zm3.587 0h-1.936v-6.495h-1.478v-1.684h4.88v1.684h-1.467v6.495ZM15.744 3.87l4.583 4.583v4.583h-1.833v-2.75h-5.5V5.702h-5.5v7.333H5.661V3.87h10.083Zm1.832 4.583-2.749-2.75v2.75h2.75Z" }))),
|
|
1121
1121
|
},
|
|
1122
1122
|
'filetype-generic': {
|
|
1123
|
-
markup: () => (h("g",
|
|
1123
|
+
markup: () => (h("g", { class: "fill-primary" }, h("path", { d: "m17.05 2.267 5.5 5.5v16.5H4.95v-22h12.1Zm-3.3 2.2h-6.6v17.6h13.2v-12.1h-6.6v-5.5Zm5.5 3.3-3.3-3.3v3.3h3.3Z" }))),
|
|
1124
1124
|
},
|
|
1125
1125
|
'filetype-csv': {
|
|
1126
|
-
markup: () => (h("g",
|
|
1126
|
+
markup: () => (h("g", { class: "fill-primary" }, h("path", { d: "m15.998 3.754 4.583 4.583v4.583h-1.833l-.001-2.75h-5.5V5.587h-5.5v7.333H5.916V3.754h10.083Zm1.832 4.583-2.749-2.75v2.75h2.75ZM7.976 15.51a.801.801 0 0 0-.509.176 1.334 1.334 0 0 0-.375.51c-.1.221-.176.49-.229.808a6.653 6.653 0 0 0-.079 1.073c0 .553.048 1.013.143 1.383.096.37.239.645.429.827.19.184.429.275.715.275.266 0 .52-.05.764-.15.245-.102.49-.223.736-.365v1.746a3.17 3.17 0 0 1-.848.342 4.04 4.04 0 0 1-.965.111c-.65 0-1.196-.16-1.64-.48-.447-.322-.785-.794-1.015-1.417-.229-.623-.343-1.384-.343-2.283a6.6 6.6 0 0 1 .21-1.723c.12-.478.326-.93.606-1.336a2.82 2.82 0 0 1 .96-.865c.392-.207.83-.312 1.272-.305a3.817 3.817 0 0 1 2.037.576l-.514 1.6a3.387 3.387 0 0 0-.655-.367 1.806 1.806 0 0 0-.699-.136Zm7.061 4.14c0 .507-.105.956-.316 1.345-.21.39-.508.697-.892.918-.385.222-.838.333-1.36.333a4.92 4.92 0 0 1-.685-.047 3.685 3.685 0 0 1-.663-.16 4.167 4.167 0 0 1-.683-.308v-1.969c.321.217.651.385.988.506.338.121.646.182.925.182a.868.868 0 0 0 .395-.078.525.525 0 0 0 .23-.216.644.644 0 0 0 .075-.316.888.888 0 0 0-.062-.333c-.04-.102-.132-.216-.274-.34a5.3 5.3 0 0 0-.66-.468 7.695 7.695 0 0 1-.649-.462 2.712 2.712 0 0 1-.495-.509 2.072 2.072 0 0 1-.313-.64 2.994 2.994 0 0 1-.11-.857c0-.485.096-.905.286-1.265a1.99 1.99 0 0 1 .84-.833c.369-.197.822-.296 1.359-.296.339 0 .68.048 1.024.146.343.096.69.243 1.04.441l-.52 1.706a4.006 4.006 0 0 0-.789-.397 2.038 2.038 0 0 0-.677-.128.719.719 0 0 0-.338.07.446.446 0 0 0-.193.187.57.57 0 0 0-.062.268c0 .147.024.27.073.376.049.104.149.215.299.333.151.117.381.271.691.461.328.202.605.414.83.638.227.224.397.474.513.75.121.306.18.633.174.962Zm6.703-5.696-2.086 8.18h-2.266l-2.066-8.18h2.043l.822 4.034c.14.685.25 1.376.33 2.071.065-.469.14-.936.222-1.402.046-.26.088-.479.125-.658l.834-4.045h2.042Z" }))),
|
|
1127
1127
|
},
|
|
1128
1128
|
'filetype-docx': {
|
|
1129
|
-
markup: () => (h("g",
|
|
1129
|
+
markup: () => (h("g", { class: "fill-primary" }, h("path", { d: "m16.5 3.748 4.584 4.583v4.584H19.25v-2.75h-5.958V5.58H8.251v7.334H6.417V3.748H16.5Zm1.834 4.583-2.75-2.75h-.458v2.75h3.208ZM7.932 17.9c0 .914-.126 1.686-.378 2.316-.252.63-.62 1.11-1.103 1.436-.482.326-1.074.489-1.775.489H2.75v-8.18h2.042c.67 0 1.241.15 1.708.453.469.303.825.747 1.067 1.331.243.587.364 1.305.364 2.155Zm-1.618.073c0-.612-.057-1.114-.174-1.505-.114-.392-.287-.681-.517-.867-.229-.187-.513-.28-.852-.28h-.448v5.443h.34c.568 0 .985-.229 1.252-.687.266-.46.4-1.16.4-2.104Zm7.707.067a7.87 7.87 0 0 1-.179 1.753 4.094 4.094 0 0 1-.537 1.33 2.44 2.44 0 0 1-.904.838c-.364.195-.79.292-1.279.292-.492 0-.92-.098-1.286-.293-.37-.2-.683-.492-.907-.848a4.152 4.152 0 0 1-.536-1.332 7.83 7.83 0 0 1-.18-1.751c0-.918.11-1.689.33-2.311.22-.623.547-1.093.98-1.41.433-.317.966-.476 1.6-.476.66 0 1.204.17 1.631.51.426.338.744.823.953 1.451.21.629.314 1.378.314 2.246Zm-4.18 0c0 .626.05 1.15.147 1.57.096.419.24.733.43.944a.91.91 0 0 0 .704.317.92.92 0 0 0 .708-.308c.189-.205.33-.517.425-.935.096-.417.143-.946.143-1.588 0-.959-.106-1.672-.319-2.14-.212-.468-.531-.703-.957-.703a.908.908 0 0 0-.704.32c-.19.212-.334.53-.431.95-.097.422-.145.946-.145 1.573H9.84Zm7.511-2.842a.986.986 0 0 0-.627.212 1.58 1.58 0 0 0-.445.601 3.66 3.66 0 0 0-.263.915 7.082 7.082 0 0 0-.086 1.147c0 .609.058 1.122.174 1.542.115.42.285.738.508.953.224.217.497.325.817.325.254 0 .495-.043.722-.128.232-.088.458-.19.677-.308v1.398c-.235.131-.488.23-.758.297a3.606 3.606 0 0 1-.87.1c-.615 0-1.139-.162-1.57-.489-.43-.326-.76-.802-.987-1.427-.227-.624-.34-1.382-.34-2.273 0-.613.063-1.174.192-1.688.128-.513.318-.959.568-1.337a2.73 2.73 0 0 1 .92-.881 2.466 2.466 0 0 1 1.25-.314c.329 0 .646.042.951.123.306.083.602.21.885.382l-.447 1.298a3.053 3.053 0 0 0-.61-.329 1.797 1.797 0 0 0-.66-.119Zm7.398 6.942h-1.683l-1.013-2.736-1.064 2.736h-1.639l1.814-4.157-1.662-4.023h1.622l.896 2.58.883-2.58h1.65l-1.639 4.012 1.835 4.169Z" }))),
|
|
1130
1130
|
},
|
|
1131
1131
|
'filetype-gif': {
|
|
1132
|
-
markup: () => (h("g",
|
|
1132
|
+
markup: () => (h("g", { class: "fill-primary" }, h("path", { d: "m16.002 3.754 4.583 4.583v4.583H18.75v-2.75h-5.5V5.587h-5.5v7.333H5.918V3.754h10.084Zm1.833 4.583-2.75-2.75v2.75h2.75Zm-8.77 9.008h2.854v4.41c-.417.165-.849.29-1.29.37a7.405 7.405 0 0 1-1.346.121c-.67 0-1.24-.165-1.708-.493-.469-.328-.825-.806-1.073-1.437-.246-.63-.368-1.395-.368-2.295 0-.876.14-1.626.42-2.248.279-.623.681-1.102 1.208-1.436.526-.333 1.16-.5 1.902-.5a4.52 4.52 0 0 1 2.131.516l-.542 1.592a2.808 2.808 0 0 0-1.521-.436c-.348 0-.638.1-.871.299-.233.2-.408.49-.526.87-.117.381-.177.847-.177 1.398 0 .538.047.99.14 1.36.094.37.233.65.418.84a.92.92 0 0 0 .685.285c.1 0 .202-.009.305-.025.103-.017.202-.039.3-.064v-1.5h-.94v-1.628.001Zm4.09 4.79v-8.18h1.947v8.18h-1.947Zm5.248 0h-1.947v-8.18h3.916v1.65h-1.969v1.751h1.824v1.65h-1.824v3.129Z" }))),
|
|
1133
1133
|
},
|
|
1134
1134
|
'filetype-iso': {
|
|
1135
|
-
markup: () => (h("g",
|
|
1135
|
+
markup: () => (h("g", { class: "fill-primary" }, h("path", { d: "m16 3.748 4.583 4.583v4.584H18.75v-2.75h-5.5V5.58h-5.5v7.334H5.915V3.748H16Zm1.833 4.583-2.75-2.75v2.75h2.75Zm-11.83 13.81V13.96H7.95v8.18H6.003Zm7.543-2.485c0 .507-.106.955-.317 1.346-.21.39-.508.695-.893.916-.384.223-.836.334-1.359.334a4.93 4.93 0 0 1-.686-.048 3.685 3.685 0 0 1-.662-.16 4.167 4.167 0 0 1-.683-.307v-1.97c.32.217.65.386.988.507.296.113.609.175.926.182a.868.868 0 0 0 .394-.079.525.525 0 0 0 .23-.215.644.644 0 0 0 .075-.316.888.888 0 0 0-.061-.333c-.041-.103-.133-.216-.275-.341a5.3 5.3 0 0 0-.66-.468 7.695 7.695 0 0 1-.65-.46 2.711 2.711 0 0 1-.494-.51 2.072 2.072 0 0 1-.314-.641 2.994 2.994 0 0 1-.109-.855c0-.486.095-.908.286-1.265a1.99 1.99 0 0 1 .839-.835c.37-.197.822-.296 1.36-.296.338 0 .68.049 1.023.146.344.097.69.244 1.042.442l-.521 1.707a4.006 4.006 0 0 0-.788-.398 2.038 2.038 0 0 0-.679-.128.719.719 0 0 0-.337.07.446.446 0 0 0-.194.187.57.57 0 0 0-.06.269.87.87 0 0 0 .072.375c.048.104.147.215.3.332.15.118.38.272.69.462.3.18.58.394.83.638.226.223.397.474.512.75.122.305.181.633.175.962Zm6.953-1.617c0 .686-.066 1.291-.198 1.815s-.33.964-.593 1.32a2.53 2.53 0 0 1-.973.807c-.387.18-.833.27-1.34.27-.505 0-.95-.09-1.338-.274a2.567 2.567 0 0 1-.979-.808c-.265-.356-.464-.797-.598-1.323-.135-.526-.202-1.132-.202-1.818 0-.91.12-1.678.356-2.3.236-.623.586-1.095 1.051-1.415.465-.321 1.034-.482 1.71-.482.678 0 1.248.159 1.708.476.461.317.809.788 1.044 1.412.235.625.352 1.399.352 2.319Zm-4.195 0c0 .555.04 1.02.123 1.393.082.373.204.651.366.836a.77.77 0 0 0 .602.277.773.773 0 0 0 .607-.269c.158-.178.275-.453.352-.825.076-.37.115-.842.115-1.412 0-.865-.089-1.504-.266-1.916-.178-.412-.447-.619-.808-.619a.763.763 0 0 0-.602.283c-.162.188-.284.47-.366.845-.083.375-.123.843-.123 1.407Z" }))),
|
|
1136
1136
|
},
|
|
1137
1137
|
'filetype-otf': {
|
|
1138
|
-
markup: () => (h("g",
|
|
1138
|
+
markup: () => (h("g", { class: "fill-primary" }, h("path", { d: "m16.001 4.248 4.584 4.583v4.584H18.75v-2.75h-5.5V6.08h-5.5v7.334H5.918V4.248h10.083Zm1.833 4.583-2.75-2.75v2.75h2.75Zm-6.63 9.708c0 .686-.066 1.291-.199 1.815-.132.524-.33.964-.593 1.32a2.518 2.518 0 0 1-.973.807c-.385.18-.832.27-1.34.27-.503 0-.949-.09-1.338-.274a2.579 2.579 0 0 1-.978-.808c-.266-.356-.465-.797-.598-1.323-.135-.526-.202-1.132-.202-1.818 0-.91.12-1.678.356-2.3.236-.623.586-1.095 1.051-1.415.465-.321 1.034-.482 1.71-.482.678 0 1.248.159 1.708.476.461.317.809.788 1.044 1.412.235.625.352 1.399.352 2.319Zm-4.196 0c0 .555.041 1.02.124 1.393.082.373.204.651.366.836a.77.77 0 0 0 .602.277.773.773 0 0 0 .607-.269c.158-.178.275-.453.351-.825.078-.37.116-.842.116-1.412 0-.865-.089-1.504-.266-1.916-.178-.412-.447-.619-.808-.619a.763.763 0 0 0-.602.283c-.162.189-.284.47-.366.845-.083.375-.124.843-.124 1.407Zm8.253 4.101h-1.936v-6.495h-1.476V14.46h4.878v1.685h-1.465v6.495h-.001Zm4.285 0H17.6v-8.18h3.917v1.65h-1.97v1.752h1.824v1.65h-1.824v3.128Z" }))),
|
|
1139
1139
|
},
|
|
1140
1140
|
'filetype-svg': {
|
|
1141
|
-
markup: () => (h("g",
|
|
1141
|
+
markup: () => (h("g", { class: "fill-primary" }, h("path", { d: "m16.002 4.254 4.584 4.583v4.583h-1.834v-2.75h-5.5V6.087h-5.5v7.333H5.92V4.254h10.083Zm1.834 4.583-2.75-2.75v2.75h2.75ZM9.083 20.15c0 .507-.105.956-.316 1.345-.21.39-.508.697-.892.918-.385.222-.838.333-1.36.333a4.92 4.92 0 0 1-.685-.047 3.685 3.685 0 0 1-.663-.16 4.167 4.167 0 0 1-.683-.308v-1.969c.321.217.65.385.988.506.338.121.646.182.926.182a.868.868 0 0 0 .394-.078.525.525 0 0 0 .229-.216.644.644 0 0 0 .076-.316.888.888 0 0 0-.061-.333.986.986 0 0 0-.274-.34 5.3 5.3 0 0 0-.66-.468 7.695 7.695 0 0 1-.65-.462 2.712 2.712 0 0 1-.495-.509 2.072 2.072 0 0 1-.313-.64 2.994 2.994 0 0 1-.11-.857c0-.485.096-.905.286-1.265a1.99 1.99 0 0 1 .84-.833c.37-.197.822-.296 1.36-.296.338 0 .68.048 1.023.146.343.096.69.243 1.04.441l-.52 1.706a4.006 4.006 0 0 0-.789-.397 2.038 2.038 0 0 0-.677-.128.719.719 0 0 0-.338.07.446.446 0 0 0-.193.187.57.57 0 0 0-.062.268c0 .147.025.27.073.376.049.104.148.215.3.333.15.117.38.271.69.461.328.202.605.414.83.638.227.224.398.474.513.75.122.306.18.633.174.962Zm6.703-5.696-2.087 8.18h-2.265l-2.066-8.18h2.043l.822 4.034c.14.685.25 1.376.33 2.071.066-.469.14-.936.222-1.402.046-.26.088-.479.126-.658l.834-4.045h2.041Zm3.38 3.391h2.852v4.41c-.416.165-.847.29-1.288.37a7.413 7.413 0 0 1-1.346.121c-.672 0-1.241-.165-1.71-.493-.467-.328-.825-.806-1.071-1.437-.246-.63-.37-1.395-.37-2.295 0-.876.14-1.626.42-2.248.28-.623.683-1.102 1.21-1.436.525-.333 1.159-.5 1.901-.5a4.54 4.54 0 0 1 2.132.515l-.543 1.594a2.808 2.808 0 0 0-1.522-.436c-.346 0-.637.1-.87.299-.232.2-.408.49-.526.87-.117.38-.176.847-.176 1.398 0 .538.046.99.14 1.36.093.37.232.65.417.84a.917.917 0 0 0 .685.285c.101 0 .202-.009.305-.025.1-.017.2-.038.3-.064v-1.5h-.94v-1.628Z" }))),
|
|
1142
1142
|
},
|
|
1143
1143
|
'filetype-xlsx': {
|
|
1144
|
-
markup: () => (h("g",
|
|
1144
|
+
markup: () => (h("g", { class: "fill-primary" }, h("path", { d: "m16.251 3.754 4.584 4.583v4.583H19v-2.75h-5.5V5.587H8v7.333H6.168V3.754h10.083Zm1.834 4.583-2.75-2.75v2.75h2.75ZM8.606 22.135H6.507l-.916-2.362-.94 2.362h-2.05l1.87-4.09-1.758-4.09h2.02l.8 2.265.744-2.266h2.064l-1.695 4.023 1.959 4.158Zm.37 0v-8.18h1.948v6.507h2.131v1.673h-4.08.002Zm9.05-2.485c0 .507-.106.956-.317 1.345-.21.39-.508.697-.892.918-.385.223-.838.333-1.36.333a4.92 4.92 0 0 1-.685-.047 3.685 3.685 0 0 1-.663-.16 4.167 4.167 0 0 1-.683-.308v-1.969c.321.217.651.385.988.506.338.121.646.182.925.182a.868.868 0 0 0 .395-.078.525.525 0 0 0 .23-.216.644.644 0 0 0 .075-.316.888.888 0 0 0-.062-.333c-.04-.102-.132-.216-.274-.34a5.3 5.3 0 0 0-.66-.468 7.695 7.695 0 0 1-.649-.462 2.711 2.711 0 0 1-.495-.509 2.072 2.072 0 0 1-.313-.64 2.994 2.994 0 0 1-.11-.857c0-.485.096-.905.286-1.265a1.99 1.99 0 0 1 .84-.833c.369-.197.822-.296 1.359-.296.339 0 .681.049 1.024.146.343.096.69.243 1.04.441l-.52 1.706a4.006 4.006 0 0 0-.789-.396 2.038 2.038 0 0 0-.677-.129.719.719 0 0 0-.338.07.446.446 0 0 0-.193.187.57.57 0 0 0-.062.268c0 .147.024.27.073.376.049.104.149.215.299.333.151.117.381.271.691.461.328.202.605.414.831.638.226.224.396.474.512.75.121.306.18.633.174.962Zm6.374 2.485h-2.1l-.916-2.362-.94 2.362h-2.049l1.87-4.09-1.758-4.09h2.02l.8 2.265.744-2.266h2.065l-1.696 4.023 1.959 4.158Z" }))),
|
|
1145
1145
|
},
|
|
1146
1146
|
'filetype-xml': {
|
|
1147
|
-
markup: () => (h("g",
|
|
1147
|
+
markup: () => (h("g", { class: "fill-primary" }, h("path", { d: "m16.248 3.869 4.583 4.583v4.583h-1.833v-2.75h-5.5V5.702h-5.5v7.333H6.165V3.87h10.083Zm1.832 4.583-2.749-2.75v2.75h2.75Zm-8.57 13.68h-2.1l-.916-2.361-.94 2.36H3.505l1.87-4.089-1.758-4.09h2.02l.8 2.266.744-2.266h2.065L7.55 17.974l1.959 4.157Zm3.838 0-1.41-5.5h-.045c.034.454.06.91.079 1.365.007.206.01.399.01.582v3.552h-1.818v-8.179h2.67l1.27 4.912h.033l1.275-4.912h2.646v8.18H16.19v-3.587c0-.205.004-.41.011-.612.016-.434.038-.868.067-1.302h-.045l-1.431 5.5h-1.444Zm6.064 0v-8.18h1.947v6.506h2.133v1.673h-4.08Z" }))),
|
|
1148
1148
|
},
|
|
1149
1149
|
revert: {
|
|
1150
|
-
markup: () => (h("g",
|
|
1150
|
+
markup: () => (h("g", { class: "fill-primary" }, h("path", { d: "M15.252 7.267v5.586l2.914 2.914-1.415 1.414-3.5-3.5V7.267h2Zm-1-4c5.522 0 10 4.477 10 10s-4.477 10-10 10a9.966 9.966 0 0 1-7.07-2.928l1.412-1.415a7.966 7.966 0 0 0 5.658 2.343 8 8 0 1 0-8-8h2l-3 3-3-3h2c0-5.523 4.477-10 10-10Z" }))),
|
|
1151
1151
|
},
|
|
1152
1152
|
'info-filled': {
|
|
1153
|
-
markup: () => (h("g",
|
|
1153
|
+
markup: () => (h("g", { class: "filled" }, h("path", { d: "M13 2.267c6.075 0 11 4.925 11 11 0 6.076-4.925 11-11 11s-11-4.924-11-11c0-6.075 4.925-11 11-11Zm1.1 8.8h-2.2v7.7h2.2v-7.7ZM13 6.942a1.375 1.375 0 1 0 0 2.75 1.375 1.375 0 0 0 0-2.75Z" }))),
|
|
1154
1154
|
},
|
|
1155
1155
|
info: {
|
|
1156
|
-
markup: () => (h("g",
|
|
1156
|
+
markup: () => (h("g", { class: "filled" }, h("path", { d: "M13.499 2.267c6.075 0 11 4.925 11 11 0 6.076-4.925 11-11 11s-11-4.924-11-11c0-6.075 4.925-11 11-11Zm0 2.2a8.8 8.8 0 1 0 0 17.6 8.8 8.8 0 0 0 0-17.6Zm1.1 6.6v7.7h-2.2v-7.7h2.2Zm-1.1-4.125a1.375 1.375 0 1 1 0 2.75 1.375 1.375 0 0 1 0-2.75Z" }))),
|
|
1157
1157
|
},
|
|
1158
1158
|
'success-filled': {
|
|
1159
|
-
markup: () => (h("g",
|
|
1159
|
+
markup: () => (h("g", { class: "filled" }, h("path", { d: "M13 2.267c6.075 0 11 4.925 11 11 0 6.076-4.925 11-11 11s-11-4.924-11-11c0-6.075 4.925-11 11-11Zm4.722 6.92-5.822 5.82-2.522-2.52-1.556 1.555L11.9 18.12l7.378-7.378-1.556-1.556Z" }))),
|
|
1160
1160
|
},
|
|
1161
1161
|
success: {
|
|
1162
|
-
markup: () => (h("g",
|
|
1162
|
+
markup: () => (h("g", { class: "filled" }, h("path", { d: "M13.501 2.267c6.075 0 11 4.925 11 11 0 6.076-4.925 11-11 11s-11-4.924-11-11c0-6.075 4.925-11 11-11Zm0 2.2a8.8 8.8 0 1 0 0 17.6 8.8 8.8 0 0 0 0-17.6Zm4.722 4.72 1.556 1.555L12.4 18.12l-4.078-4.078 1.556-1.556 2.522 2.522 5.822-5.822Z" }))),
|
|
1163
1163
|
},
|
|
1164
1164
|
'warning-filled': {
|
|
1165
|
-
markup: () => (h("g",
|
|
1165
|
+
markup: () => (h("g", { class: "filled" }, h("path", { d: "M13.25 2.267c6.075 0 11 4.925 11 11 0 6.076-4.925 11-11 11-6.076 0-11-4.924-11-11 0-6.075 4.924-11 11-11Zm0 14.575a1.375 1.375 0 1 0 0 2.75 1.375 1.375 0 0 0 0-2.75Zm1.1-9.625h-2.2v8.25h2.2v-8.25Z" }))),
|
|
1166
1166
|
},
|
|
1167
1167
|
warning: {
|
|
1168
|
-
markup: () => (h("g",
|
|
1168
|
+
markup: () => (h("g", { class: "filled" }, h("path", { d: "M13.75 2.267c6.076 0 11 4.925 11 11 0 6.076-4.924 11-11 11-6.075 0-11-4.924-11-11 0-6.075 4.925-11 11-11Zm0 2.2a8.8 8.8 0 1 0 0 17.6 8.8 8.8 0 0 0 0-17.6Zm0 12.375a1.375 1.375 0 1 1 0 2.75 1.375 1.375 0 0 1 0-2.75Zm1.1-9.625v8.25h-2.2v-8.25h2.2Z" }))),
|
|
1169
1169
|
},
|
|
1170
1170
|
'error-filled': {
|
|
1171
|
-
markup: () => (h("g",
|
|
1171
|
+
markup: () => (h("g", { class: "filled" }, h("path", { d: "M12.76 2.5a1.087 1.087 0 0 1 1.459.478l9.914 19.598a1.087 1.087 0 0 1-.97 1.576H3.336a1.087 1.087 0 0 1-.97-1.576L12.28 2.979c.105-.207.272-.374.478-.48h.001Zm.49 15.676a1.358 1.358 0 1 0 0 2.716 1.358 1.358 0 0 0 0-2.716Zm1.086-8.15h-2.173v7.063h2.173v-7.062Z" }))),
|
|
1172
1172
|
},
|
|
1173
1173
|
error: {
|
|
1174
|
-
markup: () => (h("g",
|
|
1174
|
+
markup: () => (h("g", { class: "filled" }, h("path", { d: "m14.719 2.87 9.913 19.803a1.106 1.106 0 0 1-.2 1.27 1.092 1.092 0 0 1-.77.324H3.836c-.17 0-.339-.04-.49-.118a1.103 1.103 0 0 1-.48-1.476L12.78 2.87a1.081 1.081 0 0 1 1.939 0Zm-.97 2.927L5.603 22.07h16.291L13.749 5.8v-.002Zm.136 12.459a1.375 1.375 0 1 1 0 2.75 1.375 1.375 0 0 1 0-2.75Zm1.1-8.25v7.15h-2.2v-7.15h2.2Z" }))),
|
|
1175
1175
|
},
|
|
1176
1176
|
};
|
|
1177
1177
|
export default icons;
|
|
@@ -5,6 +5,7 @@ export class Q2Icon {
|
|
|
5
5
|
constructor() {
|
|
6
6
|
this.type = undefined;
|
|
7
7
|
this.label = undefined;
|
|
8
|
+
this.inline = undefined;
|
|
8
9
|
}
|
|
9
10
|
get iconMarkup() {
|
|
10
11
|
return (icons[this.type] && icons[this.type].markup()) || '';
|
|
@@ -90,6 +91,23 @@ export class Q2Icon {
|
|
|
90
91
|
},
|
|
91
92
|
"attribute": "label",
|
|
92
93
|
"reflect": true
|
|
94
|
+
},
|
|
95
|
+
"inline": {
|
|
96
|
+
"type": "boolean",
|
|
97
|
+
"mutable": false,
|
|
98
|
+
"complexType": {
|
|
99
|
+
"original": "boolean",
|
|
100
|
+
"resolved": "boolean",
|
|
101
|
+
"references": {}
|
|
102
|
+
},
|
|
103
|
+
"required": false,
|
|
104
|
+
"optional": false,
|
|
105
|
+
"docs": {
|
|
106
|
+
"tags": [],
|
|
107
|
+
"text": ""
|
|
108
|
+
},
|
|
109
|
+
"attribute": "inline",
|
|
110
|
+
"reflect": true
|
|
93
111
|
}
|
|
94
112
|
};
|
|
95
113
|
}
|
|
@@ -231,7 +231,7 @@ export class Q2Input {
|
|
|
231
231
|
date: 'tel',
|
|
232
232
|
'credit-card': 'tel',
|
|
233
233
|
};
|
|
234
|
-
if (['password', 'text'].includes(this.type) && this.textHidden) {
|
|
234
|
+
if (['password', 'text', 'ssn'].includes(this.type) && this.textHidden) {
|
|
235
235
|
return 'password';
|
|
236
236
|
}
|
|
237
237
|
else {
|
|
@@ -337,7 +337,7 @@ export class Q2Input {
|
|
|
337
337
|
}
|
|
338
338
|
/* tslint:disable:cyclomatic-complexity */
|
|
339
339
|
inputContainerDOM() {
|
|
340
|
-
return (h("div", { class: "input-container" }, h("div", { class: "input-icons-container-left" }, this.formattedValueObject.prefix && (h("span", { class: "input-prefix" }, this.formattedValueObject.prefix)), this.computedIconLeft && (h("q2-icon", { type: this.computedIconLeft, class: this.computedClassForIconLeft })), this.showIconSeparator && h("div", { class: "vertical-separator" }), this.hasError && this.type === 'currency' && (h("q2-icon", { type: "error", class: "icon-error" }))), this.pseudo ? this.pseudoInputDOM() : this.standardInputDOM(), h("div", { class: "input-icons-container-right" }, this.canClear && (h("q2-btn", { class: "btn-clear", ariaLabel: loc('tecton.element.input.clear', [this.label]), "test-id": "clearButton", onClick: this.onClearInput }, h("q2-icon", { type: "close", class: "icon-clear" }))), ['password', 'text'].includes(this.type) && this.showVisibilityToggle && (h("q2-btn", { class: "btn-visibility-toggle", "test-id": "toggleVisibilityButton", onClick: this.onToggleVisibility }, this.visibilityToggleText)), this.formattedValueObject.suffix && (h("span", { class: "input-suffix" }, this.formattedValueObject.suffix)), this.badgeValue && (h("q2-badge", { size: "large", theme: this.badgeTheme }, this.badgeValue)), this.iconRight && !this.formattedValueObject.suffix && (h("q2-icon", { type: this.iconRight, class: "icon-right" })), this.hasError && this.type !== 'currency' && (h("q2-icon", { type: "error", class: "icon-error" })))));
|
|
340
|
+
return (h("div", { class: "input-container" }, h("div", { class: "input-icons-container-left" }, this.formattedValueObject.prefix && (h("span", { class: "input-prefix" }, this.formattedValueObject.prefix)), this.computedIconLeft && (h("q2-icon", { type: this.computedIconLeft, class: this.computedClassForIconLeft })), this.showIconSeparator && h("div", { class: "vertical-separator" }), this.hasError && this.type === 'currency' && (h("q2-icon", { type: "error", class: "icon-error" }))), this.pseudo ? this.pseudoInputDOM() : this.standardInputDOM(), h("div", { class: "input-icons-container-right" }, this.canClear && (h("q2-btn", { class: "btn-clear", ariaLabel: loc('tecton.element.input.clear', [this.label]), "test-id": "clearButton", onClick: this.onClearInput }, h("q2-icon", { type: "close", class: "icon-clear" }))), ['password', 'text', 'ssn'].includes(this.type) && this.showVisibilityToggle && (h("q2-btn", { class: "btn-visibility-toggle", "test-id": "toggleVisibilityButton", onClick: this.onToggleVisibility }, this.visibilityToggleText)), this.formattedValueObject.suffix && (h("span", { class: "input-suffix" }, this.formattedValueObject.suffix)), this.badgeValue && (h("q2-badge", { size: "large", theme: this.badgeTheme }, this.badgeValue)), this.iconRight && !this.formattedValueObject.suffix && (h("q2-icon", { type: this.iconRight, class: "icon-right" })), this.hasError && this.type !== 'currency' && (h("q2-icon", { type: "error", class: "icon-error" })))));
|
|
341
341
|
}
|
|
342
342
|
/* tslint:enable:cyclomatic-complexity */
|
|
343
343
|
/* tslint:disable:cyclomatic-complexity */
|
|
@@ -154,6 +154,7 @@ label {
|
|
|
154
154
|
color: var(--tct-input-font-color, var(--t-input-font-color, var(--t-text, inherit)));
|
|
155
155
|
display: inline-block;
|
|
156
156
|
text-align: var(--tct-input-align, "start");
|
|
157
|
+
font-weight: var(--tct-input-font-weight, var(--t-input-font-weight, 400));
|
|
157
158
|
/* To remove up/down arrow in number field for webkit based browser */
|
|
158
159
|
/* For Firefox */
|
|
159
160
|
}
|
|
@@ -25,10 +25,7 @@ export class Q2Section {
|
|
|
25
25
|
}, 1000);
|
|
26
26
|
};
|
|
27
27
|
this.onHeaderSlotChange = () => {
|
|
28
|
-
|
|
29
|
-
const hasSlotContent = this.headerSlot
|
|
30
|
-
? this.headerSlot.assignedNodes().length > 0
|
|
31
|
-
: (_b = (_a = this.headerSlotWrapper) === null || _a === void 0 ? void 0 : _a.children.length) !== null && _b !== void 0 ? _b : 0 > 0;
|
|
28
|
+
const hasSlotContent = !!this.hostElement.querySelector('[slot="q2-section-header"]');
|
|
32
29
|
if (this.hasYieldedHeader !== hasSlotContent) {
|
|
33
30
|
this.hasYieldedHeader = !!hasSlotContent;
|
|
34
31
|
}
|
|
@@ -155,7 +152,8 @@ export class Q2Section {
|
|
|
155
152
|
else if (contentHeight)
|
|
156
153
|
wrapperClasses.push('is-transitioning');
|
|
157
154
|
}
|
|
158
|
-
|
|
155
|
+
const showDefaultHeader = !this.hasYieldedHeader && !!this.label;
|
|
156
|
+
return (h("section", { class: "wrapper" }, h("header", { class: hasHeader ? 'has-header' : '' }, h("div", { class: "header-content", id: this.titleId, onClick: this.collapsible && this.onHeaderClick }, showDefaultHeader && h("h2", { class: "title" }, loc(this.label)), h("div", { ref: el => (this.headerSlotWrapper = el), class: "header-slot-wrapper" }, h("slot", { ref: (el) => (this.headerSlot = el), name: "q2-section-header" }))), this.collapsible && !this.noCollapseIcon && (h("q2-btn", { label: loc(this.label || 'tecton.element.section.defaultToggleLabel'), ariaExpanded: `${!!this.expanded}`, ariaControls: this.contentId, "test-id": "toggleButton", "hide-label": true, onClick: this.onHeaderClick }, h("q2-icon", { type: "chevron-up" })))), h("div", { class: wrapperClasses.join(' '), id: this.contentId, "aria-labelledby": this.titleId, role: "region", onTransitionEnd: this.onTransitionEnd, style: this.collapsible && {
|
|
159
157
|
height: this.contentHeight,
|
|
160
158
|
} }, h("div", { ref: el => (this.contentContainer = el), class: "content", tabindex: "-1" }, h("slot", { ref: (el) => (this.contentSlot = el) })))));
|
|
161
159
|
}
|
|
@@ -176,9 +176,9 @@ export class Q2Stepper {
|
|
|
176
176
|
const btnLabel = !label && loc('tecton.element.stepper.number', [`${stepNumber}`, `${stepCount}`]);
|
|
177
177
|
let statusIcon;
|
|
178
178
|
if (status === 'complete')
|
|
179
|
-
statusIcon = 'success';
|
|
179
|
+
statusIcon = 'success-filled';
|
|
180
180
|
else if (status === 'error')
|
|
181
|
-
statusIcon = 'warning';
|
|
181
|
+
statusIcon = 'warning-filled';
|
|
182
182
|
const stepClasses = ['step-btn'];
|
|
183
183
|
if (status)
|
|
184
184
|
stepClasses.push(`status-${status}`);
|
|
@@ -177,9 +177,19 @@ li {
|
|
|
177
177
|
}
|
|
178
178
|
.step-icon q2-icon,
|
|
179
179
|
.step-bubble q2-icon {
|
|
180
|
-
fill: var(--comp-active-color);
|
|
181
|
-
|
|
182
|
-
|
|
180
|
+
--tct-icon-fill: var(--comp-active-color);
|
|
181
|
+
}
|
|
182
|
+
.step-icon q2-icon:before,
|
|
183
|
+
.step-bubble q2-icon:before {
|
|
184
|
+
content: "";
|
|
185
|
+
display: block;
|
|
186
|
+
background: var(--comp-bullet-font-color);
|
|
187
|
+
position: absolute;
|
|
188
|
+
width: 80%;
|
|
189
|
+
height: 80%;
|
|
190
|
+
left: 11%;
|
|
191
|
+
top: 11%;
|
|
192
|
+
border-radius: 50%;
|
|
183
193
|
}
|
|
184
194
|
.status-complete .step-icon, .status-error .step-icon,
|
|
185
195
|
.status-complete .step-bubble,
|
|
@@ -232,15 +232,22 @@ export class Q2AdvancedStepper {
|
|
|
232
232
|
const btnLabel = !label && loc('tecton.element.advancedStepper.number', [`${stepNumber}`, `${structuredPanes.length}`]);
|
|
233
233
|
let statusIcon;
|
|
234
234
|
if (status === 'complete')
|
|
235
|
-
statusIcon = 'success';
|
|
235
|
+
statusIcon = 'success-filled';
|
|
236
236
|
else if (status === 'error')
|
|
237
|
-
statusIcon = 'warning';
|
|
237
|
+
statusIcon = 'warning-filled';
|
|
238
238
|
const stepClasses = ['step-btn'];
|
|
239
239
|
if (status)
|
|
240
240
|
stepClasses.push(`status-${status}`);
|
|
241
241
|
const childIds = pane.children.map(child => child.id);
|
|
242
242
|
const isExpanded = isCurrentStep || childIds.includes(currentStepId);
|
|
243
|
-
return (h("li", { role: "presentation" }, h("button", { class: stepClasses.join(' '), type: "button", "aria-labelledby": labelId, "aria-describedBy": descriptionId, "aria-label": btnLabel, "aria-selected": `${isCurrentStep}`, "aria-expanded": !!pane.children.length ? `${isExpanded}` : null, "aria-controls": id, "aria-disabled": isLocked ? 'true' : null, role: "tab", tabIndex: isCurrentStep ? 0 : -1, onKeyDown: ev => !isLocked && this.onStepKeyDown(ev, id), onClick: ev => !isLocked && this.onStepClick(ev, id) }, statusIcon ? (h("div", { class: "step-icon" }, h("q2-icon", { type: statusIcon }))) : (h("div", { class: "step-bubble" }, stepNumber)), label && (h("div", null, h("div", { class: "step-label", id: labelId }, stepLabel), description && (h("div", { class: "step-description", id: descriptionId }, loc(description)))))),
|
|
243
|
+
return (h("li", { role: "presentation" }, h("button", { class: stepClasses.join(' '), type: "button", "aria-labelledby": labelId, "aria-describedBy": descriptionId, "aria-label": btnLabel, "aria-selected": `${isCurrentStep}`, "aria-expanded": !!pane.children.length ? `${isExpanded}` : null, "aria-controls": id, "aria-disabled": isLocked ? 'true' : null, role: "tab", tabIndex: isCurrentStep ? 0 : -1, onKeyDown: ev => !isLocked && this.onStepKeyDown(ev, id), onClick: ev => !isLocked && this.onStepClick(ev, id) }, statusIcon ? (h("div", { class: "step-icon" }, h("q2-icon", { type: statusIcon }))) : (h("div", { class: "step-bubble" }, stepNumber)), label && (h("div", null, h("div", { class: "step-label", id: labelId }, stepLabel), description && (h("div", { class: "step-description", id: descriptionId }, loc(description)))))), this.renderSpacer(pane, stepLabel, isExpanded, isLastStep)));
|
|
244
|
+
}
|
|
245
|
+
renderSpacer(pane, stepLabel, isExpanded, isLastStep) {
|
|
246
|
+
const shouldRender = (isLastStep && !!pane.children.length) || !isLastStep;
|
|
247
|
+
const spacerClasses = ['spacer'];
|
|
248
|
+
if (!isLastStep)
|
|
249
|
+
spacerClasses.push('has-sibling');
|
|
250
|
+
return (shouldRender && (h("div", { class: spacerClasses.join(' ') }, !!pane.children.length && (h("ul", { ref: el => isExpanded && (this.expandedStepChildrenList = el), "aria-hidden": `${!isExpanded}` }, pane.children.map((child, index, children) => this.renderChildStepBtn(child, index, children.length, stepLabel)))))));
|
|
244
251
|
}
|
|
245
252
|
renderChildStepBtn(pane, index, children, parentLabel) {
|
|
246
253
|
const { currentStepId } = this;
|
|
@@ -252,7 +259,7 @@ export class Q2AdvancedStepper {
|
|
|
252
259
|
const btnLabel = !label && loc('tecton.element.advancedStepper.childNumber', [`${stepNumber}`, `${children}`, parentLabel]);
|
|
253
260
|
let statusIcon;
|
|
254
261
|
if (status === 'error')
|
|
255
|
-
statusIcon = 'warning';
|
|
262
|
+
statusIcon = 'warning-filled';
|
|
256
263
|
const stepClasses = ['step-child-btn'];
|
|
257
264
|
if (status)
|
|
258
265
|
stepClasses.push(`status-${status}`);
|
|
@@ -202,13 +202,14 @@ ul ul[aria-hidden=true] {
|
|
|
202
202
|
grid-area: icon;
|
|
203
203
|
width: var(--comp-btn-icon-size);
|
|
204
204
|
height: var(--comp-btn-icon-size);
|
|
205
|
+
line-height: 0;
|
|
205
206
|
}
|
|
206
207
|
.step-icon q2-icon,
|
|
207
208
|
.step-bubble q2-icon,
|
|
208
209
|
.step-child-icon q2-icon {
|
|
209
210
|
width: var(--comp-btn-icon-size);
|
|
210
211
|
height: var(--comp-btn-icon-size);
|
|
211
|
-
--tct-icon-
|
|
212
|
+
--tct-icon-fill: var(--comp-active-color);
|
|
212
213
|
}
|
|
213
214
|
|
|
214
215
|
.step-icon,
|
|
@@ -224,7 +225,19 @@ ul ul[aria-hidden=true] {
|
|
|
224
225
|
}
|
|
225
226
|
.step-icon q2-icon,
|
|
226
227
|
.step-bubble q2-icon {
|
|
227
|
-
--tct-icon-
|
|
228
|
+
--tct-icon-fill: var(--comp-active-color);
|
|
229
|
+
}
|
|
230
|
+
.step-icon q2-icon:before,
|
|
231
|
+
.step-bubble q2-icon:before {
|
|
232
|
+
content: "";
|
|
233
|
+
display: block;
|
|
234
|
+
background: var(--t-base, #ffffff);
|
|
235
|
+
position: absolute;
|
|
236
|
+
width: 80%;
|
|
237
|
+
height: 80%;
|
|
238
|
+
left: 11%;
|
|
239
|
+
top: 11%;
|
|
240
|
+
border-radius: 50%;
|
|
228
241
|
}
|
|
229
242
|
.status-locked .step-icon,
|
|
230
243
|
.status-locked .step-bubble {
|
|
@@ -253,7 +266,7 @@ ul ul[aria-hidden=true] {
|
|
|
253
266
|
}
|
|
254
267
|
|
|
255
268
|
.spacer {
|
|
256
|
-
height:
|
|
269
|
+
height: 0;
|
|
257
270
|
border-left-width: var(--tct-advanced-stepper-child-border-width, var(--t-advanced-stepper-child-border-width, 1px));
|
|
258
271
|
border-left-style: var(--tct-advanced-stepper-child-border-style, var(--t-advanced-stepper-child-border-style, solid));
|
|
259
272
|
border-left-color: var(--tct-advanced-stepper-child-border-color, var(--t-advanced-stepper-child-border-color, var(--t-gray-12, #d9d9d9)));
|
|
@@ -261,6 +274,9 @@ ul ul[aria-hidden=true] {
|
|
|
261
274
|
margin-left: calc(var(--comp-top-btn-icon-size) / 2);
|
|
262
275
|
transition: height var(--comp-tween);
|
|
263
276
|
}
|
|
277
|
+
.spacer.has-sibling {
|
|
278
|
+
height: var(--tct-advanced-stepper-spacer-height, var(--t-advanced-stepper-spacer-height, var(--app-scale-6x, 30px)));
|
|
279
|
+
}
|
|
264
280
|
.spacer ul {
|
|
265
281
|
opacity: 0;
|
|
266
282
|
transition: opacity var(--comp-tween);
|