q2-tecton-elements 1.62.6 → 1.63.1

package/dist/collection/components/q2-icon/assets/icon-list.json

@@ -1 +1 @@
-["a11y","add","airplane","alarm-clock","ambulance","android","apple","arrow-down","arrow-left","arrow-right","arrow-up","arts","atv","backpack","bank","barchart","barchart-trend","bed","bell","bicycle","boat","box","brand-autobooks-color","brand-autobooks-filled","brand-facebook-color","brand-facebook-filled","brand-instagram-color","brand-instagram-filled","brand-linkedin-color","brand-linkedin-filled","brand-messenger-color","brand-messenger-filled","brand-payrecs-color","brand-payrecs-filled","brand-snapchat-color","brand-snapchat-filled","brand-twitter-color","brand-twitter-filled","brand-vimeo-color","brand-vimeo-filled","brand-x-color","brand-x-filled","brand-youtube-color","brand-youtube-filled","brand-zelle-color","brand-zelle-filled","brand-zelle-name-color","brand-zelle-name-filled","briefcase","browser-chrome","browser-chrome-color","browser-chrome-filled","browser-edge","browser-edge-color","browser-edge-filled","browser-firefox","browser-firefox-color","browser-firefox-filled","browser-ie","browser-ie-color","browser-ie-filled","browser-opera","browser-opera-color","browser-opera-filled","browser-safari","browser-safari-color","browser-safari-filled","bubble-graph","bug","buildings","buildings-2","calculator","calendar","calendar-confirm","calendar-create","calendar-pay","calendar-remove","calendar-repeat","calendar-skip","calendar-time","call-color","call-filled","camera","car","car-front","card","card-add","card-amazon","card-amazon-color","card-amex","card-amex-color","card-applepay","card-applepay-color","card-bitcoin","card-bitcoin-color","card-dinersclub","card-dinersclub-color","card-discover","card-discover-color","card-edit","card-gift","card-googlepay","card-googlepay-color","card-heart","card-in-hand","card-insert","card-jcb","card-jcb-color","card-join","card-locked","card-maestro","card-maestro-color","card-mastercard","card-mastercard-color","card-more","card-paypal","card-paypal-color","card-prohibited","card-remove","card-scissors","card-star","card-stripe","card-stripe-color","card-success","card-unknown","card-update","card-visa","card-visa-color","cart","cart-moving","cash","cash-bills","cash-coins","cash-in-hand","cash-register","certificate","chat","chat-bubbles","chat-question","chat-round","check","check-add","check-dollar","check-edit","check-remove","check-shield","checkmark","checkmark-outline","chevron-double-left","chevron-double-right","chevron-down","chevron-left","chevron-right","chevron-up","clipboard","close","coins","compass","conversation","copy","coupon","credit-score","currency-dollar","currency-dollar-circle","currency-euro","currency-pound","currency-yen","dashboard","delivery-truck","desktop","diploma","divider","document","document-add","document-checklist","document-remove","download","drag-handle","edit","ellipsis","error","error-filled","external-link","eye-hide","eye-show","face-id","factory","failed","filebox","filetype-csv","filetype-doc","filetype-docx","filetype-generic","filetype-gif","filetype-iso","filetype-jpg","filetype-otf","filetype-pdf","filetype-png","filetype-ppt","filetype-svg","filetype-txt","filetype-xls","filetype-xlsx","filetype-xml","filter","fingerprint","flag","gear","gesture-hand","gesture-scroll-horizontal","gesture-scroll-vertical","gesture-stretch","gesture-swipe-down","gesture-swipe-left","gesture-swipe-right","gesture-swipe-up","gesture-tap","gift","gold-bars","government","gps","graduation-cap","grid-x2","grid-x3","hamburger-menu","hand","hand-with-coins","hand-with-key","handshake","headset","health","heart","heart-add","heart-remove","home","home-chimney","home-gear","id-badge","inbox","inbox-checked","inbox-full","info","info-filled","ios","key","laptop","law","leaf","lightbulb","linechart","linechart-trend","link","list","location","location-base","location-prohibited","lock","logout","loop","mail","math","medal","megaphone","message-forward","message-reply","message-response","microscope","mobile-button","mobile-edit","mobile-fast-dollar","mobile-heart","mobile-location","mobile-lock","mobile-remove","mobile-rotate","mobile-search","mobile-settings","mobile-time","money-time","mortgage","motorcycle","motorhome","mountains","movie","music","nest-egg","newspaper","options","os-android","os-android-color","os-android-filled","os-apple","os-apple-color","os-apple-filled","os-windows","os-windows-color","os-windows-filled","palette","paper-plane","paperclip","pause","paw","people","people-group","percent","person","person-add","person-lock","person-remove","person-settings","person-to-person","personal-care","phone","piechart","piechart-expanded","piggy-bank","play","pricetag","pricetag-blank","pricetag-time","print","prohibited","question","receipt","receipt-list","receipt-list-top","receipt-top","refresh","remove","repeat","repeat-time","revert","ribbon","ring","roadblock","rss-color","rss-filled","save","school","search","section","service","shield","sign","sign-closed","sign-open","sign-sale","sign-sold","silverware","skip","sms-color","sms-filled","sort","speedometer","split","star","star-add","star-remove","statements","steering-wheel","stop-payment","storefront","storefront-add","storefront-prohibited","storefront-remove","storefront-settings","success","success-filled","tablet","target","taxi","time","todo","tools","tractor","transfer","transfer-receive","transfer-send","trash","tree","truck-with-lock","umbrella","unlink","upload","venmo-colored","venmo-filled","virus","wallet","warning","warning-filled","watch","world","zoom-in","zoom-out"]
+["a11y","add","airplane","alarm-clock","ambulance","android","apple","arrow-down","arrow-left","arrow-right","arrow-up","arts","atv","backpack","bank","barchart","barchart-trend","bed","bell","bicycle","boat","box","brand-autobooks-color","brand-autobooks-filled","brand-facebook-color","brand-facebook-filled","brand-instagram-color","brand-instagram-filled","brand-linkedin-color","brand-linkedin-filled","brand-messenger-color","brand-messenger-filled","brand-payrecs-color","brand-payrecs-filled","brand-snapchat-color","brand-snapchat-filled","brand-twitter-color","brand-twitter-filled","brand-vimeo-color","brand-vimeo-filled","brand-x-color","brand-x-filled","brand-youtube-color","brand-youtube-filled","brand-zelle-color","brand-zelle-filled","brand-zelle-name-color","brand-zelle-name-filled","briefcase","browser-chrome","browser-chrome-color","browser-chrome-filled","browser-edge","browser-edge-color","browser-edge-filled","browser-firefox","browser-firefox-color","browser-firefox-filled","browser-ie","browser-ie-color","browser-ie-filled","browser-opera","browser-opera-color","browser-opera-filled","browser-safari","browser-safari-color","browser-safari-filled","bubble-graph","bug","buildings","buildings-2","calculator","calendar","calendar-confirm","calendar-create","calendar-pay","calendar-remove","calendar-repeat","calendar-skip","calendar-time","call-color","call-filled","camera","car","car-front","card","card-add","card-amazon","card-amazon-color","card-amex","card-amex-color","card-apple-pay","card-applepay","card-applepay-color","card-bitcoin","card-bitcoin-color","card-dinersclub","card-dinersclub-color","card-discover","card-discover-color","card-edit","card-gift","card-google-pay","card-googlepay","card-googlepay-color","card-heart","card-in-hand","card-insert","card-jcb","card-jcb-color","card-join","card-locked","card-maestro","card-maestro-color","card-mastercard","card-mastercard-color","card-more","card-paypal","card-paypal-color","card-prohibited","card-remove","card-scissors","card-star","card-stripe","card-stripe-color","card-success","card-unknown","card-update","card-visa","card-visa-color","cart","cart-moving","cash","cash-bills","cash-coins","cash-in-hand","cash-register","certificate","chat","chat-bubbles","chat-question","chat-round","check","check-add","check-dollar","check-edit","check-remove","check-shield","checkmark","checkmark-outline","chevron-double-left","chevron-double-right","chevron-down","chevron-left","chevron-right","chevron-up","clipboard","close","coins","compass","conversation","copy","coupon","credit-score","currency-dollar","currency-dollar-circle","currency-euro","currency-pound","currency-yen","dashboard","delivery-truck","desktop","diploma","divider","document","document-add","document-checklist","document-remove","download","drag-handle","edit","ellipsis","error","error-filled","external-link","eye-hide","eye-show","face-id","factory","failed","filebox","filetype-csv","filetype-doc","filetype-docx","filetype-generic","filetype-gif","filetype-iso","filetype-jpg","filetype-otf","filetype-pdf","filetype-png","filetype-ppt","filetype-svg","filetype-txt","filetype-xls","filetype-xlsx","filetype-xml","filter","fingerprint","flag","gear","gesture-hand","gesture-scroll-horizontal","gesture-scroll-vertical","gesture-stretch","gesture-swipe-down","gesture-swipe-left","gesture-swipe-right","gesture-swipe-up","gesture-tap","gift","gold-bars","government","gps","graduation-cap","grid-x2","grid-x3","hamburger-menu","hand","hand-with-coins","hand-with-key","handshake","headset","health","heart","heart-add","heart-remove","home","home-chimney","home-gear","id-badge","inbox","inbox-checked","inbox-full","info","info-filled","ios","key","laptop","law","leaf","lightbulb","linechart","linechart-trend","link","list","location","location-base","location-prohibited","lock","logout","loop","mail","math","medal","megaphone","message-forward","message-reply","message-response","microscope","mobile-button","mobile-edit","mobile-fast-dollar","mobile-heart","mobile-location","mobile-lock","mobile-remove","mobile-rotate","mobile-search","mobile-settings","mobile-time","money-time","mortgage","motorcycle","motorhome","mountains","movie","music","nest-egg","newspaper","options","os-android","os-android-color","os-android-filled","os-apple","os-apple-color","os-apple-filled","os-windows","os-windows-color","os-windows-filled","palette","paper-plane","paperclip","pause","paw","people","people-group","percent","person","person-add","person-lock","person-remove","person-settings","person-to-person","personal-care","phone","piechart","piechart-expanded","piggy-bank","play","pricetag","pricetag-blank","pricetag-time","print","prohibited","question","receipt","receipt-list","receipt-list-top","receipt-top","refresh","remove","repeat","repeat-time","revert","ribbon","ring","roadblock","rss-color","rss-filled","save","school","search","section","service","shield","sign","sign-closed","sign-open","sign-sale","sign-sold","silverware","skip","sms-color","sms-filled","sort","speedometer","split","star","star-add","star-remove","statements","steering-wheel","stop-payment","storefront","storefront-add","storefront-prohibited","storefront-remove","storefront-settings","success","success-filled","tablet","target","taxi","time","todo","tools","tractor","transfer","transfer-receive","transfer-send","trash","tree","truck-with-lock","umbrella","unlink","upload","venmo-colored","venmo-filled","virus","wallet","warning","warning-filled","watch","world","zoom-in","zoom-out"]

