CSS కస్టమ్ హైలైట్ APIతో అధునాతన టెక్స్ట్ సెలెక్షన్ స్టైలింగ్‌ను అన్‌లాక్ చేయండి. మెరుగైన వినియోగదారు అనుభవం కోసం సెలెక్షన్ అనుభవాన్ని అనుకూలీకరించడం నేర్చుకోండి.
CSS కస్టమ్ హైలైట్ API: టెక్స్ట్ సెలెక్షన్ స్టైలింగ్‌లో నైపుణ్యం
వెబ్‌పేజీలో టెక్స్ట్‌ను ఎంచుకోవడం అనేది చాలా మంది వినియోగదారులు పెద్దగా ఆలోచించకుండా చేసే ఒక సాధారణ చర్య. అయితే, డెవలపర్‌లుగా, మనం చాలా సూక్ష్మమైన ఇంటరాక్షన్‌లను కూడా మెరుగుపరచాలని లక్ష్యంగా పెట్టుకుంటాం. CSS కస్టమ్ హైలైట్ API టెక్స్ట్ సెలెక్షన్ అనుభవాన్ని విప్లవాత్మకంగా మార్చడానికి మనకు అధికారం ఇస్తుంది, ఎంచుకున్న టెక్స్ట్ ఎలా కనిపించాలనే దానిపై అపూర్వమైన నియంత్రణను అందిస్తుంది. ఈ సామర్థ్యం సాధారణ బ్యాక్‌గ్రౌండ్ మరియు టెక్స్ట్ రంగు మార్పులకు మించి, సంక్లిష్టమైన మరియు ఆకర్షణీయమైన యూజర్ ఇంటర్‌ఫేస్‌లను అనుమతిస్తుంది.
CSS కస్టమ్ హైలైట్ API అంటే ఏమిటి?
CSS కస్టమ్ హైలైట్ API అనేది ఒక ఆధునిక వెబ్ ప్రమాణం, ఇది CSS ఉపయోగించి టెక్స్ట్ సెలెక్షన్‌ల (మరియు ఇతర హైలైట్ చేయబడిన రేంజ్‌ల) రూపాన్ని స్టైల్ చేయడానికి ఒక మార్గాన్ని అందిస్తుంది. ఇది ::highlight() సూడో-ఎలిమెంట్‌ను పరిచయం చేస్తుంది, ఇది డెవలపర్-నిర్వచించిన ప్రమాణాల ఆధారంగా టెక్స్ట్ యొక్క నిర్దిష్ట రేంజ్‌లను లక్ష్యంగా చేసుకుంటుంది. ఈ API సాంప్రదాయ ::selection సూడో-ఎలిమెంట్ యొక్క పరిమితులను అధిగమిస్తుంది, ఇది చాలా ప్రాథమిక స్టైలింగ్ ఎంపికలను అందిస్తుంది. కస్టమ్ హైలైట్ APIతో, మీరు అత్యంత అనుకూలీకరించిన మరియు సందర్భోచిత టెక్స్ట్ సెలెక్షన్ స్టైల్‌లను సృష్టించవచ్చు.
CSS కస్టమ్ హైలైట్ API ఎందుకు ఉపయోగించాలి?
కస్టమ్ హైలైట్ API టెక్స్ట్ సెలెక్షన్‌లను స్టైల్ చేసే సాంప్రదాయ పద్ధతుల కంటే అనేక ప్రయోజనాలను అందిస్తుంది:
- మెరుగైన వినియోగదారు అనుభవం: వినియోగదారులకు మార్గనిర్దేశం చేసే మరియు చదవడానికి సులభంగా ఉండేలా దృశ్యమానంగా ఆకర్షణీయమైన మరియు సమాచారంతో కూడిన టెక్స్ట్ సెలెక్షన్‌లను సృష్టించండి.
- సందర్భోచిత స్టైలింగ్: ఎంచుకున్న టెక్స్ట్ కంటెంట్ ఆధారంగా వేర్వేరు స్టైల్స్‌ను వర్తింపజేయండి, ఉదాహరణకు కోడ్ స్నిప్పెట్‌లను హైలైట్ చేయడం లేదా కీలక పదాలను నొక్కి చెప్పడం.
- మెరుగైన యాక్సెసిబిలిటీ: ఎంచుకున్న టెక్స్ట్ కోసం స్పష్టమైన దృశ్య సూచనలను అందించండి, ఇది దృష్టి లోపాలు ఉన్న వినియోగదారులకు కంటెంట్‌ను నావిగేట్ చేయడాన్ని సులభతరం చేస్తుంది.
- అనుకూలీకరించదగిన రూపం: ప్రత్యేకమైన మరియు ఆకర్షణీయమైన టెక్స్ట్ సెలెక్షన్ స్టైల్స్‌ను సృష్టించడానికి ప్రాథమిక బ్యాక్‌గ్రౌండ్ మరియు టెక్స్ట్ రంగు మార్పులకు మించి వెళ్లండి.
- డైనమిక్ స్టైలింగ్: వినియోగదారు ఇంటరాక్షన్‌లు లేదా అప్లికేషన్ స్టేట్ ఆధారంగా టెక్స్ట్ సెలెక్షన్‌ల రూపాన్ని మార్చండి.
కీలక భావనలను అర్థం చేసుకోవడం
కోడ్ ఉదాహరణలలోకి వెళ్లే ముందు, CSS కస్టమ్ హైలైట్ API యొక్క ముఖ్య భావనలను అర్థం చేసుకోవడం అవసరం:
1. హైలైట్ రిజిస్ట్రేషన్
ఈ ప్రక్రియ జావాస్క్రిప్ట్ ఉపయోగించి కస్టమ్ హైలైట్ పేరును నమోదు చేయడంతో ప్రారంభమవుతుంది. ఈ పేరును తర్వాత CSSలో నిర్దిష్ట టెక్స్ట్ సెలెక్షన్‌లను లక్ష్యంగా చేసుకోవడానికి ఉపయోగిస్తారు.
2. హైలైట్ రేంజ్‌లు
హైలైట్ రేంజ్‌లు స్టైల్ చేయవలసిన నిర్దిష్ట టెక్స్ట్ స్పాన్‌లను నిర్వచిస్తాయి. ఈ రేంజ్‌లు Highlight మరియు StaticRange లేదా Range APIలను ఉపయోగించి ప్రోగ్రామాటిక్‌గా సృష్టించబడతాయి. అవి హైలైట్ చేయవలసిన టెక్స్ట్ యొక్క ప్రారంభ మరియు ముగింపు పాయింట్‌లను నిర్దేశిస్తాయి.
3. ::highlight() సూడో-ఎలిమెంట్
రిజిస్టర్డ్ హైలైట్ పేర్లకు స్టైల్స్‌ను వర్తింపజేయడానికి ఈ సూడో-ఎలిమెంట్‌ను CSSలో ఉపయోగిస్తారు. ఇది సెలెక్టర్‌గా పనిచేస్తుంది, హైలైట్ రేంజ్‌ల ద్వారా నిర్వచించబడిన టెక్స్ట్ స్పాన్‌లను లక్ష్యంగా చేసుకుంటుంది.
ఆచరణాత్మక ఉదాహరణలు: CSS కస్టమ్ హైలైట్ APIని అమలు చేయడం
CSS కస్టమ్ హైలైట్ APIని ఎలా ఉపయోగించాలో వివరించడానికి అనేక ఆచరణాత్మక ఉదాహరణలను అన్వేషిద్దాం.
ఉదాహరణ 1: ప్రాథమిక టెక్స్ట్ సెలెక్షన్ స్టైలింగ్
ఈ ఉదాహరణ ఎంచుకున్న టెక్స్ట్ యొక్క బ్యాక్‌గ్రౌండ్ మరియు టెక్స్ట్ రంగును ఎలా మార్చాలో చూపిస్తుంది.
HTML:
<p id="myText">This is some text that can be selected.</p>
జావాస్క్రిప్ట్:
const myText = document.getElementById('myText');
const highlight = new Highlight();
// Select the entire paragraph.
highlight.add(new Range(myText.firstChild, 0, myText.firstChild, myText.firstChild.length));
CSS.highlights.set('myHighlight', highlight);
CSS:
::highlight(myHighlight) {
background-color: #ff0;
color: #000;
}
వివరణ:
- జావాస్క్రిప్ట్ కోడ్ ఒక
Highlightఆబ్జెక్ట్‌ను సృష్టిస్తుంది మరియుmyTextIDతో ఉన్న మొత్తం పేరాగ్రాఫ్‌ను కవర్ చేసే ఒక రేంజ్‌ను జతచేస్తుంది. CSS.highlights.set()మెథడ్ హైలైట్‌ను 'myHighlight' పేరుతో నమోదు చేస్తుంది.- ఎంచుకున్న టెక్స్ట్‌ను పసుపు బ్యాక్‌గ్రౌండ్ మరియు నలుపు టెక్స్ట్ రంగుతో స్టైల్ చేయడానికి CSS కోడ్
::highlight(myHighlight)సూడో-ఎలిమెంట్‌ను ఉపయోగిస్తుంది.
ఉదాహరణ 2: నిర్దిష్ట పదాలను హైలైట్ చేయడం
ఈ ఉదాహరణ ఒక పేరాగ్రాఫ్‌లోని నిర్దిష్ట పదాలను ఎలా హైలైట్ చేయాలో చూపిస్తుంది.
HTML:
<p id="myText">This is a paragraph with the word highlight that we want to highlight.</p>
జావాస్క్రిప్ట్:
const myText = document.getElementById('myText');
const highlight = new Highlight();
const textContent = myText.textContent;
const wordsToHighlight = ['highlight'];
wordsToHighlight.forEach(word => {
let index = textContent.indexOf(word);
while (index !== -1) {
highlight.add(new Range(myText.firstChild, index, myText.firstChild, index + word.length));
index = textContent.indexOf(word, index + 1);
}
});
CSS.highlights.set('keywordHighlight', highlight);
CSS:
::highlight(keywordHighlight) {
background-color: lightgreen;
font-weight: bold;
}
వివరణ:
- జావాస్క్రిప్ట్ కోడ్ పేరాగ్రాఫ్‌లోని పదాల ద్వారా వెళ్లి "highlight" పదం యొక్క సూచికలను గుర్తిస్తుంది.
- ప్రతిసారి, ఇది ఒక
Rangeఆబ్జెక్ట్‌ను సృష్టించి, దానినిHighlightఆబ్జెక్ట్‌కు జతచేస్తుంది. - CSS కోడ్ హైలైట్ చేయబడిన పదాలను లేత ఆకుపచ్చ బ్యాక్‌గ్రౌండ్ మరియు బోల్డ్ ఫాంట్ బరువుతో స్టైల్ చేస్తుంది.
ఉదాహరణ 3: వినియోగదారు ఇన్‌పుట్ ఆధారంగా డైనమిక్ హైలైటింగ్
ఈ ఉదాహరణ సెర్చ్ బాక్స్‌లో వినియోగదారు ఇన్‌పుట్ ఆధారంగా టెక్స్ట్‌ను డైనమిక్‌గా ఎలా హైలైట్ చేయాలో చూపిస్తుంది.
HTML:
<input type="text" id="searchInput" placeholder="Enter text to highlight">
<p id="myText">This is some text that will be dynamically highlighted based on user input.</p>
జావాస్క్రిప్ట్:
const searchInput = document.getElementById('searchInput');
const myText = document.getElementById('myText');
const highlight = new Highlight();
searchInput.addEventListener('input', () => {
const searchTerm = searchInput.value;
highlight.clear(); // Clear previous highlights
if (searchTerm) {
const textContent = myText.textContent;
let index = textContent.indexOf(searchTerm);
while (index !== -1) {
highlight.add(new Range(myText.firstChild, index, myText.firstChild, index + searchTerm.length));
index = textContent.indexOf(searchTerm, index + 1);
}
}
CSS.highlights.set('searchHighlight', highlight);
});
CSS:
::highlight(searchHighlight) {
background-color: yellow;
color: black;
}
వివరణ:
- జావాస్క్రిప్ట్ కోడ్ సెర్చ్ బాక్స్‌లో ఇన్‌పుట్ మార్పులను గమనిస్తుంది.
- ఇది ఇప్పటికే ఉన్న హైలైట్‌లను క్లియర్ చేసి, పేరాగ్రాఫ్‌లో నమోదు చేసిన టెక్స్ట్ కోసం శోధిస్తుంది.
- ప్రతిసారి, ఇది ఒక
Rangeఆబ్జెక్ట్‌ను సృష్టించి, దానినిHighlightఆబ్జెక్ట్‌కు జతచేస్తుంది. - CSS కోడ్ డైనమిక్‌గా హైలైట్ చేయబడిన టెక్స్ట్‌ను పసుపు బ్యాక్‌గ్రౌండ్ మరియు నలుపు టెక్స్ట్ రంగుతో స్టైల్ చేస్తుంది.
ఉదాహరణ 4: ::highlight() తో హైలైట్ రూపాన్ని అనుకూలీకరించడం
కస్టమ్ హైలైట్ API యొక్క శక్తి హైలైట్ చేయబడిన టెక్స్ట్ యొక్క రూపాన్ని అనుకూలీకరించే దాని సామర్థ్యంలో ఉంది. షాడోలు, గ్రేడియంట్‌లు మరియు ఇతర విజువల్ ఎఫెక్ట్‌లను ఎలా అప్లై చేయాలో ఇక్కడ ఉంది.
HTML:
<p id="customText">Select this text to see a custom highlight effect.</p>
జావాస్క్రిప్ట్:
const customText = document.getElementById('customText');
const highlight = new Highlight();
highlight.add(new Range(customText.firstChild, 0, customText.firstChild, customText.firstChild.length));
CSS.highlights.set('fancyHighlight', highlight);
CSS:
::highlight(fancyHighlight) {
background: linear-gradient(to right, #4CAF50, #8BC34A);
color: white;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
border-radius: 5px;
padding: 2px 5px;
}
వివరణ:
- ఈ ఉదాహరణ హైలైట్ చేయబడిన టెక్స్ట్‌కు లీనియర్ గ్రేడియంట్ బ్యాక్‌గ్రౌండ్, తెలుపు టెక్స్ట్, టెక్స్ట్ షాడో, గుండ్రని మూలలు మరియు ప్యాడింగ్‌ను వర్తింపజేస్తుంది.
- దృశ్యమానంగా ఆకర్షణీయమైన మరియు ప్రత్యేకమైన సెలెక్షన్ స్టైల్స్‌ను సాధించడానికి
::highlight()సూడో-ఎలిమెంట్‌లోని ప్రామాణిక CSS ప్రాపర్టీలను ఎలా ఉపయోగించవచ్చో ఇది చూపిస్తుంది.
యాక్సెసిబిలిటీ పరిగణనలు
టెక్స్ట్ సెలెక్షన్‌ల దృశ్య రూపాన్ని మెరుగుపరచడం ముఖ్యం అయినప్పటికీ, యాక్సెసిబిలిటీ ఎల్లప్పుడూ ప్రాథమిక ఆందోళనగా ఉండాలి. మీ కస్టమ్ హైలైట్ స్టైల్స్ యాక్సెస్ అయ్యేలా ఉండేలా ఇక్కడ కొన్ని మార్గదర్శకాలు ఉన్నాయి:
- రంగు కాంట్రాస్ట్: హైలైట్ చేయబడిన టెక్స్ట్ యొక్క బ్యాక్‌గ్రౌండ్ మరియు టెక్స్ట్ రంగు మధ్య తగినంత కాంట్రాస్ట్ ఉండేలా చూసుకోండి. యాక్సెసిబిలిటీ ప్రమాణాలకు (WCAG) అనుగుణంగా ఉన్నాయో లేదో ధృవీకరించడానికి వెబ్‌ఎయిమ్ కాంట్రాస్ట్ చెక్కర్ వంటి సాధనాలను ఉపయోగించండి.
- దృశ్య సూచనలు: ఎంచుకున్న టెక్స్ట్ కోసం స్పష్టమైన దృశ్య సూచనలను అందించండి. దృష్టి లోపాలు ఉన్న వినియోగదారులకు గ్రహించడం కష్టంగా ఉండే సూక్ష్మ రంగు మార్పులను నివారించండి.
- కీబోర్డ్ నావిగేషన్: కస్టమ్ హైలైట్ స్టైల్స్ కీబోర్డ్ నావిగేషన్‌కు ఆటంకం కలిగించకుండా చూసుకోండి. వినియోగదారులు కీబోర్డ్‌ను ఉపయోగించి సులభంగా టెక్స్ట్‌ను ఎంచుకోగలగాలి మరియు నావిగేట్ చేయగలగాలి.
- స్క్రీన్ రీడర్ అనుకూలత: ఎంచుకున్న టెక్స్ట్ సరిగ్గా ప్రకటించబడిందని నిర్ధారించుకోవడానికి మీ కస్టమ్ హైలైట్ స్టైల్స్‌ను స్క్రీన్ రీడర్‌లతో పరీక్షించండి.
బ్రౌజర్ అనుకూలత
CSS కస్టమ్ హైలైట్ API సాపేక్షంగా కొత్త వెబ్ ప్రమాణం, మరియు బ్రౌజర్ అనుకూలత మారవచ్చు. 2023 చివరి/2024 ప్రారంభం నాటికి, మద్దతు పెరుగుతోంది కానీ సార్వత్రికంగా అమలు కాలేదు. అనుకూలత నవీకరణల గురించి సమాచారం తెలుసుకోవడానికి "Can I use..." వంటి వెబ్‌సైట్‌లలో ప్రస్తుత బ్రౌజర్ మద్దతు స్థితిని మీరు తనిఖీ చేయవచ్చు.
APIకి ఇంకా మద్దతు ఇవ్వని బ్రౌజర్‌ల కోసం ఫాల్‌బ్యాక్ స్టైల్స్‌ను అందించడానికి ఫీచర్ డిటెక్షన్‌ను ఉపయోగించడాన్ని పరిగణించండి.
if ('CSS' in window && 'highlights' in CSS) {
// Use the Custom Highlight API
} else {
// Provide fallback styles using ::selection
}
వాస్తవ-ప్రపంచ వినియోగ కేసులు
CSS కస్టమ్ హైలైట్ APIకి అనేక వాస్తవ-ప్రపంచ అనువర్తనాలు ఉన్నాయి, వాటిలో:
- కోడ్ ఎడిటర్లు: కోడ్ ఎడిటర్లలో సింటాక్స్ ఎలిమెంట్స్, ఎర్రర్స్, మరియు వార్నింగ్స్‌ను హైలైట్ చేయండి.
- ఈ-లెర్నింగ్ ప్లాట్‌ఫారమ్‌లు: విద్యా సామగ్రిలో కీలక భావనలు మరియు నిర్వచనాలను నొక్కి చెప్పండి.
- డాక్యుమెంట్ వ్యూయర్లు: వినియోగదారులను డాక్యుమెంట్‌లలో టెక్స్ట్‌ను హైలైట్ చేయడానికి మరియు వ్యాఖ్యానించడానికి అనుమతించండి.
- శోధన ఫలితాలు: శోధన ఫలితాలలో శోధన పదాలను హైలైట్ చేయండి.
- డేటా విజువలైజేషన్: చార్టులు మరియు గ్రాఫ్‌లలో నిర్దిష్ట డేటా పాయింట్లు లేదా ట్రెండ్‌లను హైలైట్ చేయండి.
ఉత్తమ పద్ధతులు మరియు చిట్కాలు
- వివరణాత్మక హైలైట్ పేర్లను ఉపయోగించండి: హైలైటింగ్ యొక్క ఉద్దేశ్యాన్ని స్పష్టంగా సూచించే హైలైట్ పేర్లను ఎంచుకోండి.
- అవసరమైనప్పుడు హైలైట్‌లను క్లియర్ చేయండి: ఊహించని స్టైలింగ్ సమస్యలను నివారించడానికి అవసరం లేనప్పుడు హైలైట్‌లను క్లియర్ చేయడం గుర్తుంచుకోండి.
- పనితీరును ఆప్టిమైజ్ చేయండి: అధిక హైలైట్ రేంజ్‌లను సృష్టించడం మానుకోండి, ఎందుకంటే ఇది పనితీరును ప్రభావితం చేస్తుంది.
- పూర్తిగా పరీక్షించండి: అనుకూలత మరియు యాక్సెసిబిలిటీని నిర్ధారించుకోవడానికి వివిధ బ్రౌజర్‌లు మరియు పరికరాలలో మీ కస్టమ్ హైలైట్ స్టైల్స్‌ను పరీక్షించండి.
- ఫాల్‌బ్యాక్‌లను పరిగణించండి: కస్టమ్ హైలైట్ APIకి ఇంకా మద్దతు ఇవ్వని బ్రౌజర్‌ల కోసం ఫాల్‌బ్యాక్ స్టైల్స్‌ను అందించండి.
అధునాతన టెక్నిక్‌లు
1. బహుళ హైలైట్‌లను కలపడం
మరింత సంక్లిష్టమైన స్టైలింగ్ ఎఫెక్ట్‌లను సృష్టించడానికి మీరు బహుళ హైలైట్‌లను కలపవచ్చు. ఉదాహరణకు, మీరు కీవర్డ్‌లు మరియు వినియోగదారు ఎంచుకున్న టెక్స్ట్ రెండింటినీ వేర్వేరు స్టైల్స్‌తో హైలైట్ చేయాలనుకోవచ్చు.
2. హైలైట్‌లను నవీకరించడానికి ఈవెంట్‌లను ఉపయోగించడం
వినియోగదారు ఇంటరాక్షన్‌ల ఆధారంగా హైలైట్ రేంజ్‌లను డైనమిక్‌గా నవీకరించడానికి మీరు మౌస్‌ఓవర్ లేదా క్లిక్ వంటి జావాస్క్రిప్ట్ ఈవెంట్‌లను ఉపయోగించవచ్చు.
3. థర్డ్-పార్టీ లైబ్రరీలతో ఇంటిగ్రేట్ చేయడం
మరింత అధునాతన హైలైటింగ్ పరిష్కారాలను సృష్టించడానికి మీరు కస్టమ్ హైలైట్ APIని థర్డ్-పార్టీ లైబ్రరీలతో ఇంటిగ్రేట్ చేయవచ్చు. ఉదాహరణకు, ఒక డాక్యుమెంట్‌లోని కీలక పదాలను స్వయంచాలకంగా గుర్తించడానికి మరియు హైలైట్ చేయడానికి మీరు ఒక సహజ భాషా ప్రాసెసింగ్ (NLP) లైబ్రరీని ఉపయోగించవచ్చు.
టెక్స్ట్ సెలెక్షన్ స్టైలింగ్ యొక్క భవిష్యత్తు
CSS కస్టమ్ హైలైట్ API టెక్స్ట్ సెలెక్షన్ స్టైలింగ్‌లో ఒక ముఖ్యమైన పురోగతిని సూచిస్తుంది. ఇది డెవలపర్‌లకు మరింత ఆకర్షణీయమైన, యాక్సెస్ చేయగల, మరియు సందర్భోచిత వినియోగదారు ఇంటర్‌ఫేస్‌లను సృష్టించే అధికారం ఇస్తుంది. బ్రౌజర్ మద్దతు పెరుగుతున్న కొద్దీ, కస్టమ్ హైలైట్ API ప్రపంచవ్యాప్తంగా వెబ్ డెవలపర్‌లకు ఒక ముఖ్యమైన సాధనంగా మారబోతోంది.
ముగింపు
CSS కస్టమ్ హైలైట్ API టెక్స్ట్ సెలెక్షన్ అనుభవాన్ని అనుకూలీకరించడానికి అనేక అవకాశాలను అన్‌లాక్ చేస్తుంది. కీలక భావనలను అర్థం చేసుకోవడం, ఆచరణాత్మక ఉదాహరణలను అన్వేషించడం మరియు యాక్సెసిబిలిటీ మార్గదర్శకాలను పరిగణనలోకి తీసుకోవడం ద్వారా, మీరు ఈ శక్తివంతమైన APIని నిజంగా అసాధారణమైన వినియోగదారు ఇంటర్‌ఫేస్‌లను సృష్టించడానికి ఉపయోగించుకోవచ్చు. కస్టమ్ హైలైట్ APIని స్వీకరించండి మరియు మీ వెబ్ డెవలప్‌మెంట్ ప్రాజెక్ట్‌లను కొత్త శిఖరాలకు చేర్చండి.
అందించిన ఉదాహరణలతో ప్రయోగాలు చేయండి, వాటిని మీ నిర్దిష్ట అవసరాలకు అనుగుణంగా మార్చుకోండి మరియు CSS కస్టమ్ హైలైట్ API యొక్క పూర్తి సామర్థ్యాన్ని అన్వేషించండి. మీ వినియోగదారులు వివరాలపై శ్రద్ధ మరియు మెరుగైన వినియోగదారు అనుభవాన్ని అభినందిస్తారు.