npm - @haiilo/catalyst - Versions diffs - 1.1.0 → 1.2.0 - Mend

@haiilo/catalyst 1.1.0 → 1.2.0

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.

Files changed (66) hide show

package/dist/collection/components/cat-select-demo/cat-select-demo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cat-select-demo.js","sourceRoot":"","sources":["../../../src/components/cat-select-demo/cat-select-demo.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host } from '@stencil/core';\nimport { of, delay } from 'rxjs';\n\ninterface User {\n id: string;\n firstName: string;\n lastName: string;\n desc: string;\n}\n\ninterface Country {\n id: string;\n country: string;\n capital?: string;\n}\n@Component({\n tag: 'cat-select-demo',\n shadow: true\n})\nexport class CatSelectTest {\n private multipleSelect?: HTMLCatSelectElement;\n private multipleSelectAvatar?: HTMLCatSelectElement;\n private multipleSelectTagging?: HTMLCatSelectElement;\n private singleSelect?: HTMLCatSelectElement;\n private singleSelectAvatar?: HTMLCatSelectElement;\n private singleSelectTagging?: HTMLCatSelectElement;\n\n componentDidLoad(): void {\n this.multipleSelect?.connect({\n resolve: (ids: string[]) => {\n console.info(`Resolving data... (${ids.join(', ')})`);\n return of(\n ids.map(id => ({\n id,\n firstName: 'John',\n lastName: `Doe (${id})`,\n desc: 'resolved'\n }))\n ).pipe(delay(500));\n },\n retrieve: (term: string, page: number) => {\n console.info(`Retrieving data... (\"${term}\", ${page})`);\n return term === 'no'\n ? of({ last: true, content: [], totalElements: 0 })\n : of({\n last: false,\n totalElements: 10000,\n content: Array.from({ length: 10 }, (_, i) => ({\n id: '' + (i + page * 10),\n firstName: 'John',\n lastName: `Doe (${i + page * 10})`,\n desc: `\"${term}\": page ${page}`\n }))\n }).pipe(delay(500));\n },\n render: (user: User) => ({\n label: `${user.firstName} ${user.lastName}`,\n description: user.desc\n })\n });\n this.multipleSelectAvatar?.connect({\n resolve: (ids: string[]) => {\n console.info(`Resolving data... (${ids.join(', ')})`);\n return of(\n ids.map(id => ({\n id,\n firstName: 'John',\n lastName: `Doe (${id})`,\n desc: 'resolved'\n }))\n ).pipe(delay(500));\n },\n retrieve: (term: string, page: number) => {\n console.info(`Retrieving data... (\"${term}\", ${page})`);\n return term === 'no'\n ? of({ last: true, content: [], totalElements: 0 })\n : of({\n last: false,\n totalElements: 10000,\n content: Array.from({ length: 10 }, (_, i) => ({\n id: '' + (i + page * 10),\n firstName: 'John',\n lastName: `Doe (${i + page * 10})`,\n desc: `\"${term}\": page ${page}`\n }))\n }).pipe(delay(500));\n },\n render: (user: User) => ({\n label: `${user.firstName} ${user.lastName}`,\n description: user.desc,\n avatar: {\n src: `https://picsum.photos/id/${Math.floor(Math.random() * 100)}/200`,\n round: true\n }\n })\n });\n this.multipleSelectTagging?.connect(this.countryConnector);\n this.singleSelect?.connect({\n resolve: (ids: string[]) => {\n console.info(`Resolving data... (${ids.join(', ')})`);\n return of(\n ids.map(id => ({\n id,\n firstName: 'John',\n lastName: `Doe (${id})`,\n desc: 'resolved'\n }))\n ).pipe(delay(500));\n },\n retrieve: (term: string, page: number) => {\n console.info(`Retrieving data... (\"${term}\", ${page})`);\n return term === 'no'\n ? of({ last: true, content: [], totalElements: 0 })\n : of({\n last: false,\n totalElements: 10000,\n content: Array.from({ length: 10 }, (_, i) => ({\n id: '' + (i + page * 10),\n firstName: 'John',\n lastName: `Doe (${i + page * 10})`,\n desc: `\"${term}\": page ${page}`\n }))\n }).pipe(delay(500));\n },\n render: (user: User) => ({\n label: `${user.firstName} ${user.lastName}`,\n description: user.desc\n })\n });\n this.singleSelectAvatar?.connect(this.countryConnector);\n this.singleSelectTagging?.connect(this.countryConnector);\n }\n\n render() {\n return (\n <Host style={{ display: 'flex', flexDirection: 'column' }}>\n <cat-select\n label=\"Multiple Select\"\n hint=\"This is a hint!\"\n ref={el => (this.multipleSelect = el)}\n value={['1']}\n placeholder=\"Hello World\"\n onCatBlur={e => console.log('Multiple blur', e)}\n multiple\n clearable\n >\n <span slot=\"hint\">Searching for \"no\" -{'>'} no options are returned!</span>\n </cat-select>\n <cat-select\n label=\"Multiple with img\"\n ref={el => (this.multipleSelectAvatar = el)}\n value={['1']}\n placeholder=\"Hello World\"\n multiple\n clearable\n ></cat-select>\n <cat-select\n label=\"Multiple with tagging support\"\n hint=\"This is a hint!\"\n ref={el => (this.multipleSelectTagging = el)}\n value={{ ids: ['1'], tags: ['Test'] }}\n placeholder=\"Select country\"\n onCatChange={() => console.log(this.multipleSelectTagging?.value)}\n multiple\n tags\n clearable\n ></cat-select>\n <cat-select\n label=\"Single Select\"\n hint=\"This is a hint!\"\n ref={el => (this.singleSelect = el)}\n placeholder=\"Search for a country or capital\"\n onCatBlur={e => console.log('Single blur', e)}\n clearable\n ></cat-select>\n <cat-select\n label=\"Single with img\"\n ref={el => (this.singleSelectAvatar = el)}\n value={'1'}\n placeholder=\"Search for a country or capital\"\n clearable\n ></cat-select>\n <cat-select\n label=\"Single with tagging support\"\n ref={el => (this.singleSelectTagging = el)}\n value={{ id: '1', tag: '' }}\n placeholder=\"Search for a country or capital\"\n onCatChange={() => console.log('Single', this.singleSelectTagging?.value)}\n tagHint=\"new country\"\n tags\n clearable\n ></cat-select>\n </Host>\n );\n }\n\n private get countryConnector() {\n return {\n resolve: (ids: string[]) => {\n console.info(`Resolving data... (${ids.join(', ')})`);\n return of(ids.map(id => countries.find(value => value.id === id))).pipe(delay(500));\n },\n retrieve: (term: string, page: number) => {\n console.info(`Retrieving data... (\"${term}\", ${page})`);\n const filter = countries.filter(\n value =>\n value.country.toLowerCase().indexOf(term.toLowerCase()) === 0 \|\|\n value.capital?.toLowerCase().indexOf(term.toLowerCase()) === 0\n );\n const slice = filter.slice(page * 10, page * 10 + 10);\n return of({\n last: slice.length < 10,\n totalElements: filter.length,\n content: slice\n }).pipe(delay(500));\n },\n render: (country: Country) => ({\n label: country.country,\n description: country.capital \|\| 'No capital',\n avatar: {\n src: `https://picsum.photos/id/${Math.floor(Math.random() * 100)}/200`,\n round: true\n }\n })\n };\n }\n}\n\nconst countries: Country[] = [\n {\n id: '0',\n country:\n 'Afghanistan Extra extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large ',\n capital: 'Kabul'\n },\n {\n id: '1',\n country: 'Albania',\n capital: 'Tirana'\n },\n {\n id: '2',\n country: 'Algeria',\n capital: 'Alger'\n },\n {\n id: '3',\n country: 'American Samoa',\n capital: 'Fagatogo'\n },\n {\n id: '4',\n country: 'Andorra',\n capital: 'Andorra la Vella'\n },\n {\n id: '5',\n country: 'Angola',\n capital: 'Luanda'\n },\n {\n id: '6',\n country: 'Anguilla',\n capital: 'The Valley'\n },\n {\n id: '7',\n country: 'Antarctica'\n },\n {\n id: '8',\n country: 'Antigua and Barbuda',\n capital: \"Saint John's\"\n },\n {\n id: '9',\n country: 'Argentina',\n capital: 'Buenos Aires'\n },\n {\n id: '10',\n country: 'Armenia',\n capital: 'Yerevan'\n },\n {\n id: '11',\n country: 'Aruba',\n capital: 'Oranjestad'\n },\n {\n id: '12',\n country: 'Australia',\n capital: 'Canberra'\n },\n {\n id: '13',\n country: 'Austria',\n capital: 'Wien'\n },\n {\n id: '14',\n country: 'Azerbaijan',\n capital: 'Baku'\n },\n {\n id: '15',\n country: 'Bahamas',\n capital: 'Nassau'\n },\n {\n id: '16',\n country: 'Bahrain',\n capital: 'al-Manama'\n },\n {\n id: '17',\n country: 'Bangladesh',\n capital: 'Dhaka'\n },\n {\n id: '18',\n country: 'Barbados',\n capital: 'Bridgetown'\n },\n {\n id: '19',\n country: 'Belarus',\n capital: 'Minsk'\n },\n {\n id: '20',\n country: 'Belgium',\n capital: 'Bruxelles [Brussel]'\n },\n {\n id: '21',\n country: 'Belize',\n capital: 'Belmopan'\n },\n {\n id: '22',\n country: 'Benin',\n capital: 'Porto-Novo'\n },\n {\n id: '23',\n country: 'Bermuda',\n capital: 'Hamilton'\n },\n {\n id: '24',\n country: 'Bhutan',\n capital: 'Thimphu'\n },\n {\n id: '25',\n country: 'Bolivia',\n capital: 'La Paz'\n },\n {\n id: '26',\n country: 'Bosnia and Herzegovina',\n capital: 'Sarajevo'\n },\n {\n id: '27',\n country: 'Botswana',\n capital: 'Gaborone'\n },\n {\n id: '28',\n country: 'Bouvet Island'\n },\n {\n id: '29',\n country: 'Brazil',\n capital: 'Brasília'\n },\n {\n id: '30',\n country: 'British Indian Ocean Territory'\n },\n {\n id: '31',\n country: 'Brunei',\n capital: 'Bandar Seri Begawan'\n },\n {\n id: '32',\n country: 'Bulgaria',\n capital: 'Sofia'\n },\n {\n id: '33',\n country: 'Burkina Faso',\n capital: 'Ouagadougou'\n },\n {\n id: '34',\n country: 'Burundi',\n capital: 'Bujumbura'\n },\n {\n id: '35',\n country: 'Cambodia',\n capital: 'Phnom Penh'\n },\n {\n id: '36',\n country: 'Cameroon',\n capital: 'Yaound'\n },\n {\n id: '37',\n country: 'Canada',\n capital: 'Ottawa'\n },\n {\n id: '38',\n country: 'Cape Verde',\n capital: 'Praia'\n },\n {\n id: '39',\n country: 'Cayman Islands',\n capital: 'George Town'\n },\n {\n id: '40',\n country: 'Central African Republic',\n capital: 'Bangui'\n },\n {\n id: '41',\n country: 'Chad',\n capital: \"N'Djam\"\n },\n {\n id: '42',\n country: 'Chile',\n capital: 'Santiago de Chile'\n },\n {\n id: '43',\n country: 'China',\n capital: 'Peking'\n },\n {\n id: '44',\n country: 'Christmas Island',\n capital: 'Flying Fish Cove'\n },\n {\n id: '45',\n country: 'Cocos (Keeling) Islands',\n capital: 'West Island'\n },\n {\n id: '46',\n country: 'Colombia',\n capital: 'Santaf'\n },\n {\n id: '47',\n country: 'Comoros',\n capital: 'Moroni'\n },\n {\n id: '48',\n country: 'Congo',\n capital: 'Brazzaville'\n },\n {\n id: '49',\n country: 'Cook Islands',\n capital: 'Avarua'\n },\n {\n id: '50',\n country: 'Costa Rica',\n capital: 'San José'\n },\n {\n id: '51',\n country: 'Croatia',\n capital: 'Zagreb'\n },\n {\n id: '52',\n country: 'Cuba',\n capital: 'La Habana'\n },\n {\n id: '53',\n country: 'Cyprus',\n capital: 'Nicosia'\n },\n {\n id: '54',\n country: 'Czech Republic',\n capital: 'Praha'\n },\n {\n id: '55',\n country: 'Denmark',\n capital: 'Copenhagen'\n },\n {\n id: '56',\n country: 'Djibouti',\n capital: 'Djibouti'\n },\n {\n id: '57',\n country: 'Dominica',\n capital: 'Roseau'\n },\n {\n id: '58',\n country: 'Dominican Republic',\n capital: 'Santo Domingo de Guzm'\n },\n {\n id: '59',\n country: 'East Timor',\n capital: 'Dili'\n },\n {\n id: '60',\n country: 'Ecuador',\n capital: 'Quito'\n },\n {\n id: '61',\n country: 'Egypt',\n capital: 'Cairo'\n },\n {\n id: '62',\n country: 'El Salvador',\n capital: 'San Salvador'\n },\n {\n id: '63',\n country: 'England',\n capital: 'London'\n },\n {\n id: '64',\n country: 'Equatorial Guinea',\n capital: 'Malabo'\n },\n {\n id: '65',\n country: 'Eritrea',\n capital: 'Asmara'\n },\n {\n id: '66',\n country: 'Estonia',\n capital: 'Tallinn'\n },\n {\n id: '67',\n country: 'Ethiopia',\n capital: 'Addis Abeba'\n },\n {\n id: '68',\n country: 'Falkland Islands',\n capital: 'Stanley'\n },\n {\n id: '69',\n country: 'Faroe Islands',\n capital: 'Tórshavn'\n },\n {\n id: '70',\n country: 'Fiji Islands',\n capital: 'Suva'\n },\n {\n id: '71',\n country: 'Finland',\n capital: 'Helsinki [Helsingfors]'\n },\n {\n id: '72',\n country: 'France',\n capital: 'Paris'\n },\n {\n id: '73',\n country: 'French Guiana',\n capital: 'Cayenne'\n },\n {\n id: '74',\n country: 'French Polynesia',\n capital: 'Papeete'\n },\n {\n id: '75',\n country: 'French Southern territories'\n },\n {\n id: '76',\n country: 'Gabon',\n capital: 'Libreville'\n },\n {\n id: '77',\n country: 'Gambia',\n capital: 'Banjul'\n },\n {\n id: '78',\n country: 'Georgia',\n capital: 'Tbilisi'\n },\n {\n id: '79',\n country: 'Germany',\n capital: 'Berlin'\n },\n {\n id: '80',\n country: 'Ghana',\n capital: 'Accra'\n },\n {\n id: '81',\n country: 'Gibraltar',\n capital: 'Gibraltar'\n },\n {\n id: '82',\n country: 'Greece',\n capital: 'Athenai'\n },\n {\n id: '83',\n country: 'Greenland',\n capital: 'Nuuk'\n },\n {\n id: '84',\n country: 'Grenada',\n capital: \"Saint George's\"\n },\n {\n id: '85',\n country: 'Guadeloupe',\n capital: 'Basse-Terre'\n },\n {\n id: '86',\n country: 'Guam',\n capital: 'Aga'\n },\n {\n id: '87',\n country: 'Guatemala',\n capital: 'Ciudad de Guatemala'\n },\n {\n id: '88',\n country: 'Guinea',\n capital: 'Conakry'\n },\n {\n id: '89',\n country: 'Guinea-Bissau',\n capital: 'Bissau'\n },\n {\n id: '90',\n country: 'Guyana',\n capital: 'Georgetown'\n },\n {\n id: '91',\n country: 'Haiti',\n capital: 'Port-au-Prince'\n },\n {\n id: '92',\n country: 'Heard Island and McDonald Islands'\n },\n {\n id: '93',\n country: 'Holy See (Vatican City State)',\n capital: 'Citt'\n },\n {\n id: '94',\n country: 'Honduras',\n capital: 'Tegucigalpa'\n },\n {\n id: '95',\n country: 'Hong Kong',\n capital: 'Victoria'\n },\n {\n id: '96',\n country: 'Hungary',\n capital: 'Budapest'\n },\n {\n id: '97',\n country: 'Iceland',\n capital: 'Reykjavík'\n },\n {\n id: '98',\n country: 'India',\n capital: 'New Delhi'\n },\n {\n id: '99',\n country: 'Indonesia',\n capital: 'Jakarta'\n },\n {\n id: '100',\n country: 'Iran',\n capital: 'Tehran'\n },\n {\n id: '101',\n country: 'Iraq',\n capital: 'Baghdad'\n },\n {\n id: '102',\n country: 'Ireland',\n capital: 'Dublin'\n },\n {\n id: '103',\n country: 'Israel',\n capital: 'Jerusalem'\n },\n {\n id: '104',\n country: 'Italy',\n capital: 'Roma'\n },\n {\n id: '105',\n country: 'Ivory Coast',\n capital: 'Yamoussoukro'\n },\n {\n id: '106',\n country: 'Jamaica',\n capital: 'Kingston'\n },\n {\n id: '107',\n country: 'Japan',\n capital: 'Tokyo'\n },\n {\n id: '108',\n country: 'Jordan',\n capital: 'Amman'\n },\n {\n id: '109',\n country: 'Kazakhstan',\n capital: 'Astana'\n },\n {\n id: '110',\n country: 'Kenya',\n capital: 'Nairobi'\n },\n {\n id: '111',\n country: 'Kiribati',\n capital: 'Bairiki'\n },\n {\n id: '112',\n country: 'Kuwait',\n capital: 'Kuwait'\n },\n {\n id: '113',\n country: 'Kyrgyzstan',\n capital: 'Bishkek'\n },\n {\n id: '114',\n country: 'Laos',\n capital: 'Vientiane'\n },\n {\n id: '115',\n country: 'Latvia',\n capital: 'Riga'\n },\n {\n id: '116',\n country: 'Lebanon',\n capital: 'Beirut'\n },\n {\n id: '117',\n country: 'Lesotho',\n capital: 'Maseru'\n },\n {\n id: '118',\n country: 'Liberia',\n capital: 'Monrovia'\n },\n {\n id: '119',\n country: 'Libyan Arab Jamahiriya',\n capital: 'Tripoli'\n },\n {\n id: '120',\n country: 'Liechtenstein',\n capital: 'Vaduz'\n },\n {\n id: '121',\n country: 'Lithuania',\n capital: 'Vilnius'\n },\n {\n id: '122',\n country: 'Luxembourg',\n capital: 'Luxembourg [Luxemburg/L'\n },\n {\n id: '123',\n country: 'Macao',\n capital: 'Macao'\n },\n {\n id: '124',\n country: 'North Macedonia',\n capital: 'Skopje'\n },\n {\n id: '125',\n country: 'Madagascar',\n capital: 'Antananarivo'\n },\n {\n id: '126',\n country: 'Malawi',\n capital: 'Lilongwe'\n },\n {\n id: '127',\n country: 'Malaysia',\n capital: 'Kuala Lumpur'\n },\n {\n id: '128',\n country: 'Maldives',\n capital: 'Male'\n },\n {\n id: '129',\n country: 'Mali',\n capital: 'Bamako'\n },\n {\n id: '130',\n country: 'Malta',\n capital: 'Valletta'\n },\n {\n id: '131',\n country: 'Marshall Islands',\n capital: 'Dalap-Uliga-Darrit'\n },\n {\n id: '132',\n country: 'Martinique',\n capital: 'Fort-de-France'\n },\n {\n id: '133',\n country: 'Mauritania',\n capital: 'Nouakchott'\n },\n {\n id: '134',\n country: 'Mauritius',\n capital: 'Port-Louis'\n },\n {\n id: '135',\n country: 'Mayotte',\n capital: 'Mamoutzou'\n },\n {\n id: '136',\n country: 'Mexico',\n capital: 'Ciudad de M'\n },\n {\n id: '137',\n country: 'Micronesia, Federated States of',\n capital: 'Palikir'\n },\n {\n id: '138',\n country: 'Moldova',\n capital: 'Chisinau'\n },\n {\n id: '139',\n country: 'Monaco',\n capital: 'Monaco-Ville'\n },\n {\n id: '140',\n country: 'Mongolia',\n capital: 'Ulan Bator'\n },\n {\n id: '141',\n country: 'Montenegro',\n capital: 'Podgorica'\n },\n {\n id: '142',\n country: 'Montserrat',\n capital: 'Plymouth'\n },\n {\n id: '143',\n country: 'Morocco',\n capital: 'Rabat'\n },\n {\n id: '144',\n country: 'Mozambique',\n capital: 'Maputo'\n },\n {\n id: '145',\n country: 'Myanmar',\n capital: 'Rangoon (Yangon)'\n },\n {\n id: '146',\n country: 'Namibia',\n capital: 'Windhoek'\n },\n {\n id: '147',\n country: 'Nauru',\n capital: 'Yaren'\n },\n {\n id: '148',\n country: 'Nepal',\n capital: 'Kathmandu'\n },\n {\n id: '149',\n country: 'Netherlands',\n capital: 'Amsterdam'\n },\n {\n id: '150',\n country: 'Netherlands Antilles',\n capital: 'Willemstad'\n },\n {\n id: '151',\n country: 'New Caledonia',\n capital: 'Noum'\n },\n {\n id: '152',\n country: 'New Zealand',\n capital: 'Wellington'\n },\n {\n id: '153',\n country: 'Nicaragua',\n capital: 'Managua'\n },\n {\n id: '154',\n country: 'Niger',\n capital: 'Niamey'\n },\n {\n id: '155',\n country: 'Nigeria',\n capital: 'Abuja'\n },\n {\n id: '156',\n country: 'Niue',\n capital: 'Alofi'\n },\n {\n id: '157',\n country: 'Norfolk Island',\n capital: 'Kingston'\n },\n {\n id: '158',\n country: 'North Korea',\n capital: 'Pyongyang'\n },\n {\n id: '159',\n country: 'Northern Ireland',\n capital: 'Belfast'\n },\n {\n id: '160',\n country: 'Northern Mariana Islands',\n capital: 'Garapan'\n },\n {\n id: '161',\n country: 'Norway',\n capital: 'Oslo'\n },\n {\n id: '162',\n country: 'Oman',\n capital: 'Masqat'\n },\n {\n id: '163',\n country: 'Pakistan',\n capital: 'Islamabad'\n },\n {\n id: '164',\n country: 'Palau',\n capital: 'Koror'\n },\n {\n id: '165',\n country: 'Palestine',\n capital: 'Gaza'\n },\n {\n id: '166',\n country: 'Panama',\n capital: 'Ciudad de Panamá'\n },\n {\n id: '167',\n country: 'Papua New Guinea',\n capital: 'Port Moresby'\n },\n {\n id: '168',\n country: 'Paraguay',\n capital: 'Asunción'\n },\n {\n id: '169',\n country: 'Peru',\n capital: 'Lima'\n },\n {\n id: '170',\n country: 'Philippines',\n capital: 'Manila'\n },\n {\n id: '171',\n country: 'Pitcairn',\n capital: 'Adamstown'\n },\n {\n id: '172',\n country: 'Poland',\n capital: 'Warszawa'\n },\n {\n id: '173',\n country: 'Portugal',\n capital: 'Lisboa'\n },\n {\n id: '174',\n country: 'Puerto Rico',\n capital: 'San Juan'\n },\n {\n id: '175',\n country: 'Qatar',\n capital: 'Doha'\n },\n {\n id: '176',\n country: 'Reunion',\n capital: 'Saint-Denis'\n },\n {\n id: '177',\n country: 'Romania',\n capital: 'Bucuresti'\n },\n {\n id: '178',\n country: 'Russian Federation',\n capital: 'Moscow'\n },\n {\n id: '179',\n country: 'Rwanda',\n capital: 'Kigali'\n },\n {\n id: '180',\n country: 'Saint Helena',\n capital: 'Jamestown'\n },\n {\n id: '181',\n country: 'Saint Kitts and Nevis',\n capital: 'Basseterre'\n },\n {\n id: '182',\n country: 'Saint Lucia',\n capital: 'Castries'\n },\n {\n id: '183',\n country: 'Saint Pierre and Miquelon',\n capital: 'Saint-Pierre'\n },\n {\n id: '184',\n country: 'Saint Vincent and the Grenadines',\n capital: 'Kingstown'\n },\n {\n id: '185',\n country: 'Samoa',\n capital: 'Apia'\n },\n {\n id: '186',\n country: 'San Marino',\n capital: 'San Marino'\n },\n {\n id: '187',\n country: 'Sao Tome and Principe',\n capital: 'São Tomé'\n },\n {\n id: '188',\n country: 'Saudi Arabia',\n capital: 'Riyadh'\n },\n {\n id: '189',\n country: 'Scotland',\n capital: 'Edinburgh'\n },\n {\n id: '190',\n country: 'Senegal',\n capital: 'Dakar'\n },\n {\n id: '191',\n country: 'Serbia',\n capital: 'Belgrade'\n },\n {\n id: '192',\n country: 'Seychelles',\n capital: 'Victoria'\n },\n {\n id: '193',\n country: 'Sierra Leone',\n capital: 'Freetown'\n },\n {\n id: '194',\n country: 'Singapore',\n capital: 'Singapore'\n },\n {\n id: '195',\n country: 'Slovakia',\n capital: 'Bratislava'\n },\n {\n id: '196',\n country: 'Slovenia',\n capital: 'Ljubljana'\n },\n {\n id: '197',\n country: 'Solomon Islands',\n capital: 'Honiara'\n },\n {\n id: '198',\n country: 'Somalia',\n capital: 'Mogadishu'\n },\n {\n id: '199',\n country: 'South Africa',\n capital: 'Pretoria'\n },\n {\n id: '200',\n country: 'South Georgia and the South Sandwich Islands'\n },\n {\n id: '201',\n country: 'South Korea',\n capital: 'Seoul'\n },\n {\n id: '202',\n country: 'South Sudan',\n capital: 'Juba'\n },\n {\n id: '203',\n country: 'Spain',\n capital: 'Madrid'\n },\n {\n id: '204',\n country: 'Sri Lanka',\n capital: 'Colombo, Sri Jayawardenepura Kotte'\n },\n {\n id: '205',\n country: 'Sudan',\n capital: 'Khartum'\n },\n {\n id: '206',\n country: 'Suriname',\n capital: 'Paramaribo'\n },\n {\n id: '207',\n country: 'Svalbard and Jan Mayen',\n capital: 'Longyearbyen'\n },\n {\n id: '208',\n country: 'Swaziland',\n capital: 'Mbabane'\n },\n {\n id: '209',\n country: 'Sweden',\n capital: 'Stockholm'\n },\n {\n id: '210',\n country: 'Switzerland',\n capital: 'Bern'\n },\n {\n id: '211',\n country: 'Syria',\n capital: 'Damascus'\n },\n {\n id: '212',\n country: 'Tajikistan',\n capital: 'Dushanbe'\n },\n {\n id: '213',\n country: 'Tanzania',\n capital: 'Dodoma'\n },\n {\n id: '214',\n country: 'Thailand',\n capital: 'Bangkok'\n },\n {\n id: '215',\n country: 'The Democratic Republic of Congo',\n capital: 'Kinshasa'\n },\n {\n id: '216',\n country: 'Togo',\n capital: 'Lomé'\n },\n {\n id: '217',\n country: 'Tokelau',\n capital: 'Fakaofo'\n },\n {\n id: '218',\n country: 'Tonga',\n capital: \"Nuku'alofa\"\n },\n {\n id: '219',\n country: 'Trinidad and Tobago',\n capital: 'Port-of-Spain'\n },\n {\n id: '220',\n country: 'Tunisia',\n capital: 'Tunis'\n },\n {\n id: '221',\n country: 'Turkey',\n capital: 'Ankara'\n },\n {\n id: '222',\n country: 'Turkmenistan',\n capital: 'Ashgabat'\n },\n {\n id: '223',\n country: 'Turks and Caicos Islands',\n capital: 'Cockburn Town'\n },\n {\n id: '224',\n country: 'Tuvalu',\n capital: 'Funafuti'\n },\n {\n id: '225',\n country: 'Uganda',\n capital: 'Kampala'\n },\n {\n id: '226',\n country: 'Ukraine',\n capital: 'Kyiv'\n },\n {\n id: '227',\n country: 'United Arab Emirates',\n capital: 'Abu Dhabi'\n },\n {\n id: '228',\n country: 'United Kingdom',\n capital: 'London'\n },\n {\n id: '229',\n country: 'United States',\n capital: 'Washington'\n },\n {\n id: '230',\n country: 'United States Minor Outlying Islands'\n },\n {\n id: '231',\n country: 'Uruguay',\n capital: 'Montevideo'\n },\n {\n id: '232',\n country: 'Uzbekistan',\n capital: 'Toskent'\n },\n {\n id: '233',\n country: 'Vanuatu',\n capital: 'Port-Vila'\n },\n {\n id: '234',\n country: 'Venezuela',\n capital: 'Caracas'\n },\n {\n id: '235',\n country: 'Vietnam',\n capital: 'Hanoi'\n },\n {\n id: '236',\n country: 'Virgin Islands, British',\n capital: 'Road Town'\n },\n {\n id: '237',\n country: 'Virgin Islands, U.S.',\n capital: 'Charlotte Amalie'\n },\n {\n id: '238',\n country: 'Wales',\n capital: 'Cardiff'\n },\n {\n id: '239',\n country: 'Wallis and Futuna',\n capital: 'Mata-Utu'\n },\n {\n id: '240',\n country: 'Western Sahara',\n capital: 'El-Aai'\n },\n {\n id: '241',\n country: 'Yemen',\n capital: 'Sanaa'\n },\n {\n id: '242',\n country: 'Zambia',\n capital: 'Lusaka'\n },\n {\n id: '243',\n country: 'Zimbabwe',\n capital: 'Harare'\n }\n];\n"]}
1	+ {"version":3,"file":"cat-select-demo.js","sourceRoot":"","sources":["../../../src/components/cat-select-demo/cat-select-demo.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host } from '@stencil/core';\nimport { of, delay } from 'rxjs';\n\ninterface User {\n id: string;\n firstName: string;\n lastName: string;\n desc: string;\n}\n\ninterface Country {\n id: string;\n country: string;\n capital?: string;\n}\n@Component({\n tag: 'cat-select-demo',\n shadow: true\n})\nexport class CatSelectTest {\n private multipleSelect?: HTMLCatSelectElement;\n private multipleSelectAvatar?: HTMLCatSelectElement;\n private multipleSelectTagging?: HTMLCatSelectElement;\n private singleSelect?: HTMLCatSelectElement;\n private singleSelectAvatar?: HTMLCatSelectElement;\n private singleSelectTagging?: HTMLCatSelectElement;\n\n componentDidLoad(): void {\n this.multipleSelect?.connect({\n resolve: (ids: string[]) => {\n console.info(`Resolving data... (${ids.join(', ')})`);\n return of(\n ids.map(id => ({\n id,\n firstName: 'John',\n lastName: `Doe (${id})`,\n desc: 'resolved'\n }))\n ).pipe(delay(500));\n },\n retrieve: (term: string, page: number) => {\n console.info(`Retrieving data... (\"${term}\", ${page})`);\n return term === 'no'\n ? of({ last: true, content: [], totalElements: 0 })\n : of({\n last: false,\n totalElements: 10000,\n content: Array.from({ length: 10 }, (_, i) => ({\n id: '' + (i + page * 10),\n firstName: 'John',\n lastName: `Doe (${i + page * 10})`,\n desc: `\"${term}\": page ${page}`\n }))\n }).pipe(delay(500));\n },\n render: (user: User) => ({\n label: `${user.firstName} ${user.lastName}`,\n description: user.desc\n })\n });\n this.multipleSelectAvatar?.connect({\n resolve: (ids: string[]) => {\n console.info(`Resolving data... (${ids.join(', ')})`);\n return of(\n ids.map(id => ({\n id,\n firstName: 'John',\n lastName: `Doe (${id})`,\n desc: 'resolved'\n }))\n ).pipe(delay(500));\n },\n retrieve: (term: string, page: number) => {\n console.info(`Retrieving data... (\"${term}\", ${page})`);\n return term === 'no'\n ? of({ last: true, content: [], totalElements: 0 })\n : of({\n last: false,\n totalElements: 10000,\n content: Array.from({ length: 10 }, (_, i) => ({\n id: '' + (i + page * 10),\n firstName: 'John',\n lastName: `Doe (${i + page * 10})`,\n desc: `\"${term}\": page ${page}`\n }))\n }).pipe(delay(500));\n },\n render: (user: User) => ({\n label: `${user.firstName} ${user.lastName}`,\n description: user.desc,\n avatar: {\n src: `https://picsum.photos/id/${Math.floor(Math.random() * 100)}/200`,\n round: true\n }\n })\n });\n this.multipleSelectTagging?.connect({ ...this.countryConnector, customId: (item: Country) => item.country });\n this.singleSelect?.connect({\n resolve: (ids: string[]) => {\n console.info(`Resolving data... (${ids.join(', ')})`);\n return of(\n ids.map(id => ({\n id,\n firstName: 'John',\n lastName: `Doe (${id})`,\n desc: 'resolved'\n }))\n ).pipe(delay(500));\n },\n retrieve: (term: string, page: number) => {\n console.info(`Retrieving data... (\"${term}\", ${page})`);\n return term === 'no'\n ? of({ last: true, content: [], totalElements: 0 })\n : of({\n last: false,\n totalElements: 10000,\n content: Array.from({ length: 10 }, (_, i) => ({\n id: '' + (i + page * 10),\n firstName: 'John',\n lastName: `Doe (${i + page * 10})`,\n desc: `\"${term}\": page ${page}`\n }))\n }).pipe(delay(500));\n },\n render: (user: User) => ({\n label: `${user.firstName} ${user.lastName}`,\n description: user.desc\n })\n });\n this.singleSelectAvatar?.connect({ ...this.countryConnector, customId: (item: Country) => item.country });\n this.singleSelectTagging?.connect(this.countryConnector);\n }\n\n render() {\n return (\n <Host style={{ display: 'flex', flexDirection: 'column' }}>\n <cat-select\n label=\"Multiple Select\"\n hint=\"This is a hint!\"\n ref={el => (this.multipleSelect = el)}\n value={['1']}\n placeholder=\"Hello World\"\n onCatChange={() => console.log(this.multipleSelect?.value)}\n onCatBlur={e => console.log('Multiple blur', e)}\n multiple\n clearable\n >\n <span slot=\"hint\">Searching for \"no\" -{'>'} no options are returned!</span>\n </cat-select>\n <cat-select\n label=\"Multiple with img\"\n ref={el => (this.multipleSelectAvatar = el)}\n value={['1']}\n placeholder=\"Hello World\"\n multiple\n clearable\n ></cat-select>\n <cat-select\n label=\"Multiple with tagging support\"\n hint=\"This is a hint!\"\n ref={el => (this.multipleSelectTagging = el)}\n value={{ ids: ['1'], tags: ['Test', 'Albania'] }}\n placeholder=\"Select country\"\n onCatChange={() => console.log(this.multipleSelectTagging?.value)}\n multiple\n tags\n clearable\n ></cat-select>\n <cat-select\n label=\"Single Select\"\n hint=\"This is a hint!\"\n ref={el => (this.singleSelect = el)}\n placeholder=\"Search for a country or capital\"\n onCatBlur={e => console.log('Single blur', e)}\n clearable\n ></cat-select>\n <cat-select\n label=\"Single with img\"\n ref={el => (this.singleSelectAvatar = el)}\n value={'1'}\n onCatChange={() => console.log(this.singleSelectAvatar?.value)}\n placeholder=\"Search for a country or capital\"\n clearable\n ></cat-select>\n <cat-select\n label=\"Single with tagging support\"\n ref={el => (this.singleSelectTagging = el)}\n value={{ id: '1', tag: '' }}\n placeholder=\"Search for a country or capital\"\n onCatChange={() => console.log('Single', this.singleSelectTagging?.value)}\n tagHint=\"new country\"\n tags\n clearable\n ></cat-select>\n </Host>\n );\n }\n\n private get countryConnector() {\n return {\n resolve: (ids: string[]) => {\n console.info(`Resolving data... (${ids.join(', ')})`);\n return of(ids.map(id => countries.find(value => value.id === id))).pipe(delay(500));\n },\n retrieve: (term: string, page: number) => {\n console.info(`Retrieving data... (\"${term}\", ${page})`);\n const filter = countries.filter(\n value =>\n value.country.toLowerCase().indexOf(term.toLowerCase()) === 0 \|\|\n value.capital?.toLowerCase().indexOf(term.toLowerCase()) === 0\n );\n const slice = filter.slice(page * 10, page * 10 + 10);\n return of({\n last: slice.length < 10,\n totalElements: filter.length,\n content: slice\n }).pipe(delay(500));\n },\n render: (country: Country) => ({\n label: country.country,\n description: country.capital \|\| 'No capital',\n avatar: {\n src: `https://picsum.photos/id/${Math.floor(Math.random() * 100)}/200`,\n round: true\n }\n })\n };\n }\n}\n\nconst countries: Country[] = [\n {\n id: '0',\n country:\n 'Afghanistan Extra extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large ',\n capital: 'Kabul'\n },\n {\n id: '1',\n country: 'Albania',\n capital: 'Tirana'\n },\n {\n id: '2',\n country: 'Algeria',\n capital: 'Alger'\n },\n {\n id: '3',\n country: 'American Samoa',\n capital: 'Fagatogo'\n },\n {\n id: '4',\n country: 'Andorra',\n capital: 'Andorra la Vella'\n },\n {\n id: '5',\n country: 'Angola',\n capital: 'Luanda'\n },\n {\n id: '6',\n country: 'Anguilla',\n capital: 'The Valley'\n },\n {\n id: '7',\n country: 'Antarctica'\n },\n {\n id: '8',\n country: 'Antigua and Barbuda',\n capital: \"Saint John's\"\n },\n {\n id: '9',\n country: 'Argentina',\n capital: 'Buenos Aires'\n },\n {\n id: '10',\n country: 'Armenia',\n capital: 'Yerevan'\n },\n {\n id: '11',\n country: 'Aruba',\n capital: 'Oranjestad'\n },\n {\n id: '12',\n country: 'Australia',\n capital: 'Canberra'\n },\n {\n id: '13',\n country: 'Austria',\n capital: 'Wien'\n },\n {\n id: '14',\n country: 'Azerbaijan',\n capital: 'Baku'\n },\n {\n id: '15',\n country: 'Bahamas',\n capital: 'Nassau'\n },\n {\n id: '16',\n country: 'Bahrain',\n capital: 'al-Manama'\n },\n {\n id: '17',\n country: 'Bangladesh',\n capital: 'Dhaka'\n },\n {\n id: '18',\n country: 'Barbados',\n capital: 'Bridgetown'\n },\n {\n id: '19',\n country: 'Belarus',\n capital: 'Minsk'\n },\n {\n id: '20',\n country: 'Belgium',\n capital: 'Bruxelles [Brussel]'\n },\n {\n id: '21',\n country: 'Belize',\n capital: 'Belmopan'\n },\n {\n id: '22',\n country: 'Benin',\n capital: 'Porto-Novo'\n },\n {\n id: '23',\n country: 'Bermuda',\n capital: 'Hamilton'\n },\n {\n id: '24',\n country: 'Bhutan',\n capital: 'Thimphu'\n },\n {\n id: '25',\n country: 'Bolivia',\n capital: 'La Paz'\n },\n {\n id: '26',\n country: 'Bosnia and Herzegovina',\n capital: 'Sarajevo'\n },\n {\n id: '27',\n country: 'Botswana',\n capital: 'Gaborone'\n },\n {\n id: '28',\n country: 'Bouvet Island'\n },\n {\n id: '29',\n country: 'Brazil',\n capital: 'Brasília'\n },\n {\n id: '30',\n country: 'British Indian Ocean Territory'\n },\n {\n id: '31',\n country: 'Brunei',\n capital: 'Bandar Seri Begawan'\n },\n {\n id: '32',\n country: 'Bulgaria',\n capital: 'Sofia'\n },\n {\n id: '33',\n country: 'Burkina Faso',\n capital: 'Ouagadougou'\n },\n {\n id: '34',\n country: 'Burundi',\n capital: 'Bujumbura'\n },\n {\n id: '35',\n country: 'Cambodia',\n capital: 'Phnom Penh'\n },\n {\n id: '36',\n country: 'Cameroon',\n capital: 'Yaound'\n },\n {\n id: '37',\n country: 'Canada',\n capital: 'Ottawa'\n },\n {\n id: '38',\n country: 'Cape Verde',\n capital: 'Praia'\n },\n {\n id: '39',\n country: 'Cayman Islands',\n capital: 'George Town'\n },\n {\n id: '40',\n country: 'Central African Republic',\n capital: 'Bangui'\n },\n {\n id: '41',\n country: 'Chad',\n capital: \"N'Djam\"\n },\n {\n id: '42',\n country: 'Chile',\n capital: 'Santiago de Chile'\n },\n {\n id: '43',\n country: 'China',\n capital: 'Peking'\n },\n {\n id: '44',\n country: 'Christmas Island',\n capital: 'Flying Fish Cove'\n },\n {\n id: '45',\n country: 'Cocos (Keeling) Islands',\n capital: 'West Island'\n },\n {\n id: '46',\n country: 'Colombia',\n capital: 'Santaf'\n },\n {\n id: '47',\n country: 'Comoros',\n capital: 'Moroni'\n },\n {\n id: '48',\n country: 'Congo',\n capital: 'Brazzaville'\n },\n {\n id: '49',\n country: 'Cook Islands',\n capital: 'Avarua'\n },\n {\n id: '50',\n country: 'Costa Rica',\n capital: 'San José'\n },\n {\n id: '51',\n country: 'Croatia',\n capital: 'Zagreb'\n },\n {\n id: '52',\n country: 'Cuba',\n capital: 'La Habana'\n },\n {\n id: '53',\n country: 'Cyprus',\n capital: 'Nicosia'\n },\n {\n id: '54',\n country: 'Czech Republic',\n capital: 'Praha'\n },\n {\n id: '55',\n country: 'Denmark',\n capital: 'Copenhagen'\n },\n {\n id: '56',\n country: 'Djibouti',\n capital: 'Djibouti'\n },\n {\n id: '57',\n country: 'Dominica',\n capital: 'Roseau'\n },\n {\n id: '58',\n country: 'Dominican Republic',\n capital: 'Santo Domingo de Guzm'\n },\n {\n id: '59',\n country: 'East Timor',\n capital: 'Dili'\n },\n {\n id: '60',\n country: 'Ecuador',\n capital: 'Quito'\n },\n {\n id: '61',\n country: 'Egypt',\n capital: 'Cairo'\n },\n {\n id: '62',\n country: 'El Salvador',\n capital: 'San Salvador'\n },\n {\n id: '63',\n country: 'England',\n capital: 'London'\n },\n {\n id: '64',\n country: 'Equatorial Guinea',\n capital: 'Malabo'\n },\n {\n id: '65',\n country: 'Eritrea',\n capital: 'Asmara'\n },\n {\n id: '66',\n country: 'Estonia',\n capital: 'Tallinn'\n },\n {\n id: '67',\n country: 'Ethiopia',\n capital: 'Addis Abeba'\n },\n {\n id: '68',\n country: 'Falkland Islands',\n capital: 'Stanley'\n },\n {\n id: '69',\n country: 'Faroe Islands',\n capital: 'Tórshavn'\n },\n {\n id: '70',\n country: 'Fiji Islands',\n capital: 'Suva'\n },\n {\n id: '71',\n country: 'Finland',\n capital: 'Helsinki [Helsingfors]'\n },\n {\n id: '72',\n country: 'France',\n capital: 'Paris'\n },\n {\n id: '73',\n country: 'French Guiana',\n capital: 'Cayenne'\n },\n {\n id: '74',\n country: 'French Polynesia',\n capital: 'Papeete'\n },\n {\n id: '75',\n country: 'French Southern territories'\n },\n {\n id: '76',\n country: 'Gabon',\n capital: 'Libreville'\n },\n {\n id: '77',\n country: 'Gambia',\n capital: 'Banjul'\n },\n {\n id: '78',\n country: 'Georgia',\n capital: 'Tbilisi'\n },\n {\n id: '79',\n country: 'Germany',\n capital: 'Berlin'\n },\n {\n id: '80',\n country: 'Ghana',\n capital: 'Accra'\n },\n {\n id: '81',\n country: 'Gibraltar',\n capital: 'Gibraltar'\n },\n {\n id: '82',\n country: 'Greece',\n capital: 'Athenai'\n },\n {\n id: '83',\n country: 'Greenland',\n capital: 'Nuuk'\n },\n {\n id: '84',\n country: 'Grenada',\n capital: \"Saint George's\"\n },\n {\n id: '85',\n country: 'Guadeloupe',\n capital: 'Basse-Terre'\n },\n {\n id: '86',\n country: 'Guam',\n capital: 'Aga'\n },\n {\n id: '87',\n country: 'Guatemala',\n capital: 'Ciudad de Guatemala'\n },\n {\n id: '88',\n country: 'Guinea',\n capital: 'Conakry'\n },\n {\n id: '89',\n country: 'Guinea-Bissau',\n capital: 'Bissau'\n },\n {\n id: '90',\n country: 'Guyana',\n capital: 'Georgetown'\n },\n {\n id: '91',\n country: 'Haiti',\n capital: 'Port-au-Prince'\n },\n {\n id: '92',\n country: 'Heard Island and McDonald Islands'\n },\n {\n id: '93',\n country: 'Holy See (Vatican City State)',\n capital: 'Citt'\n },\n {\n id: '94',\n country: 'Honduras',\n capital: 'Tegucigalpa'\n },\n {\n id: '95',\n country: 'Hong Kong',\n capital: 'Victoria'\n },\n {\n id: '96',\n country: 'Hungary',\n capital: 'Budapest'\n },\n {\n id: '97',\n country: 'Iceland',\n capital: 'Reykjavík'\n },\n {\n id: '98',\n country: 'India',\n capital: 'New Delhi'\n },\n {\n id: '99',\n country: 'Indonesia',\n capital: 'Jakarta'\n },\n {\n id: '100',\n country: 'Iran',\n capital: 'Tehran'\n },\n {\n id: '101',\n country: 'Iraq',\n capital: 'Baghdad'\n },\n {\n id: '102',\n country: 'Ireland',\n capital: 'Dublin'\n },\n {\n id: '103',\n country: 'Israel',\n capital: 'Jerusalem'\n },\n {\n id: '104',\n country: 'Italy',\n capital: 'Roma'\n },\n {\n id: '105',\n country: 'Ivory Coast',\n capital: 'Yamoussoukro'\n },\n {\n id: '106',\n country: 'Jamaica',\n capital: 'Kingston'\n },\n {\n id: '107',\n country: 'Japan',\n capital: 'Tokyo'\n },\n {\n id: '108',\n country: 'Jordan',\n capital: 'Amman'\n },\n {\n id: '109',\n country: 'Kazakhstan',\n capital: 'Astana'\n },\n {\n id: '110',\n country: 'Kenya',\n capital: 'Nairobi'\n },\n {\n id: '111',\n country: 'Kiribati',\n capital: 'Bairiki'\n },\n {\n id: '112',\n country: 'Kuwait',\n capital: 'Kuwait'\n },\n {\n id: '113',\n country: 'Kyrgyzstan',\n capital: 'Bishkek'\n },\n {\n id: '114',\n country: 'Laos',\n capital: 'Vientiane'\n },\n {\n id: '115',\n country: 'Latvia',\n capital: 'Riga'\n },\n {\n id: '116',\n country: 'Lebanon',\n capital: 'Beirut'\n },\n {\n id: '117',\n country: 'Lesotho',\n capital: 'Maseru'\n },\n {\n id: '118',\n country: 'Liberia',\n capital: 'Monrovia'\n },\n {\n id: '119',\n country: 'Libyan Arab Jamahiriya',\n capital: 'Tripoli'\n },\n {\n id: '120',\n country: 'Liechtenstein',\n capital: 'Vaduz'\n },\n {\n id: '121',\n country: 'Lithuania',\n capital: 'Vilnius'\n },\n {\n id: '122',\n country: 'Luxembourg',\n capital: 'Luxembourg [Luxemburg/L'\n },\n {\n id: '123',\n country: 'Macao',\n capital: 'Macao'\n },\n {\n id: '124',\n country: 'North Macedonia',\n capital: 'Skopje'\n },\n {\n id: '125',\n country: 'Madagascar',\n capital: 'Antananarivo'\n },\n {\n id: '126',\n country: 'Malawi',\n capital: 'Lilongwe'\n },\n {\n id: '127',\n country: 'Malaysia',\n capital: 'Kuala Lumpur'\n },\n {\n id: '128',\n country: 'Maldives',\n capital: 'Male'\n },\n {\n id: '129',\n country: 'Mali',\n capital: 'Bamako'\n },\n {\n id: '130',\n country: 'Malta',\n capital: 'Valletta'\n },\n {\n id: '131',\n country: 'Marshall Islands',\n capital: 'Dalap-Uliga-Darrit'\n },\n {\n id: '132',\n country: 'Martinique',\n capital: 'Fort-de-France'\n },\n {\n id: '133',\n country: 'Mauritania',\n capital: 'Nouakchott'\n },\n {\n id: '134',\n country: 'Mauritius',\n capital: 'Port-Louis'\n },\n {\n id: '135',\n country: 'Mayotte',\n capital: 'Mamoutzou'\n },\n {\n id: '136',\n country: 'Mexico',\n capital: 'Ciudad de M'\n },\n {\n id: '137',\n country: 'Micronesia, Federated States of',\n capital: 'Palikir'\n },\n {\n id: '138',\n country: 'Moldova',\n capital: 'Chisinau'\n },\n {\n id: '139',\n country: 'Monaco',\n capital: 'Monaco-Ville'\n },\n {\n id: '140',\n country: 'Mongolia',\n capital: 'Ulan Bator'\n },\n {\n id: '141',\n country: 'Montenegro',\n capital: 'Podgorica'\n },\n {\n id: '142',\n country: 'Montserrat',\n capital: 'Plymouth'\n },\n {\n id: '143',\n country: 'Morocco',\n capital: 'Rabat'\n },\n {\n id: '144',\n country: 'Mozambique',\n capital: 'Maputo'\n },\n {\n id: '145',\n country: 'Myanmar',\n capital: 'Rangoon (Yangon)'\n },\n {\n id: '146',\n country: 'Namibia',\n capital: 'Windhoek'\n },\n {\n id: '147',\n country: 'Nauru',\n capital: 'Yaren'\n },\n {\n id: '148',\n country: 'Nepal',\n capital: 'Kathmandu'\n },\n {\n id: '149',\n country: 'Netherlands',\n capital: 'Amsterdam'\n },\n {\n id: '150',\n country: 'Netherlands Antilles',\n capital: 'Willemstad'\n },\n {\n id: '151',\n country: 'New Caledonia',\n capital: 'Noum'\n },\n {\n id: '152',\n country: 'New Zealand',\n capital: 'Wellington'\n },\n {\n id: '153',\n country: 'Nicaragua',\n capital: 'Managua'\n },\n {\n id: '154',\n country: 'Niger',\n capital: 'Niamey'\n },\n {\n id: '155',\n country: 'Nigeria',\n capital: 'Abuja'\n },\n {\n id: '156',\n country: 'Niue',\n capital: 'Alofi'\n },\n {\n id: '157',\n country: 'Norfolk Island',\n capital: 'Kingston'\n },\n {\n id: '158',\n country: 'North Korea',\n capital: 'Pyongyang'\n },\n {\n id: '159',\n country: 'Northern Ireland',\n capital: 'Belfast'\n },\n {\n id: '160',\n country: 'Northern Mariana Islands',\n capital: 'Garapan'\n },\n {\n id: '161',\n country: 'Norway',\n capital: 'Oslo'\n },\n {\n id: '162',\n country: 'Oman',\n capital: 'Masqat'\n },\n {\n id: '163',\n country: 'Pakistan',\n capital: 'Islamabad'\n },\n {\n id: '164',\n country: 'Palau',\n capital: 'Koror'\n },\n {\n id: '165',\n country: 'Palestine',\n capital: 'Gaza'\n },\n {\n id: '166',\n country: 'Panama',\n capital: 'Ciudad de Panamá'\n },\n {\n id: '167',\n country: 'Papua New Guinea',\n capital: 'Port Moresby'\n },\n {\n id: '168',\n country: 'Paraguay',\n capital: 'Asunción'\n },\n {\n id: '169',\n country: 'Peru',\n capital: 'Lima'\n },\n {\n id: '170',\n country: 'Philippines',\n capital: 'Manila'\n },\n {\n id: '171',\n country: 'Pitcairn',\n capital: 'Adamstown'\n },\n {\n id: '172',\n country: 'Poland',\n capital: 'Warszawa'\n },\n {\n id: '173',\n country: 'Portugal',\n capital: 'Lisboa'\n },\n {\n id: '174',\n country: 'Puerto Rico',\n capital: 'San Juan'\n },\n {\n id: '175',\n country: 'Qatar',\n capital: 'Doha'\n },\n {\n id: '176',\n country: 'Reunion',\n capital: 'Saint-Denis'\n },\n {\n id: '177',\n country: 'Romania',\n capital: 'Bucuresti'\n },\n {\n id: '178',\n country: 'Russian Federation',\n capital: 'Moscow'\n },\n {\n id: '179',\n country: 'Rwanda',\n capital: 'Kigali'\n },\n {\n id: '180',\n country: 'Saint Helena',\n capital: 'Jamestown'\n },\n {\n id: '181',\n country: 'Saint Kitts and Nevis',\n capital: 'Basseterre'\n },\n {\n id: '182',\n country: 'Saint Lucia',\n capital: 'Castries'\n },\n {\n id: '183',\n country: 'Saint Pierre and Miquelon',\n capital: 'Saint-Pierre'\n },\n {\n id: '184',\n country: 'Saint Vincent and the Grenadines',\n capital: 'Kingstown'\n },\n {\n id: '185',\n country: 'Samoa',\n capital: 'Apia'\n },\n {\n id: '186',\n country: 'San Marino',\n capital: 'San Marino'\n },\n {\n id: '187',\n country: 'Sao Tome and Principe',\n capital: 'São Tomé'\n },\n {\n id: '188',\n country: 'Saudi Arabia',\n capital: 'Riyadh'\n },\n {\n id: '189',\n country: 'Scotland',\n capital: 'Edinburgh'\n },\n {\n id: '190',\n country: 'Senegal',\n capital: 'Dakar'\n },\n {\n id: '191',\n country: 'Serbia',\n capital: 'Belgrade'\n },\n {\n id: '192',\n country: 'Seychelles',\n capital: 'Victoria'\n },\n {\n id: '193',\n country: 'Sierra Leone',\n capital: 'Freetown'\n },\n {\n id: '194',\n country: 'Singapore',\n capital: 'Singapore'\n },\n {\n id: '195',\n country: 'Slovakia',\n capital: 'Bratislava'\n },\n {\n id: '196',\n country: 'Slovenia',\n capital: 'Ljubljana'\n },\n {\n id: '197',\n country: 'Solomon Islands',\n capital: 'Honiara'\n },\n {\n id: '198',\n country: 'Somalia',\n capital: 'Mogadishu'\n },\n {\n id: '199',\n country: 'South Africa',\n capital: 'Pretoria'\n },\n {\n id: '200',\n country: 'South Georgia and the South Sandwich Islands'\n },\n {\n id: '201',\n country: 'South Korea',\n capital: 'Seoul'\n },\n {\n id: '202',\n country: 'South Sudan',\n capital: 'Juba'\n },\n {\n id: '203',\n country: 'Spain',\n capital: 'Madrid'\n },\n {\n id: '204',\n country: 'Sri Lanka',\n capital: 'Colombo, Sri Jayawardenepura Kotte'\n },\n {\n id: '205',\n country: 'Sudan',\n capital: 'Khartum'\n },\n {\n id: '206',\n country: 'Suriname',\n capital: 'Paramaribo'\n },\n {\n id: '207',\n country: 'Svalbard and Jan Mayen',\n capital: 'Longyearbyen'\n },\n {\n id: '208',\n country: 'Swaziland',\n capital: 'Mbabane'\n },\n {\n id: '209',\n country: 'Sweden',\n capital: 'Stockholm'\n },\n {\n id: '210',\n country: 'Switzerland',\n capital: 'Bern'\n },\n {\n id: '211',\n country: 'Syria',\n capital: 'Damascus'\n },\n {\n id: '212',\n country: 'Tajikistan',\n capital: 'Dushanbe'\n },\n {\n id: '213',\n country: 'Tanzania',\n capital: 'Dodoma'\n },\n {\n id: '214',\n country: 'Thailand',\n capital: 'Bangkok'\n },\n {\n id: '215',\n country: 'The Democratic Republic of Congo',\n capital: 'Kinshasa'\n },\n {\n id: '216',\n country: 'Togo',\n capital: 'Lomé'\n },\n {\n id: '217',\n country: 'Tokelau',\n capital: 'Fakaofo'\n },\n {\n id: '218',\n country: 'Tonga',\n capital: \"Nuku'alofa\"\n },\n {\n id: '219',\n country: 'Trinidad and Tobago',\n capital: 'Port-of-Spain'\n },\n {\n id: '220',\n country: 'Tunisia',\n capital: 'Tunis'\n },\n {\n id: '221',\n country: 'Turkey',\n capital: 'Ankara'\n },\n {\n id: '222',\n country: 'Turkmenistan',\n capital: 'Ashgabat'\n },\n {\n id: '223',\n country: 'Turks and Caicos Islands',\n capital: 'Cockburn Town'\n },\n {\n id: '224',\n country: 'Tuvalu',\n capital: 'Funafuti'\n },\n {\n id: '225',\n country: 'Uganda',\n capital: 'Kampala'\n },\n {\n id: '226',\n country: 'Ukraine',\n capital: 'Kyiv'\n },\n {\n id: '227',\n country: 'United Arab Emirates',\n capital: 'Abu Dhabi'\n },\n {\n id: '228',\n country: 'United Kingdom',\n capital: 'London'\n },\n {\n id: '229',\n country: 'United States',\n capital: 'Washington'\n },\n {\n id: '230',\n country: 'United States Minor Outlying Islands'\n },\n {\n id: '231',\n country: 'Uruguay',\n capital: 'Montevideo'\n },\n {\n id: '232',\n country: 'Uzbekistan',\n capital: 'Toskent'\n },\n {\n id: '233',\n country: 'Vanuatu',\n capital: 'Port-Vila'\n },\n {\n id: '234',\n country: 'Venezuela',\n capital: 'Caracas'\n },\n {\n id: '235',\n country: 'Vietnam',\n capital: 'Hanoi'\n },\n {\n id: '236',\n country: 'Virgin Islands, British',\n capital: 'Road Town'\n },\n {\n id: '237',\n country: 'Virgin Islands, U.S.',\n capital: 'Charlotte Amalie'\n },\n {\n id: '238',\n country: 'Wales',\n capital: 'Cardiff'\n },\n {\n id: '239',\n country: 'Wallis and Futuna',\n capital: 'Mata-Utu'\n },\n {\n id: '240',\n country: 'Western Sahara',\n capital: 'El-Aai'\n },\n {\n id: '241',\n country: 'Yemen',\n capital: 'Sanaa'\n },\n {\n id: '242',\n country: 'Zambia',\n capital: 'Lusaka'\n },\n {\n id: '243',\n country: 'Zimbabwe',\n capital: 'Harare'\n }\n];\n"]}

package/dist/collection/components/cat-tabs/cat-tabs.css CHANGED Viewed

@@ -26,8 +26,8 @@
 }
 .tab {
-  padding: 0.5rem;
+  padding: 0.5rem 0;
 }
 .tab.tab-active {
-  box-shadow: inset 0 -3px 0 0 rgb(var(--cat-primary-bg, 32, 127, 138));
+  box-shadow: inset 0 -3px 0 0 rgb(var(--cat-primary-bg, 0, 129, 148));
 }