package/dist/collection/components/q2-icon/assets/icon-map.json

@@ -1 +1 @@
-{"a11y":"standard","add":"standard","airplane":"standard","alarm-clock":"standard","ambulance":"standard","android":"browsersos","apple":"standard","arrow-down":"standard","arrow-left":"standard","arrow-right":"standard","arrow-up":"standard","arts":"standard","atv":"standard","backpack":"standard","bank":"standard","barchart":"standard","barchart-trend":"standard","bed":"standard","bell":"standard","bicycle":"standard","boat":"standard","box":"standard","brand-autobooks-color":"brand","brand-autobooks-filled":"brand","brand-facebook-color":"brand","brand-facebook-filled":"brand","brand-instagram-color":"brand","brand-instagram-filled":"brand","brand-linkedin-color":"brand","brand-linkedin-filled":"brand","brand-messenger-color":"brand","brand-messenger-filled":"brand","brand-payrecs-color":"brand","brand-payrecs-filled":"brand","brand-snapchat-color":"brand","brand-snapchat-filled":"brand","brand-twitter-color":"brand","brand-twitter-filled":"brand","brand-vimeo-color":"brand","brand-vimeo-filled":"brand","brand-x-color":"brand","brand-x-filled":"brand","brand-youtube-color":"brand","brand-youtube-filled":"brand","brand-zelle-color":"brand","brand-zelle-filled":"brand","brand-zelle-name-color":"brand","brand-zelle-name-filled":"brand","briefcase":"standard","browser-chrome":"browsersos","browser-chrome-color":"browsersos","browser-chrome-filled":"browsersos","browser-edge":"browsersos","browser-edge-color":"browsersos","browser-edge-filled":"browsersos","browser-firefox":"browsersos","browser-firefox-color":"browsersos","browser-firefox-filled":"browsersos","browser-ie":"browsersos","browser-ie-color":"browsersos","browser-ie-filled":"browsersos","browser-opera":"browsersos","browser-opera-color":"browsersos","browser-opera-filled":"browsersos","browser-safari":"browsersos","browser-safari-color":"browsersos","browser-safari-filled":"browsersos","bubble-graph":"standard","bug":"standard","buildings":"standard","buildings-2":"standard","calculator":"standard","calendar":"standard","calendar-confirm":"legacy","calendar-create":"standard","calendar-pay":"standard","calendar-remove":"standard","calendar-repeat":"standard","calendar-skip":"standard","calendar-time":"standard","call-color":"legacy","call-filled":"legacy","camera":"standard","car":"standard","car-front":"standard","card":"cards","card-add":"cards","card-amazon":"cards","card-amazon-color":"cards","card-amex":"cards","card-amex-color":"cards","card-applepay":"cards","card-applepay-color":"cards","card-bitcoin":"cards","card-bitcoin-color":"cards","card-dinersclub":"cards","card-dinersclub-color":"cards","card-discover":"cards","card-discover-color":"cards","card-edit":"cards","card-gift":"cards","card-googlepay":"cards","card-googlepay-color":"cards","card-heart":"cards","card-in-hand":"cards","card-insert":"cards","card-jcb":"cards","card-jcb-color":"cards","card-join":"cards","card-locked":"cards","card-maestro":"cards","card-maestro-color":"cards","card-mastercard":"cards","card-mastercard-color":"cards","card-more":"cards","card-paypal":"cards","card-paypal-color":"cards","card-prohibited":"cards","card-remove":"cards","card-scissors":"cards","card-star":"cards","card-stripe":"cards","card-stripe-color":"cards","card-success":"cards","card-unknown":"cards","card-update":"cards","card-visa":"cards","card-visa-color":"cards","cart":"standard","cart-moving":"standard","cash":"standard","cash-bills":"standard","cash-coins":"standard","cash-in-hand":"standard","cash-register":"standard","certificate":"standard","chat":"communication","chat-bubbles":"communication","chat-question":"communication","chat-round":"communication","check":"standard","check-add":"standard","check-dollar":"standard","check-edit":"standard","check-remove":"standard","check-shield":"standard","checkmark":"standard","checkmark-outline":"standard","chevron-double-left":"standard","chevron-double-right":"standard","chevron-down":"standard","chevron-left":"standard","chevron-right":"standard","chevron-up":"standard","clipboard":"standard","close":"standard","coins":"standard","compass":"standard","conversation":"standard","copy":"standard","coupon":"standard","credit-score":"standard","currency-dollar":"currencies","currency-dollar-circle":"currencies","currency-euro":"currencies","currency-pound":"currencies","currency-yen":"currencies","dashboard":"standard","delivery-truck":"standard","desktop":"devices","diploma":"standard","divider":"standard","document":"standard","document-add":"standard","document-checklist":"standard","document-remove":"standard","download":"standard","drag-handle":"standard","edit":"standard","ellipsis":"standard","error":"status","error-filled":"status","external-link":"standard","eye-hide":"standard","eye-show":"standard","face-id":"standard","factory":"standard","failed":"standard","filebox":"standard","filetype-csv":"filetypes","filetype-doc":"filetypes","filetype-docx":"filetypes","filetype-generic":"filetypes","filetype-gif":"filetypes","filetype-iso":"filetypes","filetype-jpg":"filetypes","filetype-otf":"filetypes","filetype-pdf":"filetypes","filetype-png":"filetypes","filetype-ppt":"filetypes","filetype-svg":"filetypes","filetype-txt":"filetypes","filetype-xls":"filetypes","filetype-xlsx":"filetypes","filetype-xml":"filetypes","filter":"standard","fingerprint":"standard","flag":"standard","gear":"standard","gesture-hand":"gestures","gesture-scroll-horizontal":"gestures","gesture-scroll-vertical":"gestures","gesture-stretch":"gestures","gesture-swipe-down":"gestures","gesture-swipe-left":"gestures","gesture-swipe-right":"gestures","gesture-swipe-up":"gestures","gesture-tap":"gestures","gift":"standard","gold-bars":"standard","government":"standard","gps":"standard","graduation-cap":"standard","grid-x2":"standard","grid-x3":"standard","hamburger-menu":"standard","hand":"standard","hand-with-coins":"standard","hand-with-key":"standard","handshake":"standard","headset":"standard","health":"standard","heart":"standard","heart-add":"standard","heart-remove":"standard","home":"standard","home-chimney":"standard","home-gear":"standard","id-badge":"standard","inbox":"standard","inbox-checked":"standard","inbox-full":"standard","info":"status","info-filled":"status","ios":"browsersos","key":"standard","laptop":"devices","law":"standard","leaf":"standard","lightbulb":"standard","linechart":"standard","linechart-trend":"standard","link":"standard","list":"standard","location":"standard","location-base":"standard","location-prohibited":"standard","lock":"standard","logout":"standard","loop":"standard","mail":"standard","math":"standard","medal":"standard","megaphone":"standard","message-forward":"standard","message-reply":"standard","message-response":"standard","microscope":"standard","mobile-button":"mobile","mobile-edit":"mobile","mobile-fast-dollar":"standard","mobile-heart":"mobile","mobile-location":"mobile","mobile-lock":"mobile","mobile-remove":"mobile","mobile-rotate":"mobile","mobile-search":"mobile","mobile-settings":"mobile","mobile-time":"mobile","money-time":"standard","mortgage":"standard","motorcycle":"standard","motorhome":"standard","mountains":"standard","movie":"standard","music":"standard","nest-egg":"standard","newspaper":"standard","options":"standard","os-android":"browsersos","os-android-color":"browsersos","os-android-filled":"browsersos","os-apple":"browsersos","os-apple-color":"browsersos","os-apple-filled":"browsersos","os-windows":"browsersos","os-windows-color":"browsersos","os-windows-filled":"browsersos","palette":"standard","paper-plane":"standard","paperclip":"standard","pause":"standard","paw":"standard","people":"standard","people-group":"standard","percent":"standard","person":"standard","person-add":"standard","person-lock":"standard","person-remove":"standard","person-settings":"standard","person-to-person":"standard","personal-care":"standard","phone":"devices","piechart":"standard","piechart-expanded":"standard","piggy-bank":"standard","play":"standard","pricetag":"standard","pricetag-blank":"standard","pricetag-time":"standard","print":"standard","prohibited":"standard","question":"standard","receipt":"standard","receipt-list":"standard","receipt-list-top":"standard","receipt-top":"standard","refresh":"standard","remove":"standard","repeat":"standard","repeat-time":"standard","revert":"legacy","ribbon":"standard","ring":"standard","roadblock":"standard","rss-color":"legacy","rss-filled":"legacy","save":"standard","school":"standard","search":"standard","section":"standard","service":"standard","shield":"standard","sign":"standard","sign-closed":"standard","sign-open":"standard","sign-sale":"standard","sign-sold":"standard","silverware":"standard","skip":"standard","sms-color":"legacy","sms-filled":"legacy","sort":"standard","speedometer":"standard","split":"standard","star":"standard","star-add":"standard","star-remove":"standard","statements":"standard","steering-wheel":"standard","stop-payment":"standard","storefront":"standard","storefront-add":"standard","storefront-prohibited":"standard","storefront-remove":"standard","storefront-settings":"standard","success":"status","success-filled":"status","tablet":"devices","target":"standard","taxi":"standard","time":"standard","todo":"standard","tools":"standard","tractor":"standard","transfer":"standard","transfer-receive":"standard","transfer-send":"standard","trash":"standard","tree":"standard","truck-with-lock":"standard","umbrella":"standard","unlink":"standard","upload":"standard","venmo-colored":"brand","venmo-filled":"brand","virus":"standard","wallet":"standard","warning":"status","warning-filled":"status","watch":"standard","world":"standard","zoom-in":"standard","zoom-out":"standard"}
+{"a11y":"standard","add":"standard","airplane":"standard","alarm-clock":"standard","ambulance":"standard","android":"browsersos","apple":"standard","arrow-down":"standard","arrow-left":"standard","arrow-right":"standard","arrow-up":"standard","arts":"standard","atv":"standard","backpack":"standard","bank":"standard","barchart":"standard","barchart-trend":"standard","bed":"standard","bell":"standard","bicycle":"standard","boat":"standard","box":"standard","brand-autobooks-color":"brand","brand-autobooks-filled":"brand","brand-facebook-color":"brand","brand-facebook-filled":"brand","brand-instagram-color":"brand","brand-instagram-filled":"brand","brand-linkedin-color":"brand","brand-linkedin-filled":"brand","brand-messenger-color":"brand","brand-messenger-filled":"brand","brand-payrecs-color":"brand","brand-payrecs-filled":"brand","brand-snapchat-color":"brand","brand-snapchat-filled":"brand","brand-twitter-color":"brand","brand-twitter-filled":"brand","brand-vimeo-color":"brand","brand-vimeo-filled":"brand","brand-x-color":"brand","brand-x-filled":"brand","brand-youtube-color":"brand","brand-youtube-filled":"brand","brand-zelle-color":"brand","brand-zelle-filled":"brand","brand-zelle-name-color":"brand","brand-zelle-name-filled":"brand","briefcase":"standard","browser-chrome":"browsersos","browser-chrome-color":"browsersos","browser-chrome-filled":"browsersos","browser-edge":"browsersos","browser-edge-color":"browsersos","browser-edge-filled":"browsersos","browser-firefox":"browsersos","browser-firefox-color":"browsersos","browser-firefox-filled":"browsersos","browser-ie":"browsersos","browser-ie-color":"browsersos","browser-ie-filled":"browsersos","browser-opera":"browsersos","browser-opera-color":"browsersos","browser-opera-filled":"browsersos","browser-safari":"browsersos","browser-safari-color":"browsersos","browser-safari-filled":"browsersos","bubble-graph":"standard","bug":"standard","buildings":"standard","buildings-2":"standard","calculator":"standard","calendar":"standard","calendar-confirm":"legacy","calendar-create":"standard","calendar-pay":"standard","calendar-remove":"standard","calendar-repeat":"standard","calendar-skip":"standard","calendar-time":"standard","call-color":"legacy","call-filled":"legacy","camera":"standard","car":"standard","car-front":"standard","card":"cards","card-add":"cards","card-amazon":"cards","card-amazon-color":"cards","card-amex":"cards","card-amex-color":"cards","card-apple-pay":"cards","card-applepay":"cards","card-applepay-color":"cards","card-bitcoin":"cards","card-bitcoin-color":"cards","card-dinersclub":"cards","card-dinersclub-color":"cards","card-discover":"cards","card-discover-color":"cards","card-edit":"cards","card-gift":"cards","card-google-pay":"cards","card-googlepay":"cards","card-googlepay-color":"cards","card-heart":"cards","card-in-hand":"cards","card-insert":"cards","card-jcb":"cards","card-jcb-color":"cards","card-join":"cards","card-locked":"cards","card-maestro":"cards","card-maestro-color":"cards","card-mastercard":"cards","card-mastercard-color":"cards","card-more":"cards","card-paypal":"cards","card-paypal-color":"cards","card-prohibited":"cards","card-remove":"cards","card-scissors":"cards","card-star":"cards","card-stripe":"cards","card-stripe-color":"cards","card-success":"cards","card-unknown":"cards","card-update":"cards","card-visa":"cards","card-visa-color":"cards","cart":"standard","cart-moving":"standard","cash":"standard","cash-bills":"standard","cash-coins":"standard","cash-in-hand":"standard","cash-register":"standard","certificate":"standard","chat":"communication","chat-bubbles":"communication","chat-question":"communication","chat-round":"communication","check":"standard","check-add":"standard","check-dollar":"standard","check-edit":"standard","check-remove":"standard","check-shield":"standard","checkmark":"standard","checkmark-outline":"standard","chevron-double-left":"standard","chevron-double-right":"standard","chevron-down":"standard","chevron-left":"standard","chevron-right":"standard","chevron-up":"standard","clipboard":"standard","close":"standard","coins":"standard","compass":"standard","conversation":"standard","copy":"standard","coupon":"standard","credit-score":"standard","currency-dollar":"currencies","currency-dollar-circle":"currencies","currency-euro":"currencies","currency-pound":"currencies","currency-yen":"currencies","dashboard":"standard","delivery-truck":"standard","desktop":"devices","diploma":"standard","divider":"standard","document":"standard","document-add":"standard","document-checklist":"standard","document-remove":"standard","download":"standard","drag-handle":"standard","edit":"standard","ellipsis":"standard","error":"status","error-filled":"status","external-link":"standard","eye-hide":"standard","eye-show":"standard","face-id":"standard","factory":"standard","failed":"standard","filebox":"standard","filetype-csv":"filetypes","filetype-doc":"filetypes","filetype-docx":"filetypes","filetype-generic":"filetypes","filetype-gif":"filetypes","filetype-iso":"filetypes","filetype-jpg":"filetypes","filetype-otf":"filetypes","filetype-pdf":"filetypes","filetype-png":"filetypes","filetype-ppt":"filetypes","filetype-svg":"filetypes","filetype-txt":"filetypes","filetype-xls":"filetypes","filetype-xlsx":"filetypes","filetype-xml":"filetypes","filter":"standard","fingerprint":"standard","flag":"standard","gear":"standard","gesture-hand":"gestures","gesture-scroll-horizontal":"gestures","gesture-scroll-vertical":"gestures","gesture-stretch":"gestures","gesture-swipe-down":"gestures","gesture-swipe-left":"gestures","gesture-swipe-right":"gestures","gesture-swipe-up":"gestures","gesture-tap":"gestures","gift":"standard","gold-bars":"standard","government":"standard","gps":"standard","graduation-cap":"standard","grid-x2":"standard","grid-x3":"standard","hamburger-menu":"standard","hand":"standard","hand-with-coins":"standard","hand-with-key":"standard","handshake":"standard","headset":"standard","health":"standard","heart":"standard","heart-add":"standard","heart-remove":"standard","home":"standard","home-chimney":"standard","home-gear":"standard","id-badge":"standard","inbox":"standard","inbox-checked":"standard","inbox-full":"standard","info":"status","info-filled":"status","ios":"browsersos","key":"standard","laptop":"devices","law":"standard","leaf":"standard","lightbulb":"standard","linechart":"standard","linechart-trend":"standard","link":"standard","list":"standard","location":"standard","location-base":"standard","location-prohibited":"standard","lock":"standard","logout":"standard","loop":"standard","mail":"standard","math":"standard","medal":"standard","megaphone":"standard","message-forward":"standard","message-reply":"standard","message-response":"standard","microscope":"standard","mobile-button":"mobile","mobile-edit":"mobile","mobile-fast-dollar":"standard","mobile-heart":"mobile","mobile-location":"mobile","mobile-lock":"mobile","mobile-remove":"mobile","mobile-rotate":"mobile","mobile-search":"mobile","mobile-settings":"mobile","mobile-time":"mobile","money-time":"standard","mortgage":"standard","motorcycle":"standard","motorhome":"standard","mountains":"standard","movie":"standard","music":"standard","nest-egg":"standard","newspaper":"standard","options":"standard","os-android":"browsersos","os-android-color":"browsersos","os-android-filled":"browsersos","os-apple":"browsersos","os-apple-color":"browsersos","os-apple-filled":"browsersos","os-windows":"browsersos","os-windows-color":"browsersos","os-windows-filled":"browsersos","palette":"standard","paper-plane":"standard","paperclip":"standard","pause":"standard","paw":"standard","people":"standard","people-group":"standard","percent":"standard","person":"standard","person-add":"standard","person-lock":"standard","person-remove":"standard","person-settings":"standard","person-to-person":"standard","personal-care":"standard","phone":"devices","piechart":"standard","piechart-expanded":"standard","piggy-bank":"standard","play":"standard","pricetag":"standard","pricetag-blank":"standard","pricetag-time":"standard","print":"standard","prohibited":"standard","question":"standard","receipt":"standard","receipt-list":"standard","receipt-list-top":"standard","receipt-top":"standard","refresh":"standard","remove":"standard","repeat":"standard","repeat-time":"standard","revert":"legacy","ribbon":"standard","ring":"standard","roadblock":"standard","rss-color":"legacy","rss-filled":"legacy","save":"standard","school":"standard","search":"standard","section":"standard","service":"standard","shield":"standard","sign":"standard","sign-closed":"standard","sign-open":"standard","sign-sale":"standard","sign-sold":"standard","silverware":"standard","skip":"standard","sms-color":"legacy","sms-filled":"legacy","sort":"standard","speedometer":"standard","split":"standard","star":"standard","star-add":"standard","star-remove":"standard","statements":"standard","steering-wheel":"standard","stop-payment":"standard","storefront":"standard","storefront-add":"standard","storefront-prohibited":"standard","storefront-remove":"standard","storefront-settings":"standard","success":"status","success-filled":"status","tablet":"devices","target":"standard","taxi":"standard","time":"standard","todo":"standard","tools":"standard","tractor":"standard","transfer":"standard","transfer-receive":"standard","transfer-send":"standard","trash":"standard","tree":"standard","truck-with-lock":"standard","umbrella":"standard","unlink":"standard","upload":"standard","venmo-colored":"brand","venmo-filled":"brand","virus":"standard","wallet":"standard","warning":"status","warning-filled":"status","watch":"standard","world":"standard","zoom-in":"standard","zoom-out":"standard"}

package/dist/collection/components/q2-icon/q2-icon.js

@@ -8,6 +8,10 @@ export class Q2Icon {
     }
     // #endregion
     // #region Component Lifecycle Events
+    disconnectedCallback() {
+        this.spriteGroup = null;
+        this.spriteUse = null;
+    }
     componentWillLoad() {
         this.handleIcon();
     }
@@ -20,10 +24,6 @@ export class Q2Icon {
         // We have to set the `href` attribute after the symbol is appended to the DOM to avoid a bug in Safari
         (_d = this.spriteUse) === null || _d === void 0 ? void 0 : _d.setAttribute('href', `#${appendedClone.id}`);
     }
-    disconnectedCallback() {
-        this.spriteGroup = null;
-        this.spriteUse = null;
-    }
     // #endregion
     // #region Watchers
     handleIcon() {

package/dist/collection/components/q2-icon/q2-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"q2-icon.js","sourceRoot":"","sources":["../../../../src/components/q2-icon/q2-icon.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, ComponentInterface, Prop, h, Element, Watch, getAssetPath, State } from '@stencil/core';\nimport { createGuid } from 'src/utils';\nimport { getOrCreateSpriteContainer } from '@/utils/sprites';\nimport iconMap from './assets/icon-map.json';\n\n@Component({ tag: 'q2-icon', shadow: true, styleUrl: 'q2-icon.scss', assetsDirs: ['assets'] })\nexport class Q2Icon implements ComponentInterface {\n    // #region Own Properties\n\n    spriteGroup: SVGElement;\n    spritePrefix: string = 'tecton-sprite-';\n    spriteUse: SVGElement;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region State Properties\n\n    @State()\n    iconClone: SVGSymbolElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /** Styles the component to have a `height` and `width` of `1em`, making it easy to place alongside text. */\n    @Prop({ reflect: true })\n    inline: boolean;\n\n    /** The text that is presented by screen-readers when they encounter the icon. */\n    @Prop({ reflect: true })\n    label: string;\n\n    /** The name of the icon to be displayed. */\n    @Prop({ reflect: true })\n    type: string;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    componentWillLoad() {\n        this.handleIcon();\n    }\n\n    componentDidRender(): void {\n        if (!this.iconClone) return;\n        this.spriteGroup?.firstElementChild?.remove();\n        const appendedClone = this.spriteGroup?.appendChild(this.iconClone);\n\n        // We have to set the `href` attribute after the symbol is appended to the DOM to avoid a bug in Safari\n        this.spriteUse?.setAttribute('href', `#${appendedClone.id}`);\n    }\n\n    disconnectedCallback(): void {\n        this.spriteGroup = null;\n        this.spriteUse = null;\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('type')\n    handleIcon() {\n        if (this.isCustom) {\n            this.setCustomSVGAttrs();\n        } else if (this.type) {\n            this.fetchSprite();\n        } else {\n            this.iconClone = null;\n            this.spriteGroup?.firstElementChild?.remove();\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get iconCloneViewBox() {\n        return this.iconClone?.getAttribute('viewBox') ?? '0 0 24 24';\n    }\n\n    get isCustom() {\n        return this.type === 'custom';\n    }\n\n    get spriteElement() {\n        const { spriteId } = this;\n        if (!spriteId) return;\n        return document.querySelector<HTMLElement>(`#${spriteId}`);\n    }\n\n    get spriteEventName() {\n        const { spriteFileName } = this;\n        if (!spriteFileName) return;\n        return `tct-loaded-${spriteFileName}`;\n    }\n\n    get spriteFileName() {\n        if (this.isCustom) return;\n        return iconMap[this.type];\n    }\n\n    get spriteId() {\n        const { spriteFileName } = this;\n        if (!spriteFileName) return;\n        return `${this.spritePrefix}${spriteFileName}`;\n    }\n\n    checkForSprite() {\n        const { spriteId, spriteEventName } = this;\n        const spriteContainer = getOrCreateSpriteContainer();\n        let spriteElement: HTMLElement = document.getElementById(spriteId);\n\n        // If the sprite element exists and has the `data-loaded` attribute, we know we have everything we need\n        if (spriteElement?.hasAttribute('data-loaded') ?? false) {\n            this.cloneSpriteNode();\n            return true;\n        }\n\n        // If the sprite element exists but does not have the `data-loaded` attribute, we know it's being loaded\n        // We'll listen for the event that will be dispatched when the sprite is loaded\n        spriteContainer.addEventListener(\n            spriteEventName,\n            () => {\n                this.cloneSpriteNode();\n            },\n            { once: true }\n        );\n\n        // If the sprite element exists, we know it's being loaded and will be handled by the event listener\n        if (spriteElement) return true;\n\n        // If sprite element does not exist, create a placeholder\n        // This will let other icons know the sprite is being loaded\n        spriteElement = document.createElement('div');\n        spriteElement.id = spriteId;\n        spriteContainer.appendChild(spriteElement);\n        return false;\n    }\n\n    cloneSpriteNode() {\n        const spriteNode = document.getElementById(`tct-${this.type}`);\n        this.iconClone = spriteNode ? (spriteNode.cloneNode(true) as SVGSymbolElement) : undefined;\n    }\n\n    async fetchSprite() {\n        const { spriteFileName, spriteId, spriteEventName } = this;\n\n        const spriteExists = this.checkForSprite();\n        if (spriteExists) return;\n\n        if (!spriteFileName) return;\n        const spritePath = getAssetPath(`assets/${spriteFileName}.symbol.svg`);\n        const response = await fetch(spritePath);\n        const data = await response.text();\n        const wrappingDiv = document.createElement('div');\n        wrappingDiv.innerHTML = data;\n        const svg = wrappingDiv.querySelector('svg');\n\n        svg.id = spriteId;\n        svg.setAttribute('data-loaded', '');\n\n        let { spriteElement } = this;\n        if (spriteElement?.tagName === 'SVG') return;\n\n        if (typeof spriteElement.replaceWith === 'function') {\n            spriteElement.replaceWith(svg);\n        } else {\n            spriteElement.parentNode.replaceChild(svg, spriteElement);\n        }\n\n        spriteElement = document.getElementById(spriteId);\n        spriteElement.dispatchEvent(new CustomEvent(spriteEventName, { bubbles: true }));\n    }\n\n    setCustomSVGAttrs() {\n        const innerSVG = this.hostElement.querySelector('svg');\n\n        if (!innerSVG) return;\n\n        innerSVG.setAttribute('role', 'img');\n        innerSVG.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n\n        const { label } = this;\n        if (label) {\n            const title = document.createElement('title');\n            const labelId = `label-${createGuid()}`;\n            title.id = labelId;\n            title.textContent = label;\n            innerSVG.appendChild(title);\n            innerSVG.setAttribute('aria-labelledby', labelId);\n        } else {\n            innerSVG.setAttribute('aria-hidden', 'true');\n        }\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const { label, type } = this;\n        return this.isCustom ? (\n            <slot />\n        ) : (\n            <svg\n                aria-hidden={!!label ? undefined : 'true'}\n                role={!!label ? 'img' : undefined}\n                aria-labelledby={!!label ? 'label' : undefined}\n                viewBox={this.iconCloneViewBox}\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class={this.spriteFileName}\n            >\n                {!!label && <title id=\"label\">{label}</title>}\n                {!!type && <use ref={el => (this.spriteUse = el)} />}\n                <g ref={el => (this.spriteGroup = el)}></g>\n            </svg>\n        );\n    }\n\n    // #endregion\n}\n"]}
+{"version":3,"file":"q2-icon.js","sourceRoot":"","sources":["../../../../src/components/q2-icon/q2-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC5G,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,OAAO,MAAM,wBAAwB,CAAC;AAG7C,MAAM,OAAO,MAAM;IADnB;QAKI,iBAAY,GAAW,gBAAgB,CAAC;KAoN3C;IAtLG,aAAa;IACb,qCAAqC;IAErC,oBAAoB;QAChB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IAC1B,CAAC;IAED,iBAAiB;QACb,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAED,kBAAkB;;QACd,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE,OAAO;QAC5B,MAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,iBAAiB,0CAAE,MAAM,EAAE,CAAC;QAC9C,MAAM,aAAa,GAAG,MAAA,IAAI,CAAC,WAAW,0CAAE,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEpE,uGAAuG;QACvG,MAAA,IAAI,CAAC,SAAS,0CAAE,YAAY,CAAC,MAAM,EAAE,IAAI,aAAa,CAAC,EAAE,EAAE,CAAC,CAAC;IACjE,CAAC;IAED,aAAa;IACb,mBAAmB;IAGnB,UAAU;;QACN,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC7B,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACnB,IAAI,CAAC,WAAW,EAAE,CAAC;QACvB,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,MAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,iBAAiB,0CAAE,MAAM,EAAE,CAAC;QAClD,CAAC;IACL,CAAC;IAED,aAAa;IACb,wBAAwB;IAExB,IAAI,gBAAgB;;QAChB,OAAO,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,YAAY,CAAC,SAAS,CAAC,mCAAI,WAAW,CAAC;IAClE,CAAC;IAED,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC;IAClC,CAAC;IAED,IAAI,aAAa;QACb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,OAAO,QAAQ,CAAC,aAAa,CAAc,IAAI,QAAQ,EAAE,CAAC,CAAC;IAC/D,CAAC;IAED,IAAI,eAAe;QACf,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;QAChC,IAAI,CAAC,cAAc;YAAE,OAAO;QAC5B,OAAO,cAAc,cAAc,EAAE,CAAC;IAC1C,CAAC;IAED,IAAI,cAAc;QACd,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,OAAO,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,IAAI,QAAQ;QACR,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;QAChC,IAAI,CAAC,cAAc;YAAE,OAAO;QAC5B,OAAO,GAAG,IAAI,CAAC,YAAY,GAAG,cAAc,EAAE,CAAC;IACnD,CAAC;IAED,cAAc;;QACV,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;QAC3C,MAAM,eAAe,GAAG,0BAA0B,EAAE,CAAC;QACrD,IAAI,aAAa,GAAgB,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QAEnE,uGAAuG;QACvG,IAAI,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,YAAY,CAAC,aAAa,CAAC,mCAAI,KAAK,EAAE,CAAC;YACtD,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,wGAAwG;QACxG,+EAA+E;QAC/E,eAAe,CAAC,gBAAgB,CAC5B,eAAe,EACf,GAAG,EAAE;YACD,IAAI,CAAC,eAAe,EAAE,CAAC;QAC3B,CAAC,EACD,EAAE,IAAI,EAAE,IAAI,EAAE,CACjB,CAAC;QAEF,oGAAoG;QACpG,IAAI,aAAa;YAAE,OAAO,IAAI,CAAC;QAE/B,yDAAyD;QACzD,4DAA4D;QAC5D,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,aAAa,CAAC,EAAE,GAAG,QAAQ,CAAC;QAC5B,eAAe,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAC3C,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,eAAe;QACX,MAAM,UAAU,GAAG,QAAQ,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAC/D,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,CAAC,CAAE,UAAU,CAAC,SAAS,CAAC,IAAI,CAAsB,CAAC,CAAC,CAAC,SAAS,CAAC;IAC/F,CAAC;IAED,KAAK,CAAC,WAAW;QACb,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;QAE3D,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAC3C,IAAI,YAAY;YAAE,OAAO;QAEzB,IAAI,CAAC,cAAc;YAAE,OAAO;QAC5B,MAAM,UAAU,GAAG,YAAY,CAAC,UAAU,cAAc,aAAa,CAAC,CAAC;QACvE,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,UAAU,CAAC,CAAC;QACzC,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QACnC,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAClD,WAAW,CAAC,SAAS,GAAG,IAAI,CAAC;QAC7B,MAAM,GAAG,GAAG,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE7C,GAAG,CAAC,EAAE,GAAG,QAAQ,CAAC;QAClB,GAAG,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;QAEpC,IAAI,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QAC7B,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,MAAK,KAAK;YAAE,OAAO;QAE7C,IAAI,OAAO,aAAa,CAAC,WAAW,KAAK,UAAU,EAAE,CAAC;YAClD,aAAa,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QACnC,CAAC;aAAM,CAAC;YACJ,aAAa,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC;QAC9D,CAAC;QAED,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QAClD,aAAa,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACrF,CAAC;IAED,iBAAiB;QACb,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAEvD,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEtB,QAAQ,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QACrC,QAAQ,CAAC,YAAY,CAAC,OAAO,EAAE,4BAA4B,CAAC,CAAC;QAE7D,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QACvB,IAAI,KAAK,EAAE,CAAC;YACR,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAC9C,MAAM,OAAO,GAAG,SAAS,UAAU,EAAE,EAAE,CAAC;YACxC,KAAK,CAAC,EAAE,GAAG,OAAO,CAAC;YACnB,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;YAC1B,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC5B,QAAQ,CAAC,YAAY,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;QACtD,CAAC;aAAM,CAAC;YACJ,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QACjD,CAAC;IACL,CAAC;IAED,aAAa;IACb,yBAAyB;IAEzB,MAAM;QACF,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QAC7B,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACnB,eAAQ,CACX,CAAC,CAAC,CAAC,CACA,0BACiB,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EACzC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,qBAChB,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC9C,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAC9B,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,CAAC,cAAc;YAEzB,CAAC,CAAC,KAAK,IAAI,aAAO,EAAE,EAAC,OAAO,IAAE,KAAK,CAAS;YAC5C,CAAC,CAAC,IAAI,IAAI,WAAK,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,GAAI;YACpD,SAAG,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,GAAM,CACzC,CACT,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGJ","sourcesContent":["import { Component, ComponentInterface, Prop, h, Element, Watch, getAssetPath, State } from '@stencil/core';\nimport { createGuid } from 'src/utils';\nimport { getOrCreateSpriteContainer } from '@/utils/sprites';\nimport iconMap from './assets/icon-map.json';\n\n@Component({ tag: 'q2-icon', shadow: true, styleUrl: 'q2-icon.scss', assetsDirs: ['assets'] })\nexport class Q2Icon implements ComponentInterface {\n    // #region Own Properties\n\n    spriteGroup: SVGElement;\n    spritePrefix: string = 'tecton-sprite-';\n    spriteUse: SVGElement;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region State Properties\n\n    @State()\n    iconClone: SVGSymbolElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /** Styles the component to have a `height` and `width` of `1em`, making it easy to place alongside text. */\n    @Prop({ reflect: true })\n    inline: boolean;\n\n    /** The text that is presented by screen-readers when they encounter the icon. */\n    @Prop({ reflect: true })\n    label: string;\n\n    /** The name of the icon to be displayed. */\n    @Prop({ reflect: true })\n    type: string;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback(): void {\n        this.spriteGroup = null;\n        this.spriteUse = null;\n    }\n\n    componentWillLoad() {\n        this.handleIcon();\n    }\n\n    componentDidRender(): void {\n        if (!this.iconClone) return;\n        this.spriteGroup?.firstElementChild?.remove();\n        const appendedClone = this.spriteGroup?.appendChild(this.iconClone);\n\n        // We have to set the `href` attribute after the symbol is appended to the DOM to avoid a bug in Safari\n        this.spriteUse?.setAttribute('href', `#${appendedClone.id}`);\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('type')\n    handleIcon() {\n        if (this.isCustom) {\n            this.setCustomSVGAttrs();\n        } else if (this.type) {\n            this.fetchSprite();\n        } else {\n            this.iconClone = null;\n            this.spriteGroup?.firstElementChild?.remove();\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get iconCloneViewBox() {\n        return this.iconClone?.getAttribute('viewBox') ?? '0 0 24 24';\n    }\n\n    get isCustom() {\n        return this.type === 'custom';\n    }\n\n    get spriteElement() {\n        const { spriteId } = this;\n        if (!spriteId) return;\n        return document.querySelector<HTMLElement>(`#${spriteId}`);\n    }\n\n    get spriteEventName() {\n        const { spriteFileName } = this;\n        if (!spriteFileName) return;\n        return `tct-loaded-${spriteFileName}`;\n    }\n\n    get spriteFileName() {\n        if (this.isCustom) return;\n        return iconMap[this.type];\n    }\n\n    get spriteId() {\n        const { spriteFileName } = this;\n        if (!spriteFileName) return;\n        return `${this.spritePrefix}${spriteFileName}`;\n    }\n\n    checkForSprite() {\n        const { spriteId, spriteEventName } = this;\n        const spriteContainer = getOrCreateSpriteContainer();\n        let spriteElement: HTMLElement = document.getElementById(spriteId);\n\n        // If the sprite element exists and has the `data-loaded` attribute, we know we have everything we need\n        if (spriteElement?.hasAttribute('data-loaded') ?? false) {\n            this.cloneSpriteNode();\n            return true;\n        }\n\n        // If the sprite element exists but does not have the `data-loaded` attribute, we know it's being loaded\n        // We'll listen for the event that will be dispatched when the sprite is loaded\n        spriteContainer.addEventListener(\n            spriteEventName,\n            () => {\n                this.cloneSpriteNode();\n            },\n            { once: true }\n        );\n\n        // If the sprite element exists, we know it's being loaded and will be handled by the event listener\n        if (spriteElement) return true;\n\n        // If sprite element does not exist, create a placeholder\n        // This will let other icons know the sprite is being loaded\n        spriteElement = document.createElement('div');\n        spriteElement.id = spriteId;\n        spriteContainer.appendChild(spriteElement);\n        return false;\n    }\n\n    cloneSpriteNode() {\n        const spriteNode = document.getElementById(`tct-${this.type}`);\n        this.iconClone = spriteNode ? (spriteNode.cloneNode(true) as SVGSymbolElement) : undefined;\n    }\n\n    async fetchSprite() {\n        const { spriteFileName, spriteId, spriteEventName } = this;\n\n        const spriteExists = this.checkForSprite();\n        if (spriteExists) return;\n\n        if (!spriteFileName) return;\n        const spritePath = getAssetPath(`assets/${spriteFileName}.symbol.svg`);\n        const response = await fetch(spritePath);\n        const data = await response.text();\n        const wrappingDiv = document.createElement('div');\n        wrappingDiv.innerHTML = data;\n        const svg = wrappingDiv.querySelector('svg');\n\n        svg.id = spriteId;\n        svg.setAttribute('data-loaded', '');\n\n        let { spriteElement } = this;\n        if (spriteElement?.tagName === 'SVG') return;\n\n        if (typeof spriteElement.replaceWith === 'function') {\n            spriteElement.replaceWith(svg);\n        } else {\n            spriteElement.parentNode.replaceChild(svg, spriteElement);\n        }\n\n        spriteElement = document.getElementById(spriteId);\n        spriteElement.dispatchEvent(new CustomEvent(spriteEventName, { bubbles: true }));\n    }\n\n    setCustomSVGAttrs() {\n        const innerSVG = this.hostElement.querySelector('svg');\n\n        if (!innerSVG) return;\n\n        innerSVG.setAttribute('role', 'img');\n        innerSVG.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n\n        const { label } = this;\n        if (label) {\n            const title = document.createElement('title');\n            const labelId = `label-${createGuid()}`;\n            title.id = labelId;\n            title.textContent = label;\n            innerSVG.appendChild(title);\n            innerSVG.setAttribute('aria-labelledby', labelId);\n        } else {\n            innerSVG.setAttribute('aria-hidden', 'true');\n        }\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const { label, type } = this;\n        return this.isCustom ? (\n            <slot />\n        ) : (\n            <svg\n                aria-hidden={!!label ? undefined : 'true'}\n                role={!!label ? 'img' : undefined}\n                aria-labelledby={!!label ? 'label' : undefined}\n                viewBox={this.iconCloneViewBox}\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class={this.spriteFileName}\n            >\n                {!!label && <title id=\"label\">{label}</title>}\n                {!!type && <use ref={el => (this.spriteUse = el)} />}\n                <g ref={el => (this.spriteGroup = el)}></g>\n            </svg>\n        );\n    }\n\n    // #endregion\n}\n"]}

package/dist/collection/components/q2-input/q2-input.js

@@ -211,6 +211,7 @@ export class Q2Input {
             get: () => { var _a, _b; return (_b = (_a = this.formattedValueObject) === null || _a === void 0 ? void 0 : _a.formattedValue) !== null && _b !== void 0 ? _b : ''; },
         });
         handleAriaLabel(this);
+        this.updateComboboxAriaLabel();
         if (this.textHidden === undefined) {
             this.textHidden = this.type === 'password';
         }
@@ -284,8 +285,19 @@ export class Q2Input {
     // #endregion
     // #region Watchers
     ariaLabelObserver() {
+        // Skip deprecated ariaLabel handling for combobox role
+        // (combobox sets aria-label directly for accessibility without hiding the visual label)
+        if (this._role === 'combobox')
+            return;
         handleAriaLabel(this);
     }
+    updateComboboxAriaLabel() {
+        // Set aria-label directly on host for combobox role
+        // (can't use ariaLabel prop as it has deprecated handling that hides the label)
+        if (this._role === 'combobox' && this.label) {
+            this.hostElement.setAttribute('aria-label', loc(this.label));
+        }
+    }
     manageClearableResizeObserver(clearable) {
         var _a;
         if ('ResizeObserver' in window === false)
@@ -671,7 +683,7 @@ export class Q2Input {
     }
     render() {
         const { ariaControls, ariaExpanded } = this.ariaAttributes;
-        return (h(Host, { key: 'ac1668b4b57fe26794243fdac33d3cb9ba74d7c7', role: this._role, "aria-controls": ariaControls, "aria-expanded": ariaExpanded }, h("div", { key: 'aaa97e165fdda3dfb95326bcdc635e8ad56a791a', class: this.wrapperClasses }, h("div", { key: '7c8fe4e94bc2e0b22465b794aaa773ebb53ec83f', class: "label-wrapper" }, renderLabel(this), this.renderCountDOM()), this.renderInputContainerDOM(), renderMessages(this))));
+        return (h(Host, { key: '93dee79b8294fef23997c5c0e78775dde9990fc0', role: this._role, "aria-controls": ariaControls, "aria-expanded": ariaExpanded }, h("div", { key: '16a568e9aae3d9d6d9e8468c748b18ae406cfa57', class: this.wrapperClasses }, h("div", { key: '8f7d14c288c4ed342bccedecece95e4a9f4465f5', class: "label-wrapper" }, renderLabel(this), this.renderCountDOM()), this.renderInputContainerDOM(), renderMessages(this))));
     }
     static get is() { return "q2-input"; }
     static get encapsulation() { return "shadow"; }
@@ -1743,6 +1755,12 @@ export class Q2Input {
         return [{
                 "propName": "ariaLabel",
                 "methodName": "ariaLabelObserver"
+            }, {
+                "propName": "_role",
+                "methodName": "updateComboboxAriaLabel"
+            }, {
+                "propName": "label",
+                "methodName": "updateComboboxAriaLabel"
             }, {
                 "propName": "clearable",
                 "methodName": "manageClearableResizeObserver"