package/dist/collection/components/cat-tabs/cat-tabs.js CHANGED Viewed

@@ -58,7 +58,7 @@ export class CatTabs {
       return (h("cat-button", { ref: el => el && this.updateButtonsRef(el), buttonId: tab.id, role: "tab", part: "tab", class: {
           tab: true,
           'tab-active': Boolean(this.activeTabId && tab.id === this.activeTabId)
-        }, color: this.activeTabId && tab.id === this.activeTabId ? 'primary' : 'secondary', variant: "text", icon: tab.icon, iconOnly: tab.iconOnly, iconRight: tab.iconRight, url: tab.url, disabled: tab.deactivated, urlTarget: tab.urlTarget, onCatClick: () => (this.activeTabId = tab.id) }, tab.label));
+        }, active: Boolean(this.activeTabId && tab.id === this.activeTabId), color: this.activeTabId && tab.id === this.activeTabId ? 'primary' : 'secondary', variant: "text", icon: tab.icon, iconOnly: tab.iconOnly, iconRight: tab.iconRight, url: tab.url, disabled: tab.deactivated, urlTarget: tab.urlTarget, onCatClick: () => (this.activeTabId = tab.id) }, tab.label));
     })));
   }
   updateButtonsRef(button) {

package/dist/collection/components/cat-tabs/cat-tabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cat-tabs.js","sourceRoot":"","sources":["../../../src/components/cat-tabs/cat-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAExF;;;;;GAKG;AAMH,MAAM,OAAO,OAAO;EALpB;IAMU,YAAO,GAA2B,EAAE,CAAC;IAKpC,SAAI,GAAwB,EAAE,CAAC;IAIxC;;OAEG;IACK,cAAS,GAAG,EAAE,CAAC;IAEvB;;OAEG;IACK,cAAS,GAA4C,MAAM,CAAC;~~GAyFrE~~;~~EAtFC~~,kBAAkB,CAAC,YAAoB;IACrC,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,YAAY,CAAC,CAAC;IACrE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EAAE,CAAC;EACrB,CAAC;EAED,iBAAiB;IACf,IAAI,CAAC,QAAQ,EAAE,CAAC;IAChB,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;MACpB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC;KACnC;EACH,CAAC;EAED,gBAAgB;;IACd,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAC1C,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,KAAK,SAAS,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAC7F,CAAC;IAEF,MAAA,IAAI,CAAC,gBAAgB,0CAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;MAC/C,SAAS,EAAE,IAAI;MACf,UAAU,EAAE,IAAI;MAChB,OAAO,EAAE,IAAI;KACd,CAAC,CAAC;EACL,CAAC;EAED,oBAAoB;;IAClB,MAAA,IAAI,CAAC,gBAAgB,0CAAE,UAAU,EAAE,CAAC;EACtC,CAAC;EAGD,SAAS,CAAC,KAAoB;;IAC5B,IAAI,CAAC,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;MAC3E,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;MACvE,MAAM,aAAa,GAAG,MAAA,IAAI,CAAC,WAAW,CAAC,UAAU,0CAAE,aAAqC,CAAC;MACzF,MAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;MAC7E,MAAM,SAAS,GAAG,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;MAC3E,MAAM,SAAS,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC;MAC9G,cAAc,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,CAAC;MACrC,KAAK,CAAC,cAAc,EAAE,CAAC;KACxB;EACH,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,QACF,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAsB,EAAE,EAAE;MACxC,OAAO,CACL,kBACE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC,EAC1C,QAAQ,EAAE,GAAG,CAAC,EAAE,EAChB,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,KAAK,EACV,KAAK,EAAE;UACL,GAAG,EAAE,IAAI;UACT,YAAY,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,IAAI,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC;SACvE,EACD,KAAK,EAAE,IAAI,CAAC,WAAW,IAAI,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAChF,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,QAAQ,EAAE,GAAG,CAAC,QAAQ,EACtB,SAAS,EAAE,GAAG,CAAC,SAAS,EACxB,GAAG,EAAE,GAAG,CAAC,GAAG,EACZ,QAAQ,EAAE,GAAG,CAAC,WAAW,EACzB,SAAS,EAAE,GAAG,CAAC,SAAS,EACxB,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC,EAAE,CAAC,IAE5C,GAAG,CAAC,KAAK,CACC,CACd,CAAC;IACJ,CAAC,CAAC,CACG,CACR,CAAC;EACJ,CAAC;EAEO,gBAAgB,CAAC,MAA4B;IACnD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAE7C,IAAI,OAAO,IAAI,CAAC,EAAE;MAChB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC;KAChC;SAAM;MACL,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAC3B;EACH,CAAC;EAEO,QAAQ;IACd,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC;EACvE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Element, State, Watch, Listen, Host, Prop } from '@stencil/core';\n\n/*\n Tabs are used to display multiple panels to be contained within a single\n * window, using tabs as a navigational element.\n \n @part tab - The header of the tab.\n /\n@Component({\n tag: 'cat-tabs',\n styleUrl: 'cat-tabs.scss',\n shadow: true\n})\nexport class CatTabs {\n private buttons: HTMLCatButtonElement[] = [];\n private mutationObserver?: MutationObserver;\n\n @Element() hostElement!: HTMLElement;\n\n @State() tabs: HTMLCatTabElement[] = [];\n\n @State() activeTabId?: string;\n\n /\n The ID of the active tab.\n /\n @Prop() activeTab = '';\n\n /\n The alignment of the tabs.\n */\n @Prop() tabsAlign: 'left' \| 'center' \| 'right' \| 'justify' = 'left';\n\n @Watch('activeTabId')\n onActiveTabChanged(newActiveTab: string): void {\n const activeTab = this.tabs.find(value => value.id === newActiveTab);\n activeTab?.click();\n }\n\n componentWillLoad(): void {\n this.syncTabs();\n if (this.tabs.length) {\n this.activeTabId = this.activeTab;\n }\n }\n\n componentDidLoad() {\n this.mutationObserver = new MutationObserver(\n mutations => mutations.some(value => value.target.nodeName === 'CAT-TAB') && this.syncTabs()\n );\n\n this.mutationObserver?.observe(this.hostElement, {\n childList: true,\n attributes: true,\n subtree: true\n });\n }\n\n disconnectedCallback() {\n this.mutationObserver?.disconnect();\n }\n\n @Listen('keydown')\n onKeydown(event: KeyboardEvent): void {\n if (['ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft'].includes(event.key)) {\n const targetElements = this.buttons.filter(button => !button.disabled);\n const activeElement = this.hostElement.shadowRoot?.activeElement as HTMLCatButtonElement;\n const activeIdx = activeElement ? targetElements.indexOf(activeElement) : -1;\n const activeOff = ['ArrowDown', 'ArrowRight'].includes(event.key) ? 1 : -1;\n const targetIdx = activeIdx < 0 ? 0 : (activeIdx + activeOff + targetElements.length) % targetElements.length;\n targetElements[targetIdx].setFocus();\n event.preventDefault();\n }\n }\n\n render() {\n return (\n <Host>\n {this.tabs.map((tab: HTMLCatTabElement) => {\n return (\n <cat-button\n ref={el => el && this.updateButtonsRef(el)}\n buttonId={tab.id}\n role=\"tab\"\n part=\"tab\"\n class={{\n tab: true,\n 'tab-active': Boolean(this.activeTabId && tab.id === this.activeTabId)\n }}\n color={this.activeTabId && tab.id === this.activeTabId ? 'primary' : 'secondary'}\n variant=\"text\"\n icon={tab.icon}\n iconOnly={tab.iconOnly}\n iconRight={tab.iconRight}\n url={tab.url}\n disabled={tab.deactivated}\n urlTarget={tab.urlTarget}\n onCatClick={() => (this.activeTabId = tab.id)}\n >\n {tab.label}\n </cat-button>\n );\n })}\n </Host>\n );\n }\n\n private updateButtonsRef(button: HTMLCatButtonElement) {\n const indexOf = this.buttons.indexOf(button);\n\n if (indexOf >= 0) {\n this.buttons[indexOf] = button;\n } else {\n this.buttons.push(button);\n }\n }\n\n private syncTabs() {\n this.tabs = Array.from(this.hostElement.querySelectorAll('cat-tab'));\n }\n}\n"]}
1	+ {"version":3,"file":"cat-tabs.js","sourceRoot":"","sources":["../../../src/components/cat-tabs/cat-tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Element, State, Watch, Listen, Host, Prop } from '@stencil/core';\n\n/*\n Tabs are used to display multiple panels to be contained within a single\n * window, using tabs as a navigational element.\n \n @part tab - The header of the tab.\n /\n@Component({\n tag: 'cat-tabs',\n styleUrl: 'cat-tabs.scss',\n shadow: true\n})\nexport class CatTabs {\n private buttons: HTMLCatButtonElement[] = [];\n private mutationObserver?: MutationObserver;\n\n @Element() hostElement!: HTMLElement;\n\n @State() tabs: HTMLCatTabElement[] = [];\n\n @State() activeTabId?: string;\n\n /\n The ID of the active tab.\n /\n @Prop() activeTab = '';\n\n /\n The alignment of the tabs.\n */\n @Prop() tabsAlign: 'left' \| 'center' \| 'right' \| 'justify' = 'left';\n\n @Watch('activeTabId')\n onActiveTabChanged(newActiveTab: string): void {\n const activeTab = this.tabs.find(value => value.id === newActiveTab);\n activeTab?.click();\n }\n\n componentWillLoad(): void {\n this.syncTabs();\n if (this.tabs.length) {\n this.activeTabId = this.activeTab;\n }\n }\n\n componentDidLoad() {\n this.mutationObserver = new MutationObserver(\n mutations => mutations.some(value => value.target.nodeName === 'CAT-TAB') && this.syncTabs()\n );\n\n this.mutationObserver?.observe(this.hostElement, {\n childList: true,\n attributes: true,\n subtree: true\n });\n }\n\n disconnectedCallback() {\n this.mutationObserver?.disconnect();\n }\n\n @Listen('keydown')\n onKeydown(event: KeyboardEvent): void {\n if (['ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft'].includes(event.key)) {\n const targetElements = this.buttons.filter(button => !button.disabled);\n const activeElement = this.hostElement.shadowRoot?.activeElement as HTMLCatButtonElement;\n const activeIdx = activeElement ? targetElements.indexOf(activeElement) : -1;\n const activeOff = ['ArrowDown', 'ArrowRight'].includes(event.key) ? 1 : -1;\n const targetIdx = activeIdx < 0 ? 0 : (activeIdx + activeOff + targetElements.length) % targetElements.length;\n targetElements[targetIdx].setFocus();\n event.preventDefault();\n }\n }\n\n render() {\n return (\n <Host>\n {this.tabs.map((tab: HTMLCatTabElement) => {\n return (\n <cat-button\n ref={el => el && this.updateButtonsRef(el)}\n buttonId={tab.id}\n role=\"tab\"\n part=\"tab\"\n class={{\n tab: true,\n 'tab-active': Boolean(this.activeTabId && tab.id === this.activeTabId)\n }}\n active={Boolean(this.activeTabId && tab.id === this.activeTabId)}\n color={this.activeTabId && tab.id === this.activeTabId ? 'primary' : 'secondary'}\n variant=\"text\"\n icon={tab.icon}\n iconOnly={tab.iconOnly}\n iconRight={tab.iconRight}\n url={tab.url}\n disabled={tab.deactivated}\n urlTarget={tab.urlTarget}\n onCatClick={() => (this.activeTabId = tab.id)}\n >\n {tab.label}\n </cat-button>\n );\n })}\n </Host>\n );\n }\n\n private updateButtonsRef(button: HTMLCatButtonElement) {\n const indexOf = this.buttons.indexOf(button);\n\n if (indexOf >= 0) {\n this.buttons[indexOf] = button;\n } else {\n this.buttons.push(button);\n }\n }\n\n private syncTabs() {\n this.tabs = Array.from(this.hostElement.querySelectorAll('cat-tab'));\n }\n}\n"]}

package/dist/collection/components/cat-toggle/cat-toggle.css CHANGED Viewed

@@ -73,7 +73,7 @@ input {
   pointer-events: none;
 }
 :checked + .toggle {
-  background-color: rgb(var(--cat-primary-bg, 32, 127, 138));
+  background-color: rgb(var(--cat-primary-bg, 0, 129, 148));
 }
 :focus-visible + .toggle {
   outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));

package/dist/collection/utils/setDefault.js ADDED Viewed

@@ -0,0 +1,9 @@
+export function setAttributeDefault(host, attr, value) {
+  if (!host.hostElement.hasAttribute(attr) && value != null) {
+    host.hostElement.setAttribute(attr, String(value));
+  }
+}
+export function setPropertyDefault(host, prop) {
+  setAttributeDefault(host, String(prop), host[prop]);
+}
+//# sourceMappingURL=setDefault.js.map

package/dist/collection/utils/setDefault.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"setDefault.js","sourceRoot":"","sources":["../../src/utils/setDefault.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,mBAAmB,CACjC,IAAO,EACP,IAAY,EACZ,KAAc;EAEd,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,IAAI,EAAE;IACzD,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;GACpD;AACH,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAyC,IAAO,EAAE,IAAa;EAC/F,mBAAmB,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AACtD,CAAC","sourcesContent":["export function setAttributeDefault<T extends { hostElement: HTMLElement }>(\n host: T,\n attr: string,\n value: unknown\n): void {\n if (!host.hostElement.hasAttribute(attr) && value != null) {\n host.hostElement.setAttribute(attr, String(value));\n }\n}\n\nexport function setPropertyDefault<T extends { hostElement: HTMLElement }>(host: T, prop: keyof T): void {\n setAttributeDefault(host, String(prop), host[prop]);\n}\n"]}

package/dist/components/cat-alert.js CHANGED Viewed

@@ -1,7 +1,8 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { s as setAttributeDefault, a as setPropertyDefault } from './setDefault.js';
 import { d as defineCustomElement$2 } from './cat-icon2.js';
-const catAlertCss = ":host{display:flex;gap:0.5rem;padding:1.25rem;border-radius:0.5rem;margin-bottom:1rem}:host([hidden]){display:none}:host(:focus-visible){outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.content{align-self:center}::slotted(:last-child){margin-bottom:0 !important}:host([color=primary]){background-color:rgba(var(--cat-primary-bg, 32, 127, 138), 0.1)}:host([color=primary]) cat-icon{color:#207f8a}:host([color=secondary]){background-color:rgba(105, 118, 135, 0.1)}:host([color=secondary]) cat-icon{color:#697687}:host([color=success]){background-color:rgba(0, 132, 88, 0.1)}:host([color=success]) cat-icon{color:#008458}:host([color=warning]){background-color:rgba(255, 206, 128, 0.1)}:host([color=warning]) cat-icon{color:#ebb663}:host([color=danger]){background-color:rgba(217, 52, 13, 0.1)}:host([color=danger]) cat-icon{color:#d9340d}";
+const catAlertCss = ":host{display:flex;gap:0.5rem;padding:1.25rem;border-radius:0.5rem;margin-bottom:1rem}:host([hidden]){display:none}:host(:focus-visible){outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.content{align-self:center}::slotted(:last-child){margin-bottom:0 !important}:host([color=primary]){background-color:rgba(var(--cat-primary-bg, 0, 129, 148), 0.1)}:host([color=primary]) cat-icon{color:rgb(var(--cat-primary-text, 0, 129, 148))}:host([color=secondary]){background-color:rgba(105, 118, 135, 0.1)}:host([color=secondary]) cat-icon{color:#697687}:host([color=success]){background-color:rgba(0, 132, 88, 0.1)}:host([color=success]) cat-icon{color:#008458}:host([color=warning]){background-color:rgba(255, 206, 128, 0.1)}:host([color=warning]) cat-icon{color:#ebb663}:host([color=danger]){background-color:rgba(217, 52, 13, 0.1)}:host([color=danger]) cat-icon{color:#d9340d}";
 const CatAlert$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -31,14 +32,13 @@ const CatAlert$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
      */
     this.noIcon = false;
   }
-  render() {
-    return (h(Host, { tabindex: this.tabIndex, role: this.role }, !this.noIcon && h("cat-icon", { size: "l", icon: this.icon ? this.icon : this.mapIcon.get(this.color) }), h("div", { class: "content" }, h("slot", null))));
-  }
-  get tabIndex() {
-    return this.hostElement.getAttribute('tabindex') || '0';
+  connectedCallback() {
+    setAttributeDefault(this, 'tabindex', 0);
+    setAttributeDefault(this, 'role', this.mapRole.get(this.color));
+    setPropertyDefault(this, 'color');
   }
-  get role() {
-    return this.hostElement.getAttribute('role') || this.mapRole.get(this.color) || null;
+  render() {
+    return (h(Host, null, !this.noIcon && h("cat-icon", { size: "l", icon: this.icon ? this.icon : this.mapIcon.get(this.color) }), h("div", { class: "content" }, h("slot", null))));
   }
   get hostElement() { return this; }
   static get style() { return catAlertCss; }

package/dist/components/cat-alert.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"cat-alert.js","mappings":"~~;;;~~AAAA,MAAM,WAAW,GAAG,~~22BAA22B~~;;~~MCWl3BA~~,UAAQ;EALrB;;;;IAMmB,YAAO,GAAwB,IAAI,GAAG,CAAC;MACtD,CAAC,SAAS,EAAE,oBAAoB,CAAC;MACjC,CAAC,WAAW,EAAE,cAAc,CAAC;MAC7B,CAAC,SAAS,EAAE,qBAAqB,CAAC;MAClC,CAAC,SAAS,EAAE,eAAe,CAAC;MAC5B,CAAC,QAAQ,EAAE,qBAAqB,CAAC;KAClC,CAAC,CAAC;IACc,YAAO,GAAwB,IAAI,GAAG,CAAC;MACtD,CAAC,SAAS,EAAE,QAAQ,CAAC;MACrB,CAAC,WAAW,EAAE,QAAQ,CAAC;MACvB,CAAC,SAAS,EAAE,QAAQ,CAAC;MACrB,CAAC,SAAS,EAAE,OAAO,CAAC;MACpB,CAAC,QAAQ,EAAE,OAAO,CAAC;KACpB,CAAC,CAAC;;;;IAOK,UAAK,GAA+D,SAAS,CAAC;;;;IAU9E,WAAM,GAAG,KAAK,CAAC;~~GAoBxB~~;~~EAlBC~~,~~MAAM~~;~~IACJ~~,~~QACE~~,~~EAAC~~,IAAI,~~IAAC~~,~~QAAQ~~,EAAE,~~IAAI~~,CAAC,~~QAAQ,EAAE,IAAI,EAAE,IAAI,~~CAAC,~~IAAI~~,~~IAC3C,~~CAAC,IAAI,~~CAAC~~,MAAM,~~IAAI,gBAAU,IAAI,EAAC,GAAG,EAAC,IAAI,~~EAAE,IAAI,CAAC,~~IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,~~OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,~~GAAa~~,~~EAC3G~~,~~WAAK~~,~~KAAK~~,~~EAAC~~,~~SAAS~~,~~IAClB~~,~~eAAa~~,~~CACT,CACD,EACP~~;~~GACH~~;EAED,~~IAAY,QAAQ~~;~~IAClB~~,~~OAAO~~,IAAI,CAAC,~~WAAW~~,CAAC,~~YAAY~~,~~CAAC~~,~~UAAU~~,~~CAAC,~~IAAI,GAAG,~~CAAC;GACzD;EAED~~,~~IAAY,~~IAAI~~;IACd~~,~~OAAO~~,IAAI,CAAC,~~WAAW~~,~~CAAC~~,~~YAAY~~,CAAC,~~MAAM~~,~~CAAC~~,IAAI,~~IAAI,~~CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,~~IAAI~~,~~IAAI~~,~~CAAC~~;~~GACtF~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["CatAlert"],"sources":["./src/components/cat-alert/cat-alert.scss?tag=cat-alert&encapsulation=shadow","./src/components/cat-alert/cat-alert.tsx"],"sourcesContent":["@use 'variables' as ;\n@use 'mixins' as ;\n@use 'sass:map';\n\n// -----\n\n$-~~background~~-colors: (\n 'primary': cat-token('color.theme.primary.bg'~~, 0.1~~),\n 'secondary': cat-token('color.theme.secondary.bg', 0.1),\n 'success': cat-token('color.theme.success.bg', 0.1),\n 'warning': cat-token('color.theme.warning.bg', 0.1),\n 'danger': cat-token('color.theme.danger.bg', 0.1)\n);\n$-icon-colors: (\n 'primary': cat-token('color.base.~~brand.400'),\n 'secondary': cat-token('color.base.~~neutral.400'),\n 'success': cat-token('color.base.green.400'),\n 'warning': cat-token('color.base.orange.400'),\n 'danger': cat-token('color.base.red.400')\n);\n\n// -----\n\n:host {\n display: flex;\n gap: 0.5rem;\n padding: 1.25rem;\n border-radius: cat-border-radius('l');\n margin-bottom: $cat-body-margin-bottom;\n}\n\n:host([hidden]) {\n display: none;\n}\n\n:host(:focus-visible) {\n outline: 2px solid cat-token('color.ui.border.focus');\n outline-offset: 1px;\n}\n\n.content {\n align-self: center;\n}\n\n::slotted(:last-child) {\n margin-bottom: 0 !important;\n}\n\n// ----- theme\n\n@mixin theme($theme) {\n :host([color='#{$theme}']) {\n background-color: ~~map~~.~~get($-background-colors~~, ~~$theme~~);\n\n cat-icon {\n color: map.get($-icon-colors, $theme);\n }\n }\n}\n\n@include theme('primary');\n@include theme('secondary');\n@include theme('success');\n@include theme('warning');\n@include theme('danger');\n","import { Component, h, Host, Prop, ~~Element~~ } from '@stencil/core';\n\n/*\n Informs user about important changes or conditions in the interface. Use this\n * component if you need to capture user’s attention in a prominent way.\n /\n@Component({\n tag: 'cat-alert',\n styleUrl: 'cat-alert.scss',\n shadow: true\n})\nexport class CatAlert {\n private readonly mapIcon: Map<string, string> = new Map([\n ['primary', 'star-circle-filled'],\n ['secondary', 'clock-filled'],\n ['success', 'check-circle-filled'],\n ['warning', 'danger-filled'],\n ['danger', 'cross-circle-filled']\n ]);\n private readonly mapRole: Map<string, string> = new Map([\n ['primary', 'status'],\n ['secondary', 'status'],\n ['success', 'status'],\n ['warning', 'alert'],\n ['danger', 'alert']\n ]);\n\n @Element() hostElement!: HTMLElement;\n\n /\n The color palette of the alert.\n /\n @Prop() color: 'primary' \| 'secondary' \| 'danger' \| 'success' \| 'warning' = 'primary';\n\n /\n The name of an icon to be displayed in the alert.\n /\n @Prop() icon?: string;\n\n /\n Whether the icon of the alert is deactivated.\n */\n @Prop() noIcon = false;\n\n render() {\n return (\n <Host ~~tabindex={this.tabIndex} role={this.role}~~>\n {!this.noIcon && <cat-icon size=\"l\" icon={this.icon ? this.icon : this.mapIcon.get(this.color)}></cat-icon>}\n <div class=\"content\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n~~\n private get tabIndex() {\n return this.hostElement.getAttribute('tabindex') \|\| '0';\n~~ }\n~~\n private get role() {\n return this.hostElement.getAttribute('role') \|\| this.mapRole.get(this.color) \|\| null;\n }\n}\n~~"],"version":3}
1	+ {"file":"cat-alert.js","mappings":";;;;AAAA,MAAM,WAAW,GAAG,44BAA44B;;MCYn5BA,UAAQ;EALrB;;;;IAMmB,YAAO,GAAwB,IAAI,GAAG,CAAC;MACtD,CAAC,SAAS,EAAE,oBAAoB,CAAC;MACjC,CAAC,WAAW,EAAE,cAAc,CAAC;MAC7B,CAAC,SAAS,EAAE,qBAAqB,CAAC;MAClC,CAAC,SAAS,EAAE,eAAe,CAAC;MAC5B,CAAC,QAAQ,EAAE,qBAAqB,CAAC;KAClC,CAAC,CAAC;IACc,YAAO,GAAwB,IAAI,GAAG,CAAC;MACtD,CAAC,SAAS,EAAE,QAAQ,CAAC;MACrB,CAAC,WAAW,EAAE,QAAQ,CAAC;MACvB,CAAC,SAAS,EAAE,QAAQ,CAAC;MACrB,CAAC,SAAS,EAAE,OAAO,CAAC;MACpB,CAAC,QAAQ,EAAE,OAAO,CAAC;KACpB,CAAC,CAAC;;;;IAOK,UAAK,GAA+D,SAAS,CAAC;;;;IAU9E,WAAM,GAAG,KAAK,CAAC;GAkBxB;EAhBC,iBAAiB;IACf,mBAAmB,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;IACzC,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAChE,kBAAkB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;GACnC;EAED,MAAM;IACJ,QACE,EAAC,IAAI,QACF,CAAC,IAAI,CAAC,MAAM,IAAI,gBAAU,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,GAAa,EAC3G,WAAK,KAAK,EAAC,SAAS,IAClB,eAAa,CACT,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["CatAlert"],"sources":["./src/components/cat-alert/cat-alert.scss?tag=cat-alert&encapsulation=shadow","./src/components/cat-alert/cat-alert.tsx"],"sourcesContent":["@use 'variables' as ;\n@use 'mixins' as ;\n@use 'sass:map';\n\n// -----\n\n$-icon-colors: (\n 'primary': cat-token('color.theme.primary.text'),\n 'secondary': cat-token('color.base.neutral.400'),\n 'success': cat-token('color.base.green.400'),\n 'warning': cat-token('color.base.orange.400'),\n 'danger': cat-token('color.base.red.400')\n);\n\n// -----\n\n:host {\n display: flex;\n gap: 0.5rem;\n padding: 1.25rem;\n border-radius: cat-border-radius('l');\n margin-bottom: $cat-body-margin-bottom;\n}\n\n:host([hidden]) {\n display: none;\n}\n\n:host(:focus-visible) {\n outline: 2px solid cat-token('color.ui.border.focus');\n outline-offset: 1px;\n}\n\n.content {\n align-self: center;\n}\n\n::slotted(:last-child) {\n margin-bottom: 0 !important;\n}\n\n// ----- theme\n\n@mixin theme($theme) {\n :host([color='#{$theme}']) {\n background-color: cat-token('color.theme.#{$theme}.bg', 0.1);\n\n cat-icon {\n color: map.get($-icon-colors, $theme);\n }\n }\n}\n\n@include theme('primary');\n@include theme('secondary');\n@include theme('success');\n@include theme('warning');\n@include theme('danger');\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { setAttributeDefault, setPropertyDefault } from '../../utils/setDefault';\n\n/*\n Informs user about important changes or conditions in the interface. Use this\n * component if you need to capture user’s attention in a prominent way.\n /\n@Component({\n tag: 'cat-alert',\n styleUrl: 'cat-alert.scss',\n shadow: true\n})\nexport class CatAlert {\n private readonly mapIcon: Map<string, string> = new Map([\n ['primary', 'star-circle-filled'],\n ['secondary', 'clock-filled'],\n ['success', 'check-circle-filled'],\n ['warning', 'danger-filled'],\n ['danger', 'cross-circle-filled']\n ]);\n private readonly mapRole: Map<string, string> = new Map([\n ['primary', 'status'],\n ['secondary', 'status'],\n ['success', 'status'],\n ['warning', 'alert'],\n ['danger', 'alert']\n ]);\n\n @Element() hostElement!: HTMLElement;\n\n /\n The color palette of the alert.\n /\n @Prop() color: 'primary' \| 'secondary' \| 'danger' \| 'success' \| 'warning' = 'primary';\n\n /\n The name of an icon to be displayed in the alert.\n /\n @Prop() icon?: string;\n\n /\n Whether the icon of the alert is deactivated.\n */\n @Prop() noIcon = false;\n\n connectedCallback() {\n setAttributeDefault(this, 'tabindex', 0);\n setAttributeDefault(this, 'role', this.mapRole.get(this.color));\n setPropertyDefault(this, 'color');\n }\n\n render() {\n return (\n <Host>\n {!this.noIcon && <cat-icon size=\"l\" icon={this.icon ? this.icon : this.mapIcon.get(this.color)}></cat-icon>}\n <div class=\"content\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/cat-avatar2.js CHANGED Viewed

@@ -17,7 +17,7 @@ const loadImg = (src) => {
   });
 };
-const catAvatarCss = ":host{display:inline-block;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;}:host([hidden]){display:none}.avatar{display:flex;align-items:center;justify-content:center;border-radius:0.25rem;text-decoration:inherit;color:var(--cat-avatar-fill, white);background-color:var(--cat-avatar-bg, #697687);background-size:cover;background-position:center;white-space:nowrap;overflow:hidden}.avatar:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.avatar-round{border-radius:50%}.avatar-xs{width:var(--cat-avatar-size, 1.5rem);height:var(--cat-avatar-size, 1.5rem);line-height:var(--cat-avatar-size, 1.5rem);font-size:var(--cat-avatar-font-size, 0.75rem)}.avatar-s{width:var(--cat-avatar-size, 2rem);height:var(--cat-avatar-size, 2rem);line-height:var(--cat-avatar-size, 2rem);font-size:var(--cat-avatar-font-size, 0.875rem)}.avatar-m{width:var(--cat-avatar-size, 2.5rem);height:var(--cat-avatar-size, 2.5rem);line-height:var(--cat-avatar-size, 2.5rem);font-size:var(--cat-avatar-font-size, 0.9375rem)}.avatar-l{width:var(--cat-avatar-size, 3rem);height:var(--cat-avatar-size, 3rem);line-height:var(--cat-avatar-size, 3rem);font-size:var(--cat-avatar-font-size, 1.125rem)}.avatar-xl{width:var(--cat-avatar-size, 3.5rem);height:var(--cat-avatar-size, 3.5rem);line-height:var(--cat-avatar-size, 3.5rem);font-size:var(--cat-avatar-font-size, 1.25rem)}";
+const catAvatarCss = ":host{display:contents}:host([hidden]){display:none}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:0.25rem;text-decoration:inherit;color:var(--cat-avatar-fill, white);background-color:var(--cat-avatar-bg, #697687);background-size:cover;background-position:center;white-space:nowrap;overflow:hidden;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;}.avatar:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.avatar-round{border-radius:50%}.avatar-xs{width:var(--cat-avatar-size, 1.5rem);height:var(--cat-avatar-size, 1.5rem);line-height:var(--cat-avatar-size, 1.5rem);font-size:var(--cat-avatar-font-size, 0.75rem)}.avatar-s{width:var(--cat-avatar-size, 2rem);height:var(--cat-avatar-size, 2rem);line-height:var(--cat-avatar-size, 2rem);font-size:var(--cat-avatar-font-size, 0.875rem)}.avatar-m{width:var(--cat-avatar-size, 2.5rem);height:var(--cat-avatar-size, 2.5rem);line-height:var(--cat-avatar-size, 2.5rem);font-size:var(--cat-avatar-font-size, 0.9375rem)}.avatar-l{width:var(--cat-avatar-size, 3rem);height:var(--cat-avatar-size, 3rem);line-height:var(--cat-avatar-size, 3rem);font-size:var(--cat-avatar-font-size, 1.125rem)}.avatar-xl{width:var(--cat-avatar-size, 3.5rem);height:var(--cat-avatar-size, 3.5rem);line-height:var(--cat-avatar-size, 3.5rem);font-size:var(--cat-avatar-font-size, 1.25rem)}";
 const CatAvatar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/cat-avatar2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"cat-avatar2.js","mappings":";;;;AAAA;;;;;;AAMA,MAAM,OAAO,GAAG,CAAC,GAAW;EAC1B,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM;IACjC,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;IAC1B,KAAK,CAAC,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACxC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;GACjB,CAAC,CAAC;AACL,CAAC;;ACbD,MAAM,YAAY,GAAG,~~o5CAAo5C~~;;~~MCY55C~~,SAAS;EALtB;;;;;;;IAWU,SAAI,GAAkC,GAAG,CAAC;;;;IAK1C,UAAK,GAAG,KAAK,CAAC;;;;IAKd,UAAK,GAAG,EAAE,CAAC;GA4FpB;EAhEC,YAAY,CAAC,KAAc;IACzB,IAAI,KAAK,EAAE;MACT,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI,CACjB,OAAO,IAAI,CAAC,eAAe,GAAG,OAAO,KAAK,GAAG,CAAC,EAC9C,OAAO,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC,CACzC,CAAC;KACH;SAAM;MACL,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;KAClC;GACF;EAED,iBAAiB;IACf,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;GAC7B;EAED,mBAAmB;IACjB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;MACfA,QAAG,CAAC,IAAI,CAAC,qCAAqC,EAAE,IAAI,CAAC,CAAC;KACvD;GACF;EAED,MAAM;IACJ,IAAI,IAAI,CAAC,GAAG,EAAE;MACZ,QACE,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,gBAAc,IAAI,CAAC,KAAK,IAC1G,IAAI,CAAC,OAAO,CACX,EACJ;KACH;SAAM;MACL,QACE,YAAM,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,gBAAc,IAAI,CAAC,KAAK,IACrE,IAAI,CAAC,OAAO,CACR,EACP;KACH;GACF;EAED,IAAY,OAAO;IACjB,OAAO,CAAC,IAAI,CAAC,eAAe;QACxB,CAAC,IAAI,CAAC,IAAI,GAAG,gBAAU,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAa,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAC1F,EAAE,CAAC;GACR;EAED,IAAY,QAAQ;IAClB,OAAO,EAAE,kBAAkB,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC;GACrD;EAED,IAAY,QAAQ;IAClB,OAAO;MACL,MAAM,EAAE,IAAI;MACZ,cAAc,EAAE,IAAI,CAAC,KAAK;MAC1B,CAAC,UAAU,IAAI,CAAC,IAAI,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;KAC5C,CAAC;GACH;EAEO,WAAW;;IACjB,QACE,MAAA,IAAI,CAAC,QAAQ,mCACb,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE;OACd,KAAK,CAAC,GAAG,CAAC;OACV,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;OACd,IAAI,CAAC,EAAE,CAAC,EACX;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["log"],"sources":["./src/utils/load-img.ts","./src/components/cat-avatar/cat-avatar.scss?tag=cat-avatar&encapsulation=shadow","./src/components/cat-avatar/cat-avatar.tsx"],"sourcesContent":["/*\n Loads an image and wraps the result in a promise.\n \n @param src the image URL\n * @returns a promise\n /\nconst loadImg = (src: string): Promise<Event> => {\n return new Promise((resolve, reject) => {\n const image = new Image();\n image.addEventListener('load', resolve);\n image.addEventListener('error', reject);\n image.src = src;\n });\n};\n\nexport default loadImg;\n","@use 'variables' as ;\n@use 'mixins' as ;\n@use 'sass:map';\n\n// -----\n\n$-background-color: cat-token('color.base.neutral.400');\n$-color: cat-token('color.base.neutral.0');\n$-sizes: (\n 'xl': 3.5rem,\n 'l': 3rem,\n 'm': 2.5rem,\n 's': 2rem,\n 'xs': 1.5rem\n);\n\n// -----\n\n:host {\n /\n @prop --cat-avatar-bg: The background color of the avatar.\n * @prop --cat-avatar-fill: The text color of the avatar.\n * @prop --cat-avatar-size: The size of the avatar.\n * @prop --cat-avatar-font-size: The font size of the avatar.\n /\n display: ~~inline-block~~;\n ~~vertical-align: middle;\n @include cat-select(none);\n~~}\n\n:host([hidden]) {\n display: none;\n}\n\n.avatar {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: cat-border-radius('m');\n text-decoration: inherit;\n color: var(--cat-avatar-fill, $-color);\n background-color: var(--cat-avatar-bg, $-background-color);\n background-size: cover;\n background-position: center;\n white-space: nowrap;\n overflow: hidden;\n\n &:focus-visible {\n outline: 2px solid cat-token('color.ui.border.focus');\n outline-offset: 1px;\n }\n}\n\n.avatar-round {\n border-radius: 50%;\n}\n\n// ----- size\n\n@mixin size($size, $fontSize) {\n .avatar-#{$size} {\n width: var(--cat-avatar-size, map.get($-sizes, $size));\n height: var(--cat-avatar-size, map.get($-sizes, $size));\n line-height: var(--cat-avatar-size, map.get($-sizes, $size));\n font-size: var(--cat-avatar-font-size, cat-body-font-size($fontSize));\n }\n}\n\n@include size('xs', 'xs');\n@include size('s', 's');\n@include size('m', 'm');\n@include size('l', 'l');\n@include size('xl', 'xl');\n","import { Component, h, Prop, State, Watch } from '@stencil/core';\nimport log from 'loglevel';\nimport loadImg from '../../utils/load-img';\n\n/\n Avatars are used to represent a person or object.\n /\n@Component({\n tag: 'cat-avatar',\n styleUrl: 'cat-avatar.scss',\n shadow: true\n})\nexport class CatAvatar {\n @State() backgroundImage?: string;\n\n /\n The size of the avatar.\n /\n @Prop() size: 'xs' \| 's' \| 'm' \| 'l' \| 'xl' = 'm';\n\n /\n Use round avatar edges.\n /\n @Prop() round = false;\n\n /\n The label of the avatar.\n /\n @Prop() label = '';\n\n /\n Custom initials for the avatar.\n /\n @Prop() initials?: string;\n\n /\n An optional avatar image.\n /\n @Prop() src?: string;\n\n /\n An icon to be used instead of the initials.\n /\n @Prop() icon?: string;\n\n /\n A destination to link to, rendered in the href attribute of a link.\n /\n @Prop() url?: string;\n\n /\n Specifies where to open the linked document.\n */\n @Prop() urlTarget?: '_blank' \| '_self';\n\n @Watch('src')\n onSrcChanged(value?: string): void {\n if (value) {\n loadImg(value).then(\n () => (this.backgroundImage = `url(${value})`),\n () => (this.backgroundImage = undefined)\n );\n } else {\n this.backgroundImage = undefined;\n }\n }\n\n componentWillLoad(): void {\n this.onSrcChanged(this.src);\n }\n\n componentWillRender(): void {\n if (!this.label) {\n log.warn('[A11y] Missing ARIA label on avatar', this);\n }\n }\n\n render() {\n if (this.url) {\n return (\n <a href={this.url} target={this.urlTarget} style={this.cssStyle} class={this.cssClass} aria-label={this.label}>\n {this.content}\n </a>\n );\n } else {\n return (\n <span style={this.cssStyle} class={this.cssClass} aria-label={this.label}>\n {this.content}\n </span>\n );\n }\n }\n\n private get content() {\n return !this.backgroundImage\n ? [this.icon ? <cat-icon icon={this.icon} size={this.size}></cat-icon> : this.getInitials()]\n : [];\n }\n\n private get cssStyle() {\n return { 'background-image': this.backgroundImage };\n }\n\n private get cssClass() {\n return {\n avatar: true,\n 'avatar-round': this.round,\n [`avatar-${this.size}`]: Boolean(this.size)\n };\n }\n\n private getInitials(): string {\n return (\n this.initials ??\n (this.label ?? '')\n .split(' ')\n .map(n => n[0])\n .join('')\n );\n }\n}\n"],"version":3}
1	+ {"file":"cat-avatar2.js","mappings":";;;;AAAA;;;;;;AAMA,MAAM,OAAO,GAAG,CAAC,GAAW;EAC1B,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM;IACjC,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;IAC1B,KAAK,CAAC,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACxC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;GACjB,CAAC,CAAC;AACL,CAAC;;ACbD,MAAM,YAAY,GAAG,u5CAAu5C;;MCY/5C,SAAS;EALtB;;;;;;;IAWU,SAAI,GAAkC,GAAG,CAAC;;;;IAK1C,UAAK,GAAG,KAAK,CAAC;;;;IAKd,UAAK,GAAG,EAAE,CAAC;GA4FpB;EAhEC,YAAY,CAAC,KAAc;IACzB,IAAI,KAAK,EAAE;MACT,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI,CACjB,OAAO,IAAI,CAAC,eAAe,GAAG,OAAO,KAAK,GAAG,CAAC,EAC9C,OAAO,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC,CACzC,CAAC;KACH;SAAM;MACL,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;KAClC;GACF;EAED,iBAAiB;IACf,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;GAC7B;EAED,mBAAmB;IACjB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;MACfA,QAAG,CAAC,IAAI,CAAC,qCAAqC,EAAE,IAAI,CAAC,CAAC;KACvD;GACF;EAED,MAAM;IACJ,IAAI,IAAI,CAAC,GAAG,EAAE;MACZ,QACE,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,gBAAc,IAAI,CAAC,KAAK,IAC1G,IAAI,CAAC,OAAO,CACX,EACJ;KACH;SAAM;MACL,QACE,YAAM,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,gBAAc,IAAI,CAAC,KAAK,IACrE,IAAI,CAAC,OAAO,CACR,EACP;KACH;GACF;EAED,IAAY,OAAO;IACjB,OAAO,CAAC,IAAI,CAAC,eAAe;QACxB,CAAC,IAAI,CAAC,IAAI,GAAG,gBAAU,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAa,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAC1F,EAAE,CAAC;GACR;EAED,IAAY,QAAQ;IAClB,OAAO,EAAE,kBAAkB,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC;GACrD;EAED,IAAY,QAAQ;IAClB,OAAO;MACL,MAAM,EAAE,IAAI;MACZ,cAAc,EAAE,IAAI,CAAC,KAAK;MAC1B,CAAC,UAAU,IAAI,CAAC,IAAI,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;KAC5C,CAAC;GACH;EAEO,WAAW;;IACjB,QACE,MAAA,IAAI,CAAC,QAAQ,mCACb,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE;OACd,KAAK,CAAC,GAAG,CAAC;OACV,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;OACd,IAAI,CAAC,EAAE,CAAC,EACX;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["log"],"sources":["./src/utils/load-img.ts","./src/components/cat-avatar/cat-avatar.scss?tag=cat-avatar&encapsulation=shadow","./src/components/cat-avatar/cat-avatar.tsx"],"sourcesContent":["/*\n Loads an image and wraps the result in a promise.\n \n @param src the image URL\n * @returns a promise\n /\nconst loadImg = (src: string): Promise<Event> => {\n return new Promise((resolve, reject) => {\n const image = new Image();\n image.addEventListener('load', resolve);\n image.addEventListener('error', reject);\n image.src = src;\n });\n};\n\nexport default loadImg;\n","@use 'variables' as ;\n@use 'mixins' as ;\n@use 'sass:map';\n\n// -----\n\n$-background-color: cat-token('color.base.neutral.400');\n$-color: cat-token('color.base.neutral.0');\n$-sizes: (\n 'xl': 3.5rem,\n 'l': 3rem,\n 'm': 2.5rem,\n 's': 2rem,\n 'xs': 1.5rem\n);\n\n// -----\n\n:host {\n /\n @prop --cat-avatar-bg: The background color of the avatar.\n * @prop --cat-avatar-fill: The text color of the avatar.\n * @prop --cat-avatar-size: The size of the avatar.\n * @prop --cat-avatar-font-size: The font size of the avatar.\n /\n display: contents;\n}\n\n:host([hidden]) {\n display: none;\n}\n\n.avatar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: cat-border-radius('m');\n text-decoration: inherit;\n color: var(--cat-avatar-fill, $-color);\n background-color: var(--cat-avatar-bg, $-background-color);\n background-size: cover;\n background-position: center;\n white-space: nowrap;\n overflow: hidden;\n vertical-align: middle;\n @include cat-select(none);\n\n &:focus-visible {\n outline: 2px solid cat-token('color.ui.border.focus');\n outline-offset: 1px;\n }\n}\n\n.avatar-round {\n border-radius: 50%;\n}\n\n// ----- size\n\n@mixin size($size, $fontSize) {\n .avatar-#{$size} {\n width: var(--cat-avatar-size, map.get($-sizes, $size));\n height: var(--cat-avatar-size, map.get($-sizes, $size));\n line-height: var(--cat-avatar-size, map.get($-sizes, $size));\n font-size: var(--cat-avatar-font-size, cat-body-font-size($fontSize));\n }\n}\n\n@include size('xs', 'xs');\n@include size('s', 's');\n@include size('m', 'm');\n@include size('l', 'l');\n@include size('xl', 'xl');\n","import { Component, h, Prop, State, Watch } from '@stencil/core';\nimport log from 'loglevel';\nimport loadImg from '../../utils/load-img';\n\n/\n Avatars are used to represent a person or object.\n /\n@Component({\n tag: 'cat-avatar',\n styleUrl: 'cat-avatar.scss',\n shadow: true\n})\nexport class CatAvatar {\n @State() backgroundImage?: string;\n\n /\n The size of the avatar.\n /\n @Prop() size: 'xs' \| 's' \| 'm' \| 'l' \| 'xl' = 'm';\n\n /\n Use round avatar edges.\n /\n @Prop() round = false;\n\n /\n The label of the avatar.\n /\n @Prop() label = '';\n\n /\n Custom initials for the avatar.\n /\n @Prop() initials?: string;\n\n /\n An optional avatar image.\n /\n @Prop() src?: string;\n\n /\n An icon to be used instead of the initials.\n /\n @Prop() icon?: string;\n\n /\n A destination to link to, rendered in the href attribute of a link.\n /\n @Prop() url?: string;\n\n /\n Specifies where to open the linked document.\n */\n @Prop() urlTarget?: '_blank' \| '_self';\n\n @Watch('src')\n onSrcChanged(value?: string): void {\n if (value) {\n loadImg(value).then(\n () => (this.backgroundImage = `url(${value})`),\n () => (this.backgroundImage = undefined)\n );\n } else {\n this.backgroundImage = undefined;\n }\n }\n\n componentWillLoad(): void {\n this.onSrcChanged(this.src);\n }\n\n componentWillRender(): void {\n if (!this.label) {\n log.warn('[A11y] Missing ARIA label on avatar', this);\n }\n }\n\n render() {\n if (this.url) {\n return (\n <a href={this.url} target={this.urlTarget} style={this.cssStyle} class={this.cssClass} aria-label={this.label}>\n {this.content}\n </a>\n );\n } else {\n return (\n <span style={this.cssStyle} class={this.cssClass} aria-label={this.label}>\n {this.content}\n </span>\n );\n }\n }\n\n private get content() {\n return !this.backgroundImage\n ? [this.icon ? <cat-icon icon={this.icon} size={this.size}></cat-icon> : this.getInitials()]\n : [];\n }\n\n private get cssStyle() {\n return { 'background-image': this.backgroundImage };\n }\n\n private get cssClass() {\n return {\n avatar: true,\n 'avatar-round': this.round,\n [`avatar-${this.size}`]: Boolean(this.size)\n };\n }\n\n private getInitials(): string {\n return (\n this.initials ??\n (this.label ?? '')\n .split(' ')\n .map(n => n[0])\n .join('')\n );\n }\n}\n"],"version":3}

package/dist/components/cat-badge.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { a as setPropertyDefault } from './setDefault.js';
-const catBadgeCss = ":host{display:inline-block;max-width:100%;vertical-align:baseline}:host([hidden]){display:none}.badge{font:inherit;display:inline-flex;align-items:center;justify-content:center;border-radius:0.125rem;text-decoration:none;box-sizing:border-box;width:100%;line-height:1}.badge slot{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.badge-round{border-radius:10rem}.badge-filled{background-color:rgb(var(--bg));color:rgb(var(--fill));font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:greyscale}.badge-outlined{background-color:white;box-shadow:inset 0 0 0 1px rgba(var(--border), 0.2);color:rgb(var(--text))}.badge-primary{--bg:var(--cat-primary-bg, 32, 127, 138);--fill:var(--cat-primary-fill, 255, 255, 255);--text:var(--cat-primary-text, 32, 127, 138);--border:var(--cat-primary-text, 32, 127, 138)}.badge-secondary{--bg:105, 118, 135;--fill:255, 255, 255;--text:0, 0, 0;--border:105, 118, 135}.badge-success{--bg:0, 132, 88;--fill:255, 255, 255;--text:0, 132, 88;--border:0, 132, 88}.badge-warning{--bg:255, 206, 128;--fill:0, 0, 0;--text:159, 97, 0;--border:159, 97, 0}.badge-danger{--bg:217, 52, 13;--fill:255, 255, 255;--text:217, 52, 13;--border:217, 52, 13}.badge-xs{height:1rem;min-width:1rem;font-size:0.75rem;padding:0 0.25rem}.badge-s{height:1.5rem;min-width:1.5rem;font-size:0.75rem;padding:0 0.5rem}.badge-m{height:2rem;min-width:2rem;font-size:0.875rem;padding:0 0.75rem}.badge-l{height:2.5rem;min-width:2.5rem;font-size:0.9375rem;padding:0 1rem}.badge-xl{height:3rem;min-width:3rem;font-size:1.125rem;padding:0 1rem}.badge-pulse.badge-filled{animation:1.5s ease 0s infinite normal none running pulse}.badge-pulse.badge-outlined{animation:1.5s ease 0s infinite normal none running pulse-outlined}@keyframes pulse{0%{box-shadow:0 0 0 0 rgb(var(--bg))}70%{box-shadow:transparent 0 0 0 0.5rem}100%{box-shadow:transparent 0 0 0 0}}@keyframes pulse-outlined{0%{box-shadow:0 0 0 0 rgb(var(--bg)), inset 0 0 0 1px rgba(var(--border), 0.2)}70%{box-shadow:transparent 0 0 0 0.5rem, inset 0 0 0 1px rgba(var(--border), 0.2)}100%{box-shadow:transparent 0 0 0 0, inset 0 0 0 1px rgba(var(--border), 0.2)}}";
+const catBadgeCss = ":host([hidden]){display:none}:host{display:inline-flex;max-width:100%;vertical-align:baseline;align-items:center;justify-content:center;border-radius:0.25rem;text-decoration:none;line-height:1.5}:host slot{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}:host([round]){border-radius:10rem}:host([variant=filled]){background-color:rgba(var(--bg), 0.1);color:rgb(var(--text));font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:greyscale}:host([variant=outlined]){background-color:white;box-shadow:inset 0 0 0 1px rgba(var(--border), 0.2);color:rgb(var(--text))}:host([color=primary]){--bg:var(--cat-primary-bg, 0, 129, 148);--fill:var(--cat-primary-fill, 255, 255, 255);--text:var(--cat-primary-text, 0, 129, 148);--border:var(--cat-primary-text, 0, 129, 148)}:host([color=secondary]){--bg:105, 118, 135;--fill:255, 255, 255;--text:0, 0, 0;--border:105, 118, 135}:host([color=success]){--bg:0, 132, 88;--fill:255, 255, 255;--text:0, 132, 88;--border:0, 132, 88}:host([color=warning]){--bg:255, 206, 128;--fill:0, 0, 0;--text:159, 97, 0;--border:159, 97, 0}:host([color=danger]){--bg:217, 52, 13;--fill:255, 255, 255;--text:217, 52, 13;--border:217, 52, 13}:host([size=xs]){height:1rem;min-width:1rem;font-size:0.75rem;padding:0 0.25rem}:host([size=s]){height:1.5rem;min-width:1.5rem;font-size:0.75rem;padding:0 0.5rem}:host([size=m]){height:2rem;min-width:2rem;font-size:0.875rem;padding:0 0.75rem}:host([size=l]){height:2.5rem;min-width:2.5rem;font-size:0.9375rem;padding:0 1rem}:host([size=xl]){height:3rem;min-width:3rem;font-size:1.125rem;padding:0 1rem}:host([pulse][variant=filled]){animation:1.5s ease 0s infinite normal none running pulse}:host([pulse][variant=outlined]){animation:1.5s ease 0s infinite normal none running pulse-outlined}@keyframes pulse{0%{box-shadow:0 0 0 0 rgb(var(--bg))}70%{box-shadow:transparent 0 0 0 0.5rem}100%{box-shadow:transparent 0 0 0 0}}@keyframes pulse-outlined{0%{box-shadow:0 0 0 0 rgb(var(--bg)), inset 0 0 0 1px rgba(var(--border), 0.2)}70%{box-shadow:transparent 0 0 0 0.5rem, inset 0 0 0 1px rgba(var(--border), 0.2)}100%{box-shadow:transparent 0 0 0 0, inset 0 0 0 1px rgba(var(--border), 0.2)}}";
 const CatBadge$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -28,16 +29,15 @@ const CatBadge$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
      */
     this.pulse = false;
   }
+  connectedCallback() {
+    setPropertyDefault(this, 'variant');
+    setPropertyDefault(this, 'color');
+    setPropertyDefault(this, 'size');
+  }
   render() {
-    return (h("span", { part: "badge", class: {
-        badge: true,
-        'badge-round': this.round,
-        'badge-pulse': this.pulse,
-        [`badge-${this.variant}`]: Boolean(this.variant),
-        [`badge-${this.color}`]: Boolean(this.color),
-        [`badge-${this.size}`]: Boolean(this.size)
-      } }, h("slot", null)));
+    return h("slot", null);
   }
+  get hostElement() { return this; }
   static get style() { return catBadgeCss; }
 }, [1, "cat-badge", {
     "variant": [1],

package/dist/components/cat-badge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"cat-badge.js","mappings":";;AAAA,MAAM,WAAW,GAAG,~~onEAAonE~~;;~~MCa3nEA~~,UAAQ;EALrB;;;;;;;~~IASU~~,YAAO,GAA0B,QAAQ,CAAC;;;;IAK1C,UAAK,GAA+D,SAAS,CAAC;;;;IAK9E,SAAI,GAAkC,GAAG,CAAC;;;;IAK1C,UAAK,GAAG,KAAK,CAAC;;;;IAKd,UAAK,GAAG,KAAK,CAAC;~~GAmBvB~~;~~EAjBC~~,~~MAAM~~;~~IACJ~~,~~QACE~~,~~YACE~~,IAAI,~~EAAC,OAAO,EACZ,KAAK,~~EAAE~~;QACL~~,~~KAAK~~,~~EAAE,IAAI;QACX,aAAa,EAAE,IAAI,~~CAAC,~~KAAK;QACzB,aAAa,EAAE,IAAI,~~CAAC~~,KAAK~~;~~QACzB~~,~~CAAC~~,~~SAAS,IAAI,~~CAAC,~~OAAO,EAAE,GAAG,OAAO,CAAC,~~IAAI,~~CAAC,OAAO,CAAC;QAChD,CAAC,SAAS,IAAI,CAAC,KAAK,~~EAAE,~~GAAG,~~OAAO,CAAC,~~IAAI,~~CAAC~~,KAAK,CAAC~~;~~QAC5C~~,~~CAAC~~,~~SAAS,IAAI,~~CAAC,IAAI,EAAE,~~GAAG~~,~~OAAO,~~CAAC,~~IAAI,~~CAAC,~~IAAI,CAAC~~;~~OAC3C~~,~~IAED~~,eAAa,~~CACR,EACP~~;~~GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","names":["CatBadge"],"sources":["./src/components/cat-badge/cat-badge.scss?tag=cat-badge&encapsulation=shadow","./src/components/cat-badge/cat-badge.tsx"],"sourcesContent":["@use 'variables' as ;\n@use 'mixins' as ;\n@use 'sass:map';\n\n// -----\n\n$-sizes: (\n 'xl': 3rem,\n 'l': 2.5rem,\n 'm': 2rem,\n 's': 1.5rem,\n 'xs': 1rem\n);\n$-paddings: (\n 'xl': 0 1rem,\n 'l': 0 1rem,\n 'm': 0 0.75rem,\n 's': 0 0.5rem,\n 'xs': 0 0.25rem\n);\n\n// -----\n\n:host {\n display: ~~inline-block~~;\n ~~max-width: 100%;\n vertical-align: baseline;\n~~}\n\n:host~~([hidden])~~ {\n display: ~~none~~;\n~~}\n\n.badge {\n~~ ~~font~~: ~~inherit;\~~n ~~display~~: ~~inline-flex~~;\n align-items: center;\n justify-content: center;\n border-radius: cat-border-radius('s');\n text-decoration: none;\n ~~box-sizing: border-box;\n width: 100%;\n~~ line-height: 1;\n\n slot {\n display: inline-block;\n @include cat-ellipsis;\n }\n}\n\n// ----- round\n\n~~.badge-~~round {\n border-radius: 10rem;\n}\n\n// ----- theme\n\n~~.badge-~~filled {\n background-color: cat-token-wrap(var(--bg));\n color: cat-token-wrap(var(--~~fill~~));\n font-weight: 600;\n @include cat-font-smooth;\n}\n\n$-outline: inset 0 0 0 1px cat-token-wrap(var(--border), $alpha: 0.2);\n\n~~.badge-~~outlined {\n background-color: cat-token('color.ui.background.body');\n box-shadow: $-outline;\n color: cat-token-wrap(var(--text));\n}\n\n@mixin theme($theme) {\n ~~.badge-#~~{$theme} {\n --bg: #{cat-token('color.theme.#{$theme}.bg', $wrap: false)};\n --fill: #{cat-token('color.theme.#{$theme}.fill', $wrap: false)};\n --text: #{cat-token('color.theme.#{$theme}.text', $wrap: false)};\n @if $theme == 'secondary' {\n --border: #{cat-token('color.theme.#{$theme}.bg', $wrap: false)};\n } @else {\n --border: #{cat-token('color.theme.#{$theme}.text', $wrap: false)};\n }\n }\n}\n\n@include theme('primary');\n@include theme('secondary');\n@include theme('success');\n@include theme('warning');\n@include theme('danger');\n\n// ----- size\n\n@mixin size($size, $fontSize) {\n ~~.badge-#~~{$size} {\n height: map.get($-sizes, $size);\n min-width: map.get($-sizes, $size);\n font-size: cat-body-font-size($fontSize);\n padding: map.get($-paddings, $size);\n }\n}\n\n@include size('xs', 'xs');\n@include size('s', 'xs');\n@include size('m', 's');\n@include size('l', 'm');\n@include size('xl', 'l');\n\n// ----- pulse\n\n$-pulse-0: 0 0 0 0 cat-token-wrap(var(--bg));\n$-pulse-70: transparent 0 0 0 0.5rem;\n$-pulse-100: transparent 0 0 0 0;\n\n~~.badge-~~pulse {\n ~~&.badge-filled {\n~~ animation: 1.5s ease 0s infinite normal none running pulse;\n }\n\n ~~&.badge-~~outlined {\n animation: 1.5s ease 0s infinite normal none running pulse-outlined;\n }\n}\n\n@keyframes pulse {\n 0% {\n box-shadow: $-pulse-0;\n }\n\n 70% {\n box-shadow: $-pulse-70;\n }\n\n 100% {\n box-shadow: $-pulse-100;\n }\n}\n\n@keyframes pulse-outlined {\n 0% {\n box-shadow: $-pulse-0, $-outline;\n }\n\n 70% {\n box-shadow: $-pulse-70, $-outline;\n }\n\n 100% {\n box-shadow: $-pulse-100, $-outline;\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/*\n Badges are used to inform users of the status of an object or of an action\n * that’s been taken.\n \n @part badge - The badge element.\n /\n@Component({\n tag: 'cat-badge',\n styleUrl: 'cat-badge.scss',\n shadow: true\n})\nexport class CatBadge {\n /\n The rendering style of the badge.\n /\n @Prop() variant: 'filled' \| 'outlined' = 'filled';\n\n /\n The color palette of the badge.\n /\n @Prop() color: 'primary' \| 'secondary' \| 'danger' \| 'success' \| 'warning' = 'primary';\n\n /\n The size of the badge.\n /\n @Prop() size: 'xs' \| 's' \| 'm' \| 'l' \| 'xl' = 'm';\n\n /\n Use round badge edges.\n /\n @Prop() round = false;\n\n /\n Draw attention to the badge with a subtle animation.\n */\n @Prop() pulse = false;\n\n ~~render~~() {\n ~~return~~ (~~\n <span\n part=\"badge\"\n class={{\n badge:~~ ~~true,\n~~ '~~badge-round~~'~~: this.round,\~~n ~~'badge-pulse': this.pulse,\n [`badge-${this.variant}`]: Boolean~~(this~~.variant),\n [`badge-${this.color}`]:~~ ~~Boolean(this.~~color),\n ~~[`badge-${~~this~~.size}`]:~~ ~~Boolean(this.~~size)\n }}\n >\n <slot></slot>\n ~~</span>\n );\n~~ }\n}\n"],"version":3}
1	+ {"file":"cat-badge.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,wpEAAwpE;;MCY/pEA,UAAQ;EALrB;;;;;;;IAWU,YAAO,GAA0B,QAAQ,CAAC;;;;IAK1C,UAAK,GAA+D,SAAS,CAAC;;;;IAK9E,SAAI,GAAkC,GAAG,CAAC;;;;IAK1C,UAAK,GAAG,KAAK,CAAC;;;;IAKd,UAAK,GAAG,KAAK,CAAC;GAWvB;EATC,iBAAiB;IACf,kBAAkB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACpC,kBAAkB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAClC,kBAAkB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;GAClC;EAED,MAAM;IACJ,OAAO,eAAa,CAAC;GACtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["CatBadge"],"sources":["./src/components/cat-badge/cat-badge.scss?tag=cat-badge&encapsulation=shadow","./src/components/cat-badge/cat-badge.tsx"],"sourcesContent":["@use 'variables' as ;\n@use 'mixins' as ;\n@use 'sass:map';\n\n// -----\n\n$-sizes: (\n 'xl': 3rem,\n 'l': 2.5rem,\n 'm': 2rem,\n 's': 1.5rem,\n 'xs': 1rem\n);\n$-paddings: (\n 'xl': 0 1rem,\n 'l': 0 1rem,\n 'm': 0 0.75rem,\n 's': 0 0.5rem,\n 'xs': 0 0.25rem\n);\n\n// -----\n\n:host([hidden]) {\n display: none;\n}\n\n:host {\n display: inline-flex;\n max-width: 100%;\n vertical-align: baseline;\n align-items: center;\n justify-content: center;\n border-radius: cat-border-radius('m');\n text-decoration: none;\n line-height: 1.5;\n\n slot {\n display: inline-block;\n @include cat-ellipsis;\n }\n}\n\n// ----- round\n\n:host([round]) {\n border-radius: 10rem;\n}\n\n// ----- theme\n\n:host([variant='filled']) {\n background-color: cat-token-wrap(var(--bg), 0.1);\n color: cat-token-wrap(var(--text));\n font-weight: 600;\n @include cat-font-smooth;\n}\n\n$-outline: inset 0 0 0 1px cat-token-wrap(var(--border), $alpha: 0.2);\n\n:host([variant='outlined']) {\n background-color: cat-token('color.ui.background.body');\n box-shadow: $-outline;\n color: cat-token-wrap(var(--text));\n}\n\n@mixin theme($theme) {\n :host([color='#{$theme}']) {\n --bg: #{cat-token('color.theme.#{$theme}.bg', $wrap: false)};\n --fill: #{cat-token('color.theme.#{$theme}.fill', $wrap: false)};\n --text: #{cat-token('color.theme.#{$theme}.text', $wrap: false)};\n @if $theme == 'secondary' {\n --border: #{cat-token('color.theme.#{$theme}.bg', $wrap: false)};\n } @else {\n --border: #{cat-token('color.theme.#{$theme}.text', $wrap: false)};\n }\n }\n}\n\n@include theme('primary');\n@include theme('secondary');\n@include theme('success');\n@include theme('warning');\n@include theme('danger');\n\n// ----- size\n\n@mixin size($size, $fontSize) {\n :host([size='#{$size}']) {\n height: map.get($-sizes, $size);\n min-width: map.get($-sizes, $size);\n font-size: cat-body-font-size($fontSize);\n padding: map.get($-paddings, $size);\n }\n}\n\n@include size('xs', 'xs');\n@include size('s', 'xs');\n@include size('m', 's');\n@include size('l', 'm');\n@include size('xl', 'l');\n\n// ----- pulse\n\n$-pulse-0: 0 0 0 0 cat-token-wrap(var(--bg));\n$-pulse-70: transparent 0 0 0 0.5rem;\n$-pulse-100: transparent 0 0 0 0;\n\n:host([pulse][variant='filled']) {\n animation: 1.5s ease 0s infinite normal none running pulse;\n}\n\n:host([pulse][variant='outlined']) {\n animation: 1.5s ease 0s infinite normal none running pulse-outlined;\n}\n\n@keyframes pulse {\n 0% {\n box-shadow: $-pulse-0;\n }\n\n 70% {\n box-shadow: $-pulse-70;\n }\n\n 100% {\n box-shadow: $-pulse-100;\n }\n}\n\n@keyframes pulse-outlined {\n 0% {\n box-shadow: $-pulse-0, $-outline;\n }\n\n 70% {\n box-shadow: $-pulse-70, $-outline;\n }\n\n 100% {\n box-shadow: $-pulse-100, $-outline;\n }\n}\n","import { Component, Element, h, Prop } from '@stencil/core';\nimport { setPropertyDefault } from '../../utils/setDefault';\n\n/*\n Badges are used to inform users of the status of an object or of an action\n * that’s been taken.\n /\n@Component({\n tag: 'cat-badge',\n styleUrl: 'cat-badge.scss',\n shadow: true\n})\nexport class CatBadge {\n @Element() hostElement!: HTMLElement;\n\n /\n The rendering style of the badge.\n /\n @Prop() variant: 'filled' \| 'outlined' = 'filled';\n\n /\n The color palette of the badge.\n /\n @Prop() color: 'primary' \| 'secondary' \| 'danger' \| 'success' \| 'warning' = 'primary';\n\n /\n The size of the badge.\n /\n @Prop() size: 'xs' \| 's' \| 'm' \| 'l' \| 'xl' = 'm';\n\n /\n Use round badge edges.\n /\n @Prop() round = false;\n\n /\n Draw attention to the badge with a subtle animation.\n */\n @Prop() pulse = false;\n\n connectedCallback() {\n setPropertyDefault(this, 'variant');\n setPropertyDefault(this, 'color');\n setPropertyDefault(this, 'size');\n }\n\n render() {\n return <slot></slot>;\n }\n}\n"],"version":3